Files
vf_react/public/htmls/磷化工六氟磷酸锂.html
2025-12-05 13:29:18 +08:00

414 lines
30 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.

<!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>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #020617;
background-image:
radial-gradient(circle at 15% 15%, rgba(167, 139, 250, 0.15) 0%, transparent 40%),
radial-gradient(circle at 85% 75%, rgba(56, 189, 248, 0.15) 0%, transparent 40%);
background-attachment: fixed;
overflow-y: scroll;
}
.glass-card {
background: rgba(15, 23, 42, 0.6);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(56, 189, 248, 0.5);
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
.bento-grid {
display: grid;
gap: 1rem;
}
/* Responsive Bento Grid Layout */
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(4, auto);
}
.bento-item-1 { grid-column: span 4; grid-row: span 2; }
.bento-item-2 { grid-column: span 2; grid-row: span 1; }
.bento-item-3 { grid-column: span 2; grid-row: span 1; }
.bento-item-4 { grid-column: span 3; grid-row: span 2; }
.bento-item-5 { grid-column: span 3; grid-row: span 2; }
}
.title-gradient {
background: -webkit-linear-gradient(45deg, #a78bfa, #38bdf8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.table thead th {
background-color: rgba(30, 41, 59, 0.8);
color: #94a3b8;
}
.table tbody tr:hover {
background-color: rgba(56, 189, 248, 0.1);
}
</style>
</head>
<body class="text-slate-300 min-h-screen">
<div class="container mx-auto p-4 md:p-8 max-w-7xl">
<!-- Header and Disclaimer -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold title-gradient mb-4 tracking-wider">
磷化工六氟磷酸锂 · 深度研报
</h1>
<p class="text-slate-500 text-sm">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现 | 本报告为AI合成数据投资需谨慎。
</p>
</header>
<!-- Insight Section -->
<section id="insight" class="mb-16">
<h2 class="text-3xl font-bold text-sky-400 border-l-4 border-sky-400 pl-4 mb-8">概念洞察 (Insight)</h2>
<div class="glass-card rounded-3xl p-6 mb-8 prose prose-invert max-w-none prose-h3:text-sky-300 prose-strong:text-violet-300">
<h3>0. 核心观点摘要</h3>
<p>`磷化工六氟磷酸锂`概念正处在一轮由“预期反转”到“现实引爆”的强劲周期性上涨阶段。其核心驱动力是<strong>储能市场需求超预期爆发</strong><strong>行业过往两年深度出清导致的有效供给严重不足</strong>之间形成的剧烈供需错配。未来潜力取决于储能需求的持续性与行业扩产的理性程度,短期内价格弹性巨大,已进入基本面驱动的盈利兑现期。</p>
</div>
<!-- Bento Grid Layout for Key Insights -->
<div class="bento-grid mb-8">
<div class="glass-card rounded-3xl p-6 bento-item-1 flex flex-col">
<h3 class="font-bold text-xl mb-4 text-sky-300">价格引爆点 (2025 Q3-Q4)</h3>
<div id="priceChart" class="flex-grow w-full h-64 md:h-full"></div>
</div>
<div class="glass-card rounded-3xl p-6 bento-item-2">
<h3 class="font-bold text-xl mb-4 text-sky-300">核心驱动力</h3>
<ul class="list-disc list-inside space-y-2 text-slate-400">
<li><strong>需求端结构性突变:</strong> 新能源汽车稳增 + 储能爆发式增长。</li>
<li><strong>供给端刚性约束:</strong> 历史出清导致有效产能严重不足,头部控盘,扩产周期长。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6 bento-item-3">
<h3 class="font-bold text-xl mb-4 text-sky-300">市场预期差</h3>
<ul class="list-disc list-inside space-y-2 text-slate-400">
<li>从“供过于求”到“严重短缺”的切换速度远超预期。</li>
<li>市场混淆“名义产能”与“有效产能”的现实。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6 bento-item-4">
<h3 class="font-bold text-xl mb-4 text-sky-300">关键催化剂 (未来3-6个月)</h3>
<ul class="list-disc list-inside space-y-2 text-slate-400">
<li><strong>价格持续上涨:</strong> 市场价格能否突破15万元/吨。</li>
<li><strong>盈利兑现:</strong> 相关上市公司Q4及明年Q1财报的利润释放。</li>
<li><strong>下游排产数据:</strong> 头部电池厂2026年排产计划。</li>
<li><strong>长协订单签订:</strong> 新一轮长协价锁定盈利预期。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6 bento-item-5">
<h3 class="font-bold text-xl mb-4 text-sky-300">最具投资价值环节</h3>
<ul class="list-disc list-inside space-y-2 text-slate-400">
<li><strong>核心环节:</strong> 中游六氟磷酸锂制造商 (天赐材料, 多氟多, 天际股份),逻辑最纯粹,业绩弹性最大。</li>
<li><strong>潜力环节:</strong> 具备“资源+新材料”一体化布局的上游磷化工龙头 (云天化, 兴发集团),享受资源价值重估与第二增长曲线。</li>
</ul>
</div>
</div>
<div class="glass-card rounded-3xl p-6 prose prose-invert max-w-none prose-h3:text-sky-300 prose-h4:text-violet-400 prose-strong:text-violet-300">
<h3>1. 概念事件与时间轴</h3>
<h4>背景</h4>
<p>六氟磷酸锂LiPF₆是锂离子电池电解液中最重要的溶质锂盐其成本约占电解液总成本的<strong>43%-53.2%</strong>。行业具有显著周期性,上游与氟化工和磷化工紧密相连,下游直面新能源汽车和储能两大高景气赛道。</p>
<h4>催化事件时间轴</h4>
<ul>
<li><strong>周期底部 (2022 - 2024年中):</strong> 价格大幅下跌行业深度调整大量产能闲置为后续供给收缩埋下伏笔。至2024年Q1市场均价跌至6.67万元/吨。</li>
<li><strong>底部确认与预期酝酿 (2024年底 - 2025年中):</strong> 市场开始出现触底信号券商预判“供需反转拐点将至”但市场价格仍在5.0万元/吨低位徘徊。</li>
<li><strong>价格引爆点 (2025年9月 - 11月):</strong> 价格快速拉升从9月初的5.7万元/吨到10月底的10.75万元/吨再到11月14日主流价<strong>13.5万元/吨</strong>部分报价高达15万元/吨,彻底引爆市场。</li>
<li><strong>核心催化剂:</strong> 本轮暴涨是“<strong>储能需求爆发 + 供给收缩 + 低库存 + 成本支撑</strong>”四重因素共振的结果,其中储能锂电池出货量同比增幅超<strong>99%</strong>成为最大变量。</li>
</ul>
<h3>2. 产业链与核心公司深度剖析</h3>
<h4>产业链图谱</h4>
<ul>
<li><strong>上游 (原材料):</strong>
<ul>
<li><strong>磷资源:</strong> 磷矿石 → 黄磷 → 三氯化磷 → 五氯化磷。</li>
<li><strong>氟资源:</strong> 萤石 → 氟化氢。</li>
<li><strong>锂资源:</strong> 碳酸锂。</li>
</ul>
</li>
<li><strong>中游 (六氟磷酸锂制造):</strong>
<ul>
<li><strong>第一梯队 (CR3 > 80%):</strong> 天赐材料 (11万吨), 多氟多 (6.5万吨), 天际股份 (3.7万吨)。</li>
<li><strong>第二梯队:</strong> 永太科技、联化科技等。</li>
<li><strong>磷化工背景玩家:</strong> 云天化 (参股5000吨)。</li>
</ul>
</li>
<li><strong>下游 (应用):</strong> 电解液 → 动力电池/储能电池 → 新能源汽车/储能系统。</li>
</ul>
<h4>核心玩家对比</h4>
<ul>
<li><strong>领导者 & 逻辑最纯粹者:</strong> <strong>天赐材料、多氟多、天际股份</strong>。作为绝对龙头,直接受益于价格上涨,业绩弹性最高。</li>
<li><strong>资源整合者:</strong> <strong>云天化、兴发集团</strong>。磷化工巨头,核心优势在上游磷矿资源,通过布局新材料实现转型,具备显著的原料成本优势和长期发展潜力。</li>
</ul>
<h3>3. 潜在风险与挑战</h3>
<ul>
<li><strong>技术风险:</strong> 长期存在被LiFSI等更高性能新型锂盐部分替代的风险。</li>
<li><strong>周期性风险:</strong> <strong>这是最大的风险</strong>。当前价格暴涨必然刺激新一轮资本开支若扩产失序18-24个月后可能重演新一轮的产能过剩。</li>
<li><strong>竞争风险:</strong> 高利润会吸引新玩家进入,或刺激二三线厂商复产,打破当前头部主导的供给格局。</li>
<li><strong>信息交叉验证风险:</strong> 部分公司产能数据在不同来源中存在差异(如石大胜华),需审慎核实。</li>
</ul>
</div>
</section>
<!-- Supporting Data Section -->
<section id="supporting-data" class="mb-16">
<h2 class="text-3xl font-bold text-sky-400 border-l-4 border-sky-400 pl-4 mb-8">核心数据支撑</h2>
<div class="space-y-4">
<!-- News Data -->
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="data-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-violet-300">新闻数据摘要</div>
<div class="collapse-content prose prose-invert max-w-none text-slate-400 prose-strong:text-slate-300">
<h4>核心观点</h4>
<p>六氟磷酸锂市场在2025年下半年因“储能需求爆发+供给收缩+低库存+成本支撑共振”导致价格快速攀升。业内普遍认为核心是供需错配,短期将维持供需紧平衡,价格易涨难跌。</p>
<h4>价格动态</h4>
<ul>
<li>2025-08月初: <strong>5.0万元/吨</strong></li>
<li>2025-09-30: <strong>6.10万元/吨</strong></li>
<li>2025-10-31: <strong>10.75万元/吨</strong> (月涨幅76.23%)</li>
<li>2025-11-07: <strong>12.15万元/吨</strong></li>
<li>2025-11-14: 主流价格涨至<strong>13.5万元/吨</strong>,部分报价高达<strong>15万元/吨</strong></li>
</ul>
<h4>需求端</h4>
<p>核心驱动是<strong>储能与动力电池市场爆发式增长</strong>。2025年前三季度储能锂电池出货量同比增幅超99%。下游头部电池企业订单饱满排期至2026年。</p>
<h4>供给端</h4>
<p>行业经历2022-2024年下跌大量二三线装置长期停车短期无法重启。头部企业检修减产库存降至历史低位。新产能建设周期长达12-18个月<strong>2026年上半年前难以大规模释放</strong></p>
</div>
</div>
<!-- Roadshow Data -->
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium text-violet-300">路演纪要精选</div>
<div class="collapse-content prose prose-invert max-w-none text-slate-400 prose-strong:text-slate-300">
<h4>天风电新 (2024-11-24)</h4>
<p>预测2025年供需紧平衡六氟环节CR3市占率达80%价格控盘能力强。价格上涨1万元/吨天赐材料吨净利可达2000元净利润预计19亿元。重点关注<strong>天赐材料、多氟多、天际股份</strong></p>
<h4>六氟磷酸锂行业展望 (2025-08-17)</h4>
<p>全球有效产能小于30万吨单月有效供给约2.6万吨与旺季需求基本平衡。呆滞产能需价格持续高于8-10万元才考虑重启。行业有望迎来“彻底反转”。</p>
<h4>多氟多业绩交流会 (2024-10-31)</h4>
<p>当时披露六氟价格中枢约5.5万元/吨产能利用率70%-80%全球供过于求1.8倍。此观点与一年后的市场剧变形成强烈对比,凸显了<strong>储能需求爆发的超预期性</strong></p>
<h4>国联电新 (2025-01-03)</h4>
<p>预测2025年六氟价格或回升至8-10万元/吨判断2025年为行业拐点。</p>
</div>
</div>
<!-- Research Report Data -->
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium text-violet-300">研报观点汇总</div>
<div class="collapse-content prose prose-invert max-w-none text-slate-400 prose-strong:text-slate-300">
<h4>价格与盈利</h4>
<p>六氟磷酸锂价格下降是2023年至2024Q1企业利润承压的核心原因。2024Q1毛利率创历史新低判断业绩处于底部区间。当前价格下二三线厂商基本亏损。价格在2025年11月已明确上涨并落地。</p>
<h4>产能与格局</h4>
<p>头部企业放缓新增产能投放节奏。龙头公司凭借规模、工艺和成本优势有望提升市占率,行业集中度或进一步提升。头部厂商开工率已达较高水平,落后产能较难启动,供需结构有望改善。</p>
<h4>技术与地位</h4>
<p>龙头公司通过自研工艺在纯度、品质、成本上达行业领先水平。客户涵盖国内主流电解液厂商并出口海外。同时,积极布局<strong>双氟磺酰亚胺锂(LiFSI)</strong>等新型锂盐,为技术迭代做准备。</p>
</div>
</div>
</div>
</section>
<!-- Stock List Section -->
<section id="stock-list">
<h2 class="text-3xl font-bold text-sky-400 border-l-4 border-sky-400 pl-4 mb-8">相关概念股梳理</h2>
<div class="space-y-12">
<!-- Rise Analysis -->
<div>
<h3 class="text-2xl font-semibold mb-4 text-violet-300">涨幅异动分析</h3>
<div class="overflow-x-auto glass-card rounded-2xl">
<table class="table table-zebra">
<thead>
<tr>
<th>股票名称</th>
<th>代码</th>
<th>异动日期</th>
<th>涨幅</th>
<th>核心逻辑与驱动概念</th>
</tr>
</thead>
<tbody>
<tr>
<td>盛新锂能</td>
<td><a href="https://valuefrontier.cn/company?scode=002240" target="_blank" class="link link-hover text-sky-400">002240</a></td>
<td>2025-11-13</td>
<td><span class="text-error font-bold">10.0%</span></td>
<td>六氟磷酸锂价格突破现金成本线,叠加碳酸锂期货涨停,形成“锂盐+六氟”双击预期,资金抢筹。</td>
</tr>
<tr>
<td>海科新源</td>
<td><a href="https://valuefrontier.cn/company?scode=301292" target="_blank" class="link link-hover text-sky-400">301292</a></td>
<td>2025-11-13</td>
<td><span class="text-error font-bold">20.01%</span></td>
<td>六氟涨价传导至添加剂公司作为A股最大VC添加剂产能商叠加储能电解液需求成为资金首选。</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Industry Chain Tables -->
<div>
<h3 class="text-2xl font-semibold mb-4 text-violet-300">产业链图谱</h3>
<div class="overflow-x-auto glass-card rounded-2xl">
<table class="table table-zebra">
<thead>
<tr>
<th>产业链环节</th>
<th>股票名称</th>
<th>代码</th>
<th>产能与业务概况</th>
</tr>
</thead>
<tbody>
<!-- 六氟磷酸锂 -->
<tr class="bg-slate-900/50"><td colspan="4" class="font-bold text-center text-sky-400">中游:六氟磷酸锂 (电解液核心溶质)</td></tr>
<tr><td>六氟磷酸锂</td><td>天赐材料</td><td><a href="https://valuefrontier.cn/company?scode=002709" target="_blank" class="link link-hover text-sky-400">002709</a></td><td>现有产能折固约11万吨/年</td></tr>
<tr><td>六氟磷酸锂</td><td>多氟多</td><td><a href="https://valuefrontier.cn/company?scode=002407" target="_blank" class="link link-hover text-sky-400">002407</a></td><td>现有产能6.5万吨/年</td></tr>
<tr><td>六氟磷酸锂</td><td>天际股份</td><td><a href="https://valuefrontier.cn/company?scode=002759" target="_blank" class="link link-hover text-sky-400">002759</a></td><td>现有产能3.7万吨/年</td></tr>
<tr><td>六氟磷酸锂</td><td>联化科技</td><td><a href="https://valuefrontier.cn/company?scode=002250" target="_blank" class="link link-hover text-sky-400">002250</a></td><td>现有产能2万吨/年项目,商业化生产装置建设及试生产</td></tr>
<tr><td>六氟磷酸锂</td><td>永太科技</td><td><a href="https://valuefrontier.cn/company?scode=002326" target="_blank" class="link link-hover text-sky-400">002326</a></td><td>现有产能1.79万吨/年</td></tr>
<tr><td>六氟磷酸锂</td><td>宏源药业</td><td><a href="https://valuefrontier.cn/company?scode=301246" target="_blank" class="link link-hover text-sky-400">301246</a></td><td>现有产能0.8万吨/年2024年出货1万吨左右</td></tr>
<tr><td>六氟磷酸锂</td><td>昊华科技</td><td><a href="https://valuefrontier.cn/company?scode=600378" target="_blank" class="link link-hover text-sky-400">600378</a></td><td>现有产能0.8万吨/年</td></tr>
<tr><td>六氟磷酸锂</td><td>深圳新星</td><td><a href="https://valuefrontier.cn/company?scode=603978" target="_blank" class="link link-hover text-sky-400">603978</a></td><td>现有产能0.58万吨/年(已投产)</td></tr>
<tr><td>六氟磷酸锂</td><td>云天化</td><td><a href="https://valuefrontier.cn/company?scode=600096" target="_blank" class="link link-hover text-sky-400">600096</a></td><td>现有产能0.5万吨/年(参股公司)</td></tr>
<tr><td>六氟磷酸锂</td><td>杉杉股份</td><td><a href="https://valuefrontier.cn/company?scode=600884" target="_blank" class="link link-hover text-sky-400">600884</a></td><td>现有产能0.2万吨/年</td></tr>
<tr><td>六氟磷酸锂</td><td>石大胜华</td><td><a href="https://valuefrontier.cn/company?scode=603026" target="_blank" class="link link-hover text-sky-400">603026</a></td><td>现有产能0.2万吨/年</td></tr>
<!-- 磷化工原料 -->
<tr class="bg-slate-900/50"><td colspan="4" class="font-bold text-center text-sky-400">上游:磷化工核心原料</td></tr>
<tr><td>五氯化磷</td><td>万盛股份</td><td><a href="https://valuefrontier.cn/company?scode=603010" target="_blank" class="link link-hover text-sky-400">603010</a></td><td>设计产能6万吨/年(子公司山东汉峰)</td></tr>
<tr><td>三氯化磷</td><td>泰和科技</td><td><a href="https://valuefrontier.cn/company?scode=300801" target="_blank" class="link link-hover text-sky-400">300801</a></td><td>现有产能24万吨/年</td></tr>
<tr><td>三氯化磷</td><td>清水源</td><td><a href="https://valuefrontier.cn/company?scode=300437" target="_blank" class="link link-hover text-sky-400">300437</a></td><td>现有产能16万吨/年</td></tr>
<tr><td>黄磷</td><td>澄星股份</td><td><a href="https://valuefrontier.cn/company?scode=600078" target="_blank" class="link link-hover text-sky-400">600078</a></td><td>现有产能18万吨/年</td></tr>
<tr><td>黄磷</td><td>兴发集团</td><td><a href="https://valuefrontier.cn/company?scode=600141" target="_blank" class="link link-hover text-sky-400">600141</a></td><td>现有产能约17万吨/年</td></tr>
<!-- 磷矿 -->
<tr class="bg-slate-900/50"><td colspan="4" class="font-bold text-center text-sky-400">上游:磷矿资源</td></tr>
<tr><td>磷矿</td><td>云天化</td><td><a href="https://valuefrontier.cn/company?scode=600096" target="_blank" class="link link-hover text-sky-400">600096</a></td><td>现有产能1450万吨/年计划新增200万吨/年</td></tr>
<tr><td>磷矿</td><td>兴发集团</td><td><a href="https://valuefrontier.cn/company?scode=600141" target="_blank" class="link link-hover text-sky-400">600141</a></td><td>现有产能585万吨/年计划新增920万吨/年</td></tr>
<tr><td>磷矿</td><td>湖北宜化</td><td><a href="https://valuefrontier.cn/company?scode=000422" target="_blank" class="link link-hover text-sky-400">000422</a></td><td>现有产能510万吨/年计划新增290万吨/年</td></tr>
<tr><td>磷矿</td><td>川发龙蟒</td><td><a href="https://valuefrontier.cn/company?scode=002312" target="_blank" class="link link-hover text-sky-400">002312</a></td><td>现有产能350万吨/年计划新增610万吨/年</td></tr>
<!-- 磷酸铁锂 -->
<tr class="bg-slate-900/50"><td colspan="4" class="font-bold text-center text-sky-400">下游关联:磷酸铁/磷酸铁锂 (共同拉动磷化工需求)</td></tr>
<tr><td>磷酸铁锂</td><td>湖南裕能</td><td><a href="https://valuefrontier.cn/company?scode=301358" target="_blank" class="link link-hover text-sky-400">301358</a></td><td>2023年末有效产能约56万吨</td></tr>
<tr><td>磷酸铁锂</td><td>富临精工</td><td><a href="https://valuefrontier.cn/company?scode=300432" target="_blank" class="link link-hover text-sky-400">300432</a></td><td>子公司江西升华现有高实密磷酸铁锂年产能30万吨</td></tr>
<tr><td>磷酸铁锂</td><td>德方纳米</td><td><a href="https://valuefrontier.cn/company?scode=300769" target="_blank" class="link link-hover text-sky-400">300769</a></td><td>已建成的磷酸铁锂产能为26.5万吨/年</td></tr>
<tr><td>磷酸铁锂</td><td>兴发集团</td><td><a href="https://valuefrontier.cn/company?scode=600141" target="_blank" class="link link-hover text-sky-400">600141</a></td><td>磷酸铁锂8万吨/年磷酸铁10万吨/年、在建10万吨/年</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
</div>
<script type="text/javascript">
// ECharts initialization
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('priceChart');
var myChart = echarts.init(chartDom, 'dark');
var option;
const priceData = [
['2024-09-25', 5.45],
['2024-11-22', 5.65],
['2025-08-01', 5.0],
['2025-09-01', 5.7],
['2025-09-30', 6.10],
['2025-10-11', 7.0], // Using an average of the range
['2025-10-31', 10.75],
['2025-11-03', 10.0],
['2025-11-07', 12.15],
['2025-11-10', 11.0],
['2025-11-11', 12.3],
['2025-11-13', 13.0],
['2025-11-14', 13.5]
];
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
formatter: '时间: {b}<br/>价格: {c} 万元/吨',
backgroundColor: 'rgba(15, 23, 42, 0.8)',
borderColor: 'rgba(56, 189, 248, 0.5)',
textStyle: {
color: '#e2e8f0'
}
},
grid: {
left: '5%',
right: '5%',
bottom: '10%',
top: '15%',
containLabel: true
},
xAxis: {
type: 'time',
boundaryGap: false,
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.2)' } },
axisLabel: { color: '#94a3b8' }
},
yAxis: {
type: 'value',
name: '万元/吨',
nameTextStyle: {
color: '#94a3b8',
align: 'right'
},
axisLabel: { color: '#94a3b8' },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)', type: 'dashed' } }
},
series: [{
data: priceData,
type: 'line',
smooth: true,
symbol: 'none',
lineStyle: {
width: 3,
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#a78bfa' },
{ offset: 1, color: '#38bdf8' }
])
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(56, 189, 248, 0.3)' },
{ offset: 1, color: 'rgba(167, 139, 250, 0.0)' }
])
},
}]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>