Files
vf_react/public/htmls/涤纶长丝.html
2025-12-05 13:29:18 +08:00

425 lines
29 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。
<!DOCTYPE html>
<html lang="zh-CN" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>涤纶长丝 - 深度行业研究报告</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.10/dist/cdn.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #000000;
background-image:
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(120, 119, 198, 0.3), transparent),
radial-gradient(ellipse 80% 50% at 50% 120%, rgba(39, 119, 198, 0.3), transparent);
background-attachment: fixed;
color: #E2E8F0; /* slate-200 */
}
.glass-card {
background: rgba(15, 23, 42, 0.5); /* slate-900 with alpha */
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(56, 189, 248, 0.2); /* sky-400 with alpha */
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease-in-out;
}
.glass-card:hover {
border-color: rgba(56, 189, 248, 0.5);
box-shadow: 0 0 30px rgba(56, 189, 248, 0.2);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
}
.grid-item-header {
grid-column: span 12;
}
.grid-item-main {
grid-column: span 12;
md:grid-column: span 8;
}
.grid-item-side {
grid-column: span 12;
md:grid-column: span 4;
}
.grid-item-full {
grid-column: span 12;
}
.grid-item-half {
grid-column: span 12;
lg:grid-column: span 6;
}
.glow-text {
text-shadow: 0 0 8px rgba(56, 189, 248, 0.5);
}
.section-title {
font-family: 'Space Grotesk', sans-serif;
font-size: 2rem;
font-weight: 700;
letter-spacing: -0.05em;
background: linear-gradient(90deg, #F8FAFC, #94A3B8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.subsection-title {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.25rem;
font-weight: 600;
color: #93c5fd; /* blue-300 */
border-left: 3px solid #38bdf8; /* sky-400 */
padding-left: 0.75rem;
}
.highlight-badge {
display: inline-block;
background-color: rgba(56, 189, 248, 0.1);
color: #7dd3fc; /* sky-300 */
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.875rem;
font-weight: 500;
border: 1px solid rgba(56, 189, 248, 0.2);
}
/* Custom scrollbar for better aesthetics */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(56, 189, 248, 0.3);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(56, 189, 248, 0.5);
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 md:p-8">
<div class="max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="section-title text-4xl md:text-5xl lg:text-6xl mb-2">涤纶长丝</h1>
<p class="text-slate-400 text-lg">深度行业研究报告</p>
<p class="text-xs text-slate-500 mt-2">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
</header>
<!-- Bento Grid Layout -->
<div class="grid grid-cols-12 gap-6">
<!-- Core Viewpoint -->
<div class="col-span-12 glass-card p-6">
<h2 class="subsection-title mb-4">核心观点摘要</h2>
<p class="text-slate-300 leading-relaxed">
涤纶长丝概念正处在一个关键的<span class="text-sky-300 font-semibold">转型博弈期</span>,其核心驱动力已从过去的需求拉动,转变为由头部企业主导的<span class="font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-300 to-fuchsia-400">供给侧“反内卷”协同</span>。当前,市场正见证一个高度集中的传统制造业,试图通过寡头垄断的逻辑重塑行业生态并修复盈利能力。其未来潜力完全取决于龙头企业间脆弱的“协同纪律”能否战胜疲弱的下游需求和高企的库存压力,这是一场典型的<span class="text-amber-300">“意愿”与“现实”的较量</span>
</p>
</div>
<!-- Event Timeline -->
<div class="col-span-12 md:col-span-5 glass-card p-6">
<h2 class="subsection-title mb-6">概念事件时间轴</h2>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
<li>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.001-5.492z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end md:text-end mb-10">
<time class="font-mono italic text-slate-400 text-sm">2023年末-2024年初</time>
<div class="text-lg font-black text-slate-200">基调确立</div>
行业协会发布《高质量发展倡议书》,中央强调“反内卷”,为行业自律定下基调。
</div>
<hr class="bg-sky-400/50"/>
</li>
<li>
<hr class="bg-sky-400/50"/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.001-5.492z" clip-rule="evenodd" /></svg></div>
<div class="timeline-start mb-10">
<time class="font-mono italic text-slate-400 text-sm">2024年5月</time>
<div class="text-lg font-black text-slate-200">行动落地</div>
萧山160万吨产能因环保停车桐昆、新凤鸣、盛虹三大厂联合减产10%,并尝试“一口价”模式。
</div>
<hr class="bg-sky-400/50"/>
</li>
<li>
<hr class="bg-sky-400/50"/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.001-5.492z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end md:text-end mb-10">
<time class="font-mono italic text-slate-400 text-sm">2024年7月-8月</time>
<div class="text-lg font-black text-slate-200">淡季应对</div>
面对淡季开启新一轮10%减产并计划追加5%。“一口价”联盟虽有传闻,但核心协同未破裂。
</div>
<hr class="bg-sky-400/50"/>
</li>
<li>
<hr class="bg-sky-400/50"/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.001-5.492z" clip-rule="evenodd" /></svg></div>
<div class="timeline-start mb-10">
<time class="font-mono italic text-slate-400 text-sm">2024年10月-11月</time>
<div class="text-lg font-black text-slate-200">战略转向 & 出口改善</div>
行业明确联合减产从“抢份额”转向“控量保利”。印度取消BIS认证利好出口。
</div>
</li>
</ul>
</div>
<!-- ECharts -->
<div class="col-span-12 md:col-span-7 flex flex-col gap-6">
<div class="glass-card p-6 flex-1">
<h2 class="subsection-title mb-4">供给端变革:产能放缓 & 集中度提升</h2>
<div id="supplyChart" class="w-full h-64"></div>
</div>
<div class="glass-card p-6 flex-1">
<h2 class="subsection-title mb-4">景气度核心指标:价差与库存博弈</h2>
<div id="metricsChart" class="w-full h-64"></div>
</div>
</div>
<!-- Core Logic -->
<div class="col-span-12 lg:col-span-8 glass-card p-6">
<h2 class="subsection-title mb-4">核心逻辑与市场认知</h2>
<div class="space-y-6 text-slate-300">
<div>
<h3 class="font-semibold text-sky-300 mb-2">核心驱动力:供给侧改革下的寡头博弈</h3>
<p>支撑概念的根本逻辑是<span class="font-bold text-white">行业格局的优化</span>。CR6从2018年的48%飙升至近80%寡头格局使龙头有能力和意愿从“囚徒困境”转向“合作博弈”。未来产能增速预计从7.1%骤降至1.5%,为价格和利润修复提供坚实基础。这本质上是一次行业自发的<span class="highlight-badge">供给侧改革</span></p>
</div>
<div>
<h3 class="font-semibold text-sky-300 mb-2">市场热度与情绪:普遍乐观,但存在分歧</h3>
<p>市场对“反内卷”主题高度关注,券商普遍认为“最差的时刻已经过去”。但路演数据揭示了产业链内部对协同可持续性的疑虑,下游企业持<span class="text-amber-300">“半信半疑、观望为主”</span>的态度,显示出情绪分歧。</p>
</div>
<div>
<h3 class="font-semibold text-sky-300 mb-2">预期差分析:意愿的坚定性 vs. 执行的有效性</h3>
<p>市场普遍认知龙头有足够动力执行减产。然而,最关键的预期差在于<span class="text-red-400 font-bold">协同执行的脆弱性</span>。路演纪要明确指出5月首轮减产“实际执行率仅约5%效果不佳”这与新闻中的“坚定执行”形成鲜明对比。市场可能高估了联盟的执行力而低估了在高库存一度高达26-30天和弱需求零售增速仅2%)压力下,“偷跑”的风险。</p>
</div>
</div>
</div>
<!-- Catalysts -->
<div class="col-span-12 lg:col-span-4 glass-card p-6">
<h2 class="subsection-title mb-4">关键催化剂 & 未来路径</h2>
<div class="space-y-4 text-slate-300">
<div>
<h4 class="font-semibold text-slate-100">近期催化剂 (3-6个月)</h4>
<ul class="list-disc list-inside mt-2 space-y-1 text-sm">
<li class="flex items-start"><span class="text-sky-400 mr-2 mt-1">&#9679;</span>库存数据实质性下降 (降至15天以下)</li>
<li class="flex items-start"><span class="text-sky-400 mr-2 mt-1">&#9679;</span>“金九银十”旺季需求验证</li>
<li class="flex items-start"><span class="text-sky-400 mr-2 mt-1">&#9679;</span>龙头三季报盈利能力显著改善</li>
<li class="flex items-start"><span class="text-sky-400 mr-2 mt-1">&#9679;</span>出口环境持续改善 (关税、认证)</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-slate-100">长期发展路径</h4>
<ul class="list-disc list-inside mt-2 space-y-1 text-sm">
<li class="flex items-start"><span class="text-fuchsia-400 mr-2 mt-1">&#9679;</span><strong class="text-slate-300 mr-1">短期(1-2年):</strong> “减产-提价-去库”的博弈循环。</li>
<li class="flex items-start"><span class="text-fuchsia-400 mr-2 mt-1">&#9679;</span><strong class="text-slate-300 mr-1">中期(2-3年):</strong> 供需紧平衡,盈利中枢系统性抬升。</li>
<li class="flex items-start"><span class="text-fuchsia-400 mr-2 mt-1">&#9679;</span><strong class="text-slate-300 mr-1">长期(3-5年):</strong> 进入成熟的寡头盈利阶段,格局稳定。</li>
</ul>
</div>
</div>
</div>
<!-- Risks & Contradictions -->
<div class="col-span-12 glass-card p-6 border-amber-400/30 hover:border-amber-400/50 hover:shadow-amber-500/10">
<h2 class="subsection-title mb-4 border-l-amber-400 text-amber-300">潜在风险 & 核心矛盾</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="text-slate-300 space-y-3">
<p><strong class="text-amber-200">需求持续疲软:</strong> 核心风险。若终端消费不振,任何供给端的努力都可能事倍功半。</p>
<p><strong class="text-amber-200">成本大幅波动:</strong> 油价剧烈波动会带来巨大的存货减值风险,侵蚀利润。</p>
<p><strong class="text-red-400 font-bold">联盟破裂风险:</strong> 最大的不确定性。生存压力下,任何一家龙头背弃协议都可能引发价格战,使行业重回“内卷”。</p>
</div>
<div class="bg-slate-900/50 p-4 rounded-xl border border-slate-700">
<h4 class="font-bold text-amber-300 mb-2">信息交叉验证的核心矛盾点</h4>
<p class="text-slate-300">
最显著的矛盾在于 <span class="text-white">新闻/研报对“协同减产”的乐观定性描述</span><span class="text-white">路演数据中“执行率仅5%,效果不佳”的定量事实</span> 之间的冲突。
</p>
<p class="text-slate-400 text-sm mt-2">
这反映了卖方研究与产业一线真实情况之间可能存在的信息差。投资者若仅依赖公开报告,可能会对行业自律的实际效果产生严重误判。
</p>
</div>
</div>
</div>
<!-- Rise Analysis -->
<div class="col-span-12 glass-card p-6">
<h2 class="subsection-title mb-4">市场异动归因分析 (Rise Analysis)</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<!-- Analysis Cards will be inserted here -->
<div class="bg-slate-900/50 p-4 rounded-xl border border-slate-700 h-full flex flex-col">
<div class="flex justify-between items-center mb-2">
<span class="font-bold text-lg text-white">凤竹纺织 (600493)</span>
<span class="badge badge-success badge-outline">+6.97%</span>
</div>
<time class="text-xs text-slate-400 mb-2">2025-11-10</time>
<p class="text-sm text-slate-300 flex-grow"><strong class="text-sky-300">核心结论:</strong> 受益于上游PTA-涤纶长丝产业链“反内卷”协同减产逻辑,引发市场对整个纺织板块的估值修复预期,作为板块一员出现典型的“水涨船高”式联动行情。</p>
</div>
<div class="bg-slate-900/50 p-4 rounded-xl border border-slate-700 h-full flex flex-col">
<div class="flex justify-between items-center mb-2">
<span class="font-bold text-lg text-white">新乡化纤 (000949)</span>
<span class="badge badge-success badge-outline">+6.73%</span>
</div>
<time class="text-xs text-slate-400 mb-2">2025-09-26</time>
<p class="text-sm text-slate-300 flex-grow"><strong class="text-sky-300">核心结论:</strong> 化纤行业协同减产(“反内卷”)成效显著,带来供需改善和价格上涨预期。同时公司在碳纤维、生物基材料等新领域的布局提供了估值想象空间,叠加板块轮动效应,股价逆势走强。</p>
</div>
<div class="bg-slate-900/50 p-4 rounded-xl border border-slate-700 h-full flex flex-col">
<div class="flex justify-between items-center mb-2">
<span class="font-bold text-lg text-white">恒天海龙 (000677)</span>
<span class="badge badge-error badge-outline">+9.92%</span>
</div>
<time class="text-xs text-slate-400 mb-2">2025-06-30</time>
<p class="text-sm text-slate-300 flex-grow"><strong class="text-sky-300">核心结论:</strong> 深圳口岸营商环境优化政策落地,市场预期港口物流装备升级将直接拉动集装箱加固带需求。公司作为“高模低缩涤纶工业长丝”龙头,直接受益于此政策催化。</p>
</div>
</div>
</div>
<!-- Core Companies Table -->
<div class="col-span-12 glass-card p-6">
<h2 class="subsection-title mb-4">核心标的与产业链布局</h2>
<div class="overflow-x-auto">
<table class="table table-zebra-zebra bg-transparent w-full">
<thead class="text-sky-300 text-sm">
<tr>
<th class="bg-transparent">分类</th>
<th class="bg-transparent">股票名称</th>
<th class="bg-transparent">股票代码</th>
<th class="bg-transparent">核心逻辑 / 业务关联</th>
<th class="bg-transparent">产能/市占率 (截至2024)</th>
</tr>
</thead>
<tbody class="text-slate-300">
<tr>
<td rowspan="2" class="align-top bg-transparent"><span class="badge badge-primary badge-outline">领导者 (纯粹标的)</span></td>
<td class="bg-transparent font-bold">桐昆股份</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=601233" target="_blank" class="link link-hover text-sky-400">601233</a></td>
<td class="bg-transparent text-sm">绝对龙头,行业“反内卷”联盟的核心与风向标,估值处历史底部,安全边际高。</td>
<td class="bg-transparent">1350万吨/年,市占率 >28%</td>
</tr>
<tr>
<td class="bg-transparent font-bold">新凤鸣</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=603225" target="_blank" class="link link-hover text-sky-400">603225</a></td>
<td class="bg-transparent text-sm">行业第二,与桐昆构成双寡头格局,协同策略的坚定执行者,逻辑纯粹性高。</td>
<td class="bg-transparent">805万吨/年,市占率 >12%</td>
</tr>
<tr>
<td rowspan="4" class="align-top bg-transparent"><span class="badge badge-secondary badge-outline">一体化巨头</span></td>
<td class="bg-transparent font-semibold">恒逸石化</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=000703" target="_blank" class="link link-hover text-sky-400">000703</a></td>
<td class="bg-transparent text-sm">“炼化-化纤”全产业链布局,成本控制力强,但股价受多环节景气度综合影响。</td>
<td class="bg-transparent">633.5万吨 (半年报)</td>
</tr>
<tr>
<td class="bg-transparent font-semibold">恒力石化</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=600346" target="_blank" class="link link-hover text-sky-400">600346</a></td>
<td class="bg-transparent text-sm">“一滴油到一根丝”全产业链,抗风险能力强,涤纶长丝为业务版图一部分。</td>
<td class="bg-transparent">410万吨/年 (合计)</td>
</tr>
<tr>
<td class="bg-transparent font-semibold">东方盛虹</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=000301" target="_blank" class="link link-hover text-sky-400">000301</a></td>
<td class="bg-transparent text-sm">大型炼化一体化企业,长丝业务受益于行业景气,但逻辑纯度不如双寡头。</td>
<td class="bg-transparent">约360万吨/年</td>
</tr>
<tr>
<td class="bg-transparent font-semibold">荣盛石化</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002493" target="_blank" class="link link-hover text-sky-400">002493</a></td>
<td class="bg-transparent text-sm">以PTA、炼化为主涤纶长丝为下游延伸受益于产业链景气传导。</td>
<td class="bg-transparent">142万吨/年 (2023)</td>
</tr>
<tr>
<td rowspan="2" class="align-top bg-transparent"><span class="badge badge-accent badge-outline">特色追赶者</span></td>
<td class="bg-transparent">海利得</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002206" target="_blank" class="link link-hover text-sky-400">002206</a></td>
<td class="bg-transparent text-sm">专注于涤纶工业丝领域,受益于特定下游(如汽车、港口物流)需求。</td>
<td class="bg-transparent">32万吨/年</td>
</tr>
<tr>
<td class="bg-transparent">尤夫股份</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002427" target="_blank" class="link link-hover text-sky-400">002427</a></td>
<td class="bg-transparent text-sm">主营工业丝,与民用丝市场存在差异,但同样受益于行业景气和下游应用。</td>
<td class="bg-transparent">30万吨/年</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Footer -->
<footer class="text-center mt-12 text-xs text-slate-600">
<p>本报告由AI合成数据及观点仅供参考不构成任何投资建议投资需谨慎。</p>
<p>&copy; 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Supply Chart
var supplyChartDom = document.getElementById('supplyChart');
var supplyChart = echarts.init(supplyChartDom, 'dark');
var supplyOption = {
backgroundColor: 'transparent',
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
legend: { data: ['产能增速', '行业集中度(CR6)'], textStyle: { color: '#94a3b8' } },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'category', data: ['2017-23 CAGR', '2024-26E CAGR'], axisLine: { lineStyle: { color: '#475569' } } },
yAxis: [
{ type: 'value', name: '增速', min: 0, max: 8, interval: 2, axisLabel: { formatter: '{value} %' }, axisLine: { lineStyle: { color: '#475569' } } },
{ type: 'value', name: '集中度', min: 0, max: 100, interval: 20, axisLabel: { formatter: '{value} %' }, axisLine: { lineStyle: { color: '#475569' } } }
],
series: [
{ name: '产能增速', type: 'bar', barWidth: '30%', data: [7.1, 1.5], itemStyle: { color: '#38bdf8' } },
{ name: '行业集中度(CR6)', type: 'line', yAxisIndex: 1, data: [66, 80], symbol: 'circle', symbolSize: 8, itemStyle: { color: '#a78bfa' } }
]
};
supplyChart.setOption(supplyOption);
// Metrics Chart
var metricsChartDom = document.getElementById('metricsChart');
var metricsChart = echarts.init(metricsChartDom, 'dark');
var metricsOption = {
backgroundColor: 'transparent',
tooltip: { trigger: 'axis' },
legend: { data: ['POY价差 (元/吨)', '工厂库存 (天)'], textStyle: { color: '#94a3b8' } },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'category', boundaryGap: false, data: ['Q1', 'Q2', '5月', '6月', '7月', '8月'], axisLine: { lineStyle: { color: '#475569' } } },
yAxis: [
{ type: 'value', name: '价差', min: 0, max: 1600, axisLine: { lineStyle: { color: '#475569' } } },
{ type: 'value', name: '库存', min: 0, max: 35, inverse: true, axisLine: { lineStyle: { color: '#475569' } } }
],
series: [
{ name: 'POY价差 (元/吨)', type: 'line', smooth: true, data: [125, 99, 1201, 1396, 1373, 1249], itemStyle: { color: '#34d399' }, areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(52, 211, 153, 0.3)' }, { offset: 1, color: 'rgba(52, 211, 153, 0)' }]) } },
{ name: '工厂库存 (天)', type: 'line', yAxisIndex: 1, smooth: true, data: [13.2, 27.3, 20, 27, 22.5, 16], itemStyle: { color: '#fb923c' }, areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(251, 146, 60, 0.3)' }, { offset: 1, color: 'rgba(251, 146, 60, 0)' }]) } }
]
};
metricsChart.setOption(metricsOption);
window.addEventListener('resize', function() {
supplyChart.resize();
metricsChart.resize();
});
});
</script>
</body>
</html>