Files
vf_react/public/htmls/燃料电池.html
2025-12-05 13:29:18 +08:00

502 lines
33 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="fcvTheme">
<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.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<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>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Space Grotesk', sans-serif;
background-color: #000213;
color: #E0E0E0;
}
.turrell-glow {
position: fixed;
top: 50%;
left: 50%;
width: 150vw;
height: 150vh;
transform: translate(-50%, -50%);
background: radial-gradient(circle at 30% 30%, rgba(20, 80, 200, 0.15) 0%, transparent 40%),
radial-gradient(circle at 70% 80%, rgba(120, 40, 180, 0.15) 0%, transparent 40%);
z-index: -1;
animation: pulse 20s infinite ease-in-out;
filter: blur(100px);
}
@keyframes pulse {
0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
}
.card.glass {
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(10, 12, 38, 0.6);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 0 25px rgba(0, 255, 255, 0.1), 0 0 50px rgba(255, 0, 255, 0.1);
transition: all 0.3s ease;
}
.card.glass:hover {
transform: translateY(-5px);
box-shadow: 0 0 35px rgba(0, 255, 255, 0.2), 0 0 60px rgba(255, 0, 255, 0.2);
}
.fui-title {
text-shadow: 0 0 8px rgba(0, 255, 255, 0.7);
}
.fui-highlight {
color: #00f2ff;
}
.fui-divider {
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.3), transparent);
margin: 1.5rem 0;
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
border-radius: 1.5rem;
}
.col-span-12 { grid-column: span 12; }
.col-span-6 { grid-column: span 6; }
.col-span-4 { grid-column: span 4; }
.col-span-8 { grid-column: span 8; }
@media (max-width: 768px) {
.col-span-12, .col-span-6, .col-span-4, .col-span-8 {
grid-column: span 12;
}
}
</style>
</head>
<body class="min-h-screen">
<div class="turrell-glow"></div>
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold fui-title tracking-widest text-cyan-300">燃料电池</h1>
<p class="mt-4 text-lg md:text-xl text-purple-300">AI算力之基石 vs. 绿色交通之未来</p>
</header>
<!-- Main Content -->
<main class="space-y-12">
<!-- Core Insight -->
<section id="insight">
<div class="card glass p-6 md:p-8 rounded-3xl">
<h2 class="text-3xl font-bold mb-4 text-cyan-200">核心洞察:叙事分化与价值重估</h2>
<p class="text-lg text-gray-300">
燃料电池概念正经历一次深刻的价值重估与逻辑分化。其已从过去单一、高度依赖政策补贴的氢燃料汽车PEMFC叙事演变为由<strong class="fui-highlight">AI算力需求引爆的、具备清晰商业化路径的数据中心电源SOFC</strong>与传统交通领域双轮驱动的新格局。当前SOFC因其与全球最强科技主线AI的绑定展现出更高的增长确定性和市场关注度而PEMFC则仍在政策扶持下艰难地探索成本与市场的平衡点。
</p>
<div class="fui-divider"></div>
<!-- Narrative Shift Timeline -->
<div x-data="{}" class="mt-8">
<h3 class="text-2xl font-semibold text-purple-300 mb-6">概念演进:从政策驱动到市场驱动</h3>
<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-cyan-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.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2020 - 至今</time>
<div class="text-lg font-black text-white">PEMFC时代政策播种</div>
中国政府以“以奖代补”政策在五大示范城市群推动燃料电池汽车FCV商业化核心目标是到2025年保有量达 <strong class="fui-highlight">5万辆</strong>。市场关注点在于成本下降、国产化替代和政策落地。
</div>
<hr class="bg-cyan-400"/>
</li>
<li>
<hr class="bg-cyan-400"/>
<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-yellow-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2023 - 2024</time>
<div class="text-lg font-black text-white">发展阵痛期</div>
FCV推广挑战重重销量数据波动剧烈2025年累计产销量同比下滑超50%示范目标完成度堪忧截至2025年7月仅64%),显示出强烈的政策依赖性和商业化困境。
</div>
<hr class="bg-purple-400"/>
</li>
<li>
<hr class="bg-purple-400"/>
<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-purple-400"><path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2024年以来</time>
<div class="text-lg font-black text-white">SOFC新叙事爆发</div>
AI算力需求激增数据中心电力成为瓶颈。美股龙头Bloom EnergyBE<strong class="fui-highlight">CoreWeave、Oracle</strong> 等巨头超 <strong class="fui-highlight">4GW</strong> SOFC大单标志着SOFC由AI驱动的规模化应用时代开启。市场焦点迅速转移。
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Core Logic Bento Grid -->
<section id="core-logic">
<h2 class="text-3xl font-bold mb-6 text-center text-cyan-200">双轮驱动:核心逻辑与市场认知</h2>
<div class="bento-grid">
<!-- SOFC Logic -->
<div class="col-span-12 md:col-span-6 bento-item card glass p-6">
<h3 class="text-2xl font-bold text-purple-300">SOFC (数据中心):市场需求驱动</h3>
<p class="mt-2 text-gray-300">当前概念最硬的逻辑。AI的指数级发展带来了对电力“量”和“速”的双重需求。</p>
<ul class="mt-4 space-y-2 list-disc list-inside">
<li><strong class="text-cyan-300">快速部署:</strong>新闻提及仅需<strong class="fui-highlight">50天</strong>,精准解决数据中心快速上线痛点。</li>
<li><strong class="text-cyan-300">高能源效率:</strong>路演数据提及电效率达<strong class="fui-highlight">55%</strong>,显著高于传统方案。</li>
<li><strong class="text-cyan-300">商业闭环清晰:</strong>驱动力来自科技巨头谷歌、微软、Oracle的资本开支而非政府补贴。</li>
<li><strong class="text-cyan-300">市场情绪:</strong>市场呈现对SOFC的<strong class="fui-highlight">乐观追捧</strong>,交易其巨大的增量空间和高确定性。</li>
</ul>
</div>
<!-- PEMFC Logic -->
<div class="col-span-12 md:col-span-6 bento-item card glass p-6">
<h3 class="text-2xl font-bold text-purple-300">PEMFC (交通工具):政策与成本双轮驱动</h3>
<p class="mt-2 text-gray-300">根本驱动力是国家能源安全和“双碳”战略,呈现“政策托底,成本决定未来”的特征。</p>
<ul class="mt-4 space-y-2 list-disc list-inside">
<li><strong class="text-cyan-300">政策强力引导:</strong>通过示范城市群和“以奖代补”培育产业链。</li>
<li><strong class="text-cyan-300">降本进行时:</strong>系统成本已从万元级降至 <strong class="fui-highlight">2000-3000元/千瓦</strong></li>
<li><strong class="text-cyan-300">平价仍遥远:</strong>距离商业化平价目标(<strong class="fui-highlight">500-1000元/千瓦</strong>)仍有距离。</li>
<li><strong class="text-cyan-300">市场情绪:</strong>对PEMFC持<strong class="fui-highlight">谨慎观望</strong>态度,博弈政策持续性和降本速度。</li>
</ul>
</div>
</div>
</section>
<!-- Expectation Gap -->
<section id="expectation-gap">
<h2 class="text-3xl font-bold mb-6 text-center text-cyan-200">预期差分析:叙事与现实的鸿沟</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card glass p-6 rounded-3xl">
<h3 class="text-2xl font-semibold text-yellow-400">PEMFC“宏大叙事” vs “骨感现实”</h3>
<div class="mt-4 space-y-3">
<p><strong class="text-white">叙事:</strong>研报和政策规划描绘了到2025年保有量达5万辆市场规模达百亿的蓝图。</p>
<p><strong class="text-white">现实:</strong>路演专家揭示全球销量下滑,示范目标完成度堪忧。更关键的是,核心零部件如<strong class="fui-highlight">质子交换膜、气体扩散层、催化剂</strong>仍依赖进口,是制约降本和供应链安全的“阿喀琉斯之踵”。</p>
</div>
</div>
<div class="card glass p-6 rounded-3xl">
<h3 class="text-2xl font-semibold text-yellow-400">SOFC“全球盛宴” vs “本土能力”</h3>
<div class="mt-4 space-y-3">
<p><strong class="text-white">叙事:</strong>市场因BE的成功而对整个SOFC赛道感到兴奋认为国内企业将全面受益。</p>
<p><strong class="text-white">现实:</strong>SOFC专家会明确指出国内系统集成尚处<strong class="fui-highlight">示范阶段</strong>,在工程化和可靠性上与国际巨头存在显著差距。短期最直接受益者是<strong class="fui-highlight">已进入BE供应链的核心材料商</strong>,而非国内系统集成商。</p>
</div>
</div>
</div>
</section>
<!-- Key Data & Evidence -->
<section id="data-evidence">
<h2 class="text-3xl font-bold mb-6 text-center text-cyan-200">关键数据与实证</h2>
<div class="bento-grid">
<div class="col-span-12 md:col-span-4 bento-item card glass p-6 flex flex-col justify-center items-center text-center">
<h3 class="text-xl font-bold text-purple-300">SOFC 确定性订单</h3>
<p class="text-5xl font-black text-cyan-300 mt-2">4+ GW</p>
<p class="text-gray-400 mt-1">BE公司2024年以来累计大单</p>
</div>
<div class="col-span-12 md:col-span-4 bento-item card glass p-6 flex flex-col justify-center items-center text-center">
<h3 class="text-xl font-bold text-purple-300">FCV 示范目标完成度</h3>
<p class="text-5xl font-black text-yellow-300 mt-2">~64%</p>
<p class="text-gray-400 mt-1">截至2025年7月距5万辆目标差距仍大</p>
</div>
<div class="col-span-12 md:col-span-4 bento-item card glass p-6 flex flex-col justify-center items-center text-center">
<h3 class="text-xl font-bold text-purple-300">49吨重卡均价降幅</h3>
<p class="text-5xl font-black text-green-300 mt-2">-26%</p>
<p class="text-gray-400 mt-1">从170万降至125万元/台 (2023 vs 2024)</p>
</div>
<div class="col-span-12 md:col-span-6 bento-item card glass p-6">
<h3 class="text-xl font-bold text-purple-300 mb-4">FCV 销量 vs 目标</h3>
<div id="fcv-sales-chart" class="w-full h-72"></div>
</div>
<div class="col-span-12 md:col-span-6 bento-item card glass p-6">
<h3 class="text-xl font-bold text-purple-300 mb-4">PEMFC 系统成本下降路径</h3>
<div id="pemfc-cost-chart" class="w-full h-72"></div>
</div>
</div>
</section>
<!-- Key Players -->
<section id="key-players">
<h2 class="text-3xl font-bold mb-6 text-center text-cyan-200">产业链核心公司深度剖析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- 三环集团 -->
<div class="card glass p-6 rounded-3xl">
<div class="flex items-center justify-between">
<h3 class="text-2xl font-bold text-white">三环集团 (300408)</h3>
<div class="badge badge-accent badge-outline">SOFC核心材料龙头</div>
</div>
<p class="mt-2 text-purple-300">逻辑最纯粹直接受益全球AI数据中心建设浪潮。</p>
<ul class="mt-4 space-y-2 list-disc list-inside text-gray-300">
<li><strong class="text-cyan-300">优势:</strong> 作为Bloom Energy陶瓷隔膜板的<strong class="fui-highlight">唯一或主要供应商</strong>,确定性强,毛利率高达 <strong class="fui-highlight">50%+</strong></li>
<li><strong class="text-cyan-300">进展:</strong> 2024年SOFC业务营收约4.5-5亿元预计今年销售额可达 <strong class="fui-highlight">7亿</strong></li>
<li><strong class="text-cyan-300">风险:</strong> 对单一客户BE的依赖度过高存在客户集中风险。</li>
</ul>
</div>
<!-- 亿华通 -->
<div class="card glass p-6 rounded-3xl">
<div class="flex items-center justify-between">
<h3 class="text-2xl font-bold text-white">亿华通 (688339)</h3>
<div class="badge badge-primary badge-outline">PEMFC系统领导者</div>
</div>
<p class="mt-2 text-purple-300">具备先发优势和规模效应,深度绑定京津冀示范区。</p>
<ul class="mt-4 space-y-2 list-disc list-inside text-gray-300">
<li><strong class="text-cyan-300">优势:</strong> PEMFC系统市占率第一2024年上半年<strong class="fui-highlight">23.15%</strong>),与丰田成立合资公司。</li>
<li><strong class="text-cyan-300">进展:</strong> 系统功率持续提升至<strong class="fui-highlight">240kW</strong>,适应重卡需求。</li>
<li><strong class="text-cyan-300">风险:</strong> 高度依赖补贴,现金流压力大,核心材料对外依赖,盈利能力受挤压。</li>
</ul>
</div>
<!-- 雄韬股份 -->
<div class="card glass p-6 rounded-3xl">
<div class="flex items-center justify-between">
<h3 class="text-2xl font-bold text-white">雄韬股份 (002733)</h3>
<div class="badge badge-secondary badge-outline">PEMFC追赶者 & 场景开拓者</div>
</div>
<p class="mt-2 text-purple-300">具备自主研发能力,积极开拓数据中心新场景。</p>
<ul class="mt-4 space-y-2 list-disc list-inside text-gray-300">
<li><strong class="text-cyan-300">优势:</strong> 具备系统和电堆的自主研发能力,技术布局全面。</li>
<li><strong class="text-cyan-300">进展:</strong><strong class="fui-highlight">亚马逊达成数据中心氢储能供电合作</strong>验证PEMFC在固定式发电的应用潜力。</li>
<li><strong class="text-cyan-300">风险:</strong> 车用市场份额不及亿华通,新场景的应用规模和盈利能力有待验证。</li>
</ul>
</div>
<!-- 佛燃能源 -->
<div class="card glass p-6 rounded-3xl">
<div class="flex items-center justify-between">
<h3 class="text-2xl font-bold text-white">佛燃能源</h3>
<div class="badge badge-warning badge-outline">国内SOFC系统布局者</div>
</div>
<p class="mt-2 text-purple-300">被市场视为国内SOFC系统集成布局的领先者。</p>
<ul class="mt-4 space-y-2 list-disc list-inside text-gray-300">
<li><strong class="text-cyan-300">优势:</strong> 与国内外头部企业合作开发卡位国内SOFC系统赛道。</li>
<li><strong class="text-cyan-300">进展:</strong> SOFC系统样机进入关键阶段。</li>
<li><strong class="text-cyan-300">风险:</strong> 国内SOFC系统集成尚处早期技术、工程化能力与国外差距大商业化落地存在较大不确定性。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Tables -->
<section id="stock-data">
<h2 class="text-3xl font-bold mb-6 text-center text-cyan-200">相关股票梳理</h2>
<div class="card glass p-6 md:p-8 rounded-3xl">
<h3 class="text-xl font-bold mb-4 text-purple-300">产业链图谱</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr class="text-cyan-300 text-base">
<th>股票名称</th>
<th>股票代码</th>
<th>产业链环节</th>
<th>具体业务</th>
</tr>
</thead>
<tbody>
<tr><td>亿华通</td><td><a href='https://valuefrontier.cn/company?scode=688339' target='_blank' class='link link-hover text-cyan-400'>688339</a></td><td>燃料电池系统</td><td>系统/电池堆/膜电极</td></tr>
<tr><td>三环集团</td><td><a href='https://valuefrontier.cn/company?scode=300408' target='_blank' class='link link-hover text-cyan-400'>300408</a></td><td>SOFC核心材料</td><td>(为Bloom Energy)提供陶瓷隔膜板</td></tr>
<tr><td>雄韬股份</td><td><a href='https://valuefrontier.cn/company?scode=002733' target='_blank' class='link link-hover text-cyan-400'>002733</a></td><td>燃料电池系统</td><td>系统/电池堆</td></tr>
<tr><td>潍柴动力</td><td><a href='https://valuefrontier.cn/company?scode=000338' target='_blank' class='link link-hover text-cyan-400'>000338</a></td><td>燃料电池系统</td><td>系统/电池堆</td></tr>
<tr><td>雪人股份</td><td></td><td>燃料电池系统</td><td>氢循环系统/系统/电池堆/空压机/氢循环泵</td></tr>
<tr><td>冰轮环境</td><td><a href='https://valuefrontier.cn/company?scode=000811' target='_blank' class='link link-hover text-cyan-400'>000811</a></td><td>燃料电池系统</td><td>氢循环系统/空压机</td></tr>
<tr><td>东岳集团</td><td></td><td>燃料电池系统</td><td>质子交换膜</td></tr>
<tr><td>贵研铂业</td><td><a href='https://valuefrontier.cn/company?scode=600459' target='_blank' class='link link-hover text-cyan-400'>600459</a></td><td>燃料电池系统</td><td>催化剂</td></tr>
<tr><td>中材科技</td><td><a href='https://valuefrontier.cn/company?scode=002080' target='_blank' class='link link-hover text-cyan-400'>002080</a></td><td>储氢系统</td><td>储氢罐</td></tr>
<tr><td>美锦能源</td><td><a href='https://valuefrontier.cn/company?scode=000723' target='_blank' class='link link-hover text-cyan-400'>000723</a></td><td>储氢系统/下游应用</td><td>加氢站/膜电极/气体扩散层/物流车/客车</td></tr>
<tr><td>中国重汽</td><td><a href='https://valuefrontier.cn/company?scode=000951' target='_blank' class='link link-hover text-cyan-400'>000951</a></td><td>下游应用</td><td>物流车/重卡</td></tr>
<tr><td>福田汽车</td><td><a href='https://valuefrontier.cn/company?scode=600166' target='_blank' class='link link-hover text-cyan-400'>600166</a></td><td>下游应用</td><td>物流车/客车</td></tr>
<tr><td>欣锐科技</td><td><a href='https://valuefrontier.cn/company?scode=300745' target='_blank' class='link link-hover text-cyan-400'>300745</a></td><td>燃料电池系统</td><td>DC/DC变换器</td></tr>
<tr><td>科士达</td><td><a href='https://valuefrontier.cn/company?scode=002518' target='_blank' class='link link-hover text-cyan-400'>002518</a></td><td>数据中心电源</td><td>AIDC电源及储能解决方案</td></tr>
</tbody>
</table>
</div>
<div class="fui-divider"></div>
<h3 class="text-xl font-bold mb-4 text-purple-300">近期异动个股分析</h3>
<div class="overflow-x-auto">
<table class="table table-compact w-full">
<thead>
<tr class="text-cyan-300">
<th>股票名称</th>
<th>异动日期</th>
<th>涨幅</th>
<th>核心驱动逻辑</th>
</tr>
</thead>
<tbody>
<tr><td>三环集团</td><td>2025-09-17</td><td class="text-green-400">+7.92%</td><td>AI推动数据中心能源需求作为美股SOFC龙头BE核心供应商直接受益。</td></tr>
<tr><td>科士达</td><td>2025-09-16</td><td class="text-green-400">+7.22%</td><td>AI算力激增催生数据中心电力需求公司作为AIDC电源及储能方案商受益。</td></tr>
<tr><td>康普顿</td><td>2025-09-22</td><td class="text-green-400">+8.26%</td><td>受工信部编制“十五五”新型电池产业规划消息催化,氢能源概念股集体走强。</td></tr>
<tr><td>欣锐科技</td><td>2025-06-11</td><td class="text-green-400">+20.0%</td><td>受益于充电桩、800V高压快充及氢燃料电池DC/DC变换器等多重概念。</td></tr>
<tr><td>海立股份</td><td>2025-07-18</td><td class="text-green-400">+10.02%</td><td>上海国资改革+氢能政策双轮驱动,氢燃料电池压缩机订单落地。</td></tr>
<tr><td>华丰股份</td><td>2025-08-26</td><td class="text-green-400">+9.98%</td><td>SOFC系统正式发布并通过检测叠加北美AIDC电力需求激增催化。</td></tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center mt-12 py-6 border-t border-gray-800">
<p class="text-sm text-gray-500">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="text-xs text-gray-600 mt-1">本报告为AI合成数据投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('alpine:init', () => {
// Can add alpine components here if needed
});
// ECharts Initialization
var fcvSalesChart = echarts.init(document.getElementById('fcv-sales-chart'), 'dark');
var pemfcCostChart = echarts.init(document.getElementById('pemfc-cost-chart'), 'dark');
const fcvSalesOption = {
backgroundColor: 'transparent',
tooltip: { trigger: 'axis' },
legend: {
data: ['累计推广量', '2025年目标'],
textStyle: { color: '#ccc' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2024.10', '2024.12', '2025.07', '2025.09', '目标'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.2)' } }
},
yAxis: {
type: 'value',
name: '单位: 万辆',
axisLabel: { formatter: '{value}' },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } },
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.2)' } }
},
series: [
{
name: '累计推广量',
type: 'line',
smooth: true,
data: [1.5, 1.9, 2.1, 2.8, null], // Estimated completion based on 64% by 7/25, then 2.8 from news
itemStyle: { color: '#00f2ff' },
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(0, 242, 255, 0.5)'
}, {
offset: 1,
color: 'rgba(0, 242, 255, 0)'
}])
}
},
{
name: '2025年目标',
type: 'line',
symbol: 'none',
lineStyle: { type: 'dashed', color: '#f59e0b' },
data: [5, 5, 5, 5, 5]
}
]
};
const pemfcCostOption = {
backgroundColor: 'transparent',
tooltip: { trigger: 'axis', valueFormatter: (value) => value + ' 元/千瓦' },
legend: {
data: ['系统成本', '平价目标'],
textStyle: { color: '#ccc' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
data: ['2018', '2022', '2024', '2027(预)'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.2)' } }
},
yAxis: {
type: 'value',
name: '元/千瓦',
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } },
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.2)' } }
},
series: [
{
name: '系统成本',
type: 'line',
smooth: true,
data: [12300, 4800, 2500, 1000],
itemStyle: { color: '#a78bfa' },
markPoint: {
data: [
{ type: 'max', name: '最高' },
{ type: 'min', name: '最低' }
]
},
},
{
name: '平价目标',
type: 'line',
symbol: 'none',
lineStyle: { type: 'dashed', color: '#22c55e' },
markLine: {
data: [{ yAxis: 1000, name: '目标线' }],
label: { formatter: '目标: {c}' }
},
data: []
}
]
};
fcvSalesChart.setOption(fcvSalesOption);
pemfcCostChart.setOption(pemfcCostOption);
window.addEventListener('resize', function() {
fcvSalesChart.resize();
pemfcCostChart.resize();
});
</script>
<script>
tailwind.config = {
theme: {
extend: {
// custom extensions if needed
}
}
}
</script>
<script>
// Define the custom DaisyUI theme
const style = document.createElement('style');
style.textContent = `
[data-theme="fcvTheme"] {
color-scheme: dark;
--p: 124 67% 52%; /* primary - purple */
--pc: 215 28% 17%;
--s: 187 67% 52%; /* secondary - cyan */
--sc: 215 28% 17%;
--a: 336 67% 52%; /* accent - pink */
--ac: 215 28% 17%;
--n: 215 28% 17%; /* neutral */
--nc: 215 39% 93%;
--b1: 0 2% 5%; /* base-100 - very dark blue */
--b2: 221 21% 11%;
--b3: 216 18% 13%;
--bc: 215 39% 93%;
--in: 198 93% 60%;
--su: 174 100% 39%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
}
`;
document.head.appendChild(style);
</script>
</body>
</html>