Files
vf_react/public/htmls/充电桩.html
2025-12-05 13:29:18 +08:00

454 lines
31 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>
<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 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: #0c0a09;
background-image:
radial-gradient(circle at 15% 50%, rgba(14, 165, 233, 0.2), transparent 40%),
radial-gradient(circle at 85% 30%, rgba(139, 92, 246, 0.15), transparent 40%),
radial-gradient(circle at 50% 80%, rgba(34, 197, 94, 0.1), transparent 40%);
background-attachment: fixed;
color: #e5e7eb;
}
.glass-card {
background-color: rgba(17, 24, 39, 0.5);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(59, 130, 246, 0.5);
box-shadow: 0 0 20px rgba(59, 130, 246, 0.2);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
border-radius: 1.5rem;
padding: 1.5rem;
}
.col-span-12 { grid-column: span 12; }
.col-span-8 { grid-column: span 12; }
.col-span-6 { grid-column: span 12; }
.col-span-4 { grid-column: span 12; }
@media (min-width: 1024px) {
.col-span-8 { grid-column: span 8; }
.col-span-6 { grid-column: span 6; }
.col-span-4 { grid-column: span 4; }
}
.glow-text {
text-shadow: 0 0 8px rgba(59, 130, 246, 0.7);
}
.daisy-table th, .daisy-table td {
border-bottom-width: 1px;
border-color: rgba(255, 255, 255, 0.1) !important;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl lg:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-violet-500 mb-4 glow-text">
深度行业研究:充电桩
</h1>
<p class="text-lg text-gray-400">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
</header>
<!-- Bento Grid Layout -->
<div class="bento-grid">
<!-- Insight: Core View -->
<div class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold mb-4 text-sky-400">核心观点摘要</h2>
<p class="text-gray-300 leading-relaxed">
充电桩概念已从早期的“新能源车附属品”演变为由<strong class="text-green-400">“国内政策强驱动”</strong><strong class="text-purple-400">“海外市场高景气”</strong>双轮驱动的独立高增长赛道。当前正处于从“铺量”到“提质”的关键转折点,核心驱动力在于解决日益尖锐的<strong class="text-amber-400">车桩比矛盾</strong>和满足<strong class="text-rose-400">高压快充</strong>的技术升级需求。未来潜力巨大,短期看政策订单释放,长期看运营盈利改善和海外市场拓展。
</p>
</div>
<!-- Market Data Charts -->
<div class="bento-item glass-card col-span-12 lg:col-span-7">
<h3 class="text-xl font-bold mb-4 text-sky-400">市场数据洞察</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 h-[400px]">
<div id="pile-growth-chart" class="w-full h-full"></div>
<div id="operator-share-chart" class="w-full h-full"></div>
</div>
</div>
<!-- Key Catalysts -->
<div class="bento-item glass-card col-span-12 lg:col-span-5">
<h3 class="text-xl font-bold mb-4 text-sky-400">关键催化剂</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-green-400">近期 (3-6个月)</h4>
<ul class="list-disc list-inside text-gray-300 mt-2 space-y-1">
<li>“倍增行动”细则与补贴方案落地</li>
<li>重点城市公布建设计划与招标信息</li>
<li>出海企业季度财报验证海外高增长</li>
<li>区域性充电服务费市场化改革</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-purple-400">长期发展路径</h4>
<ul class="list-disc list-inside text-gray-300 mt-2 space-y-1">
<li><strong class="text-gray-100">2025-27:</strong> 规模化建设与技术升级</li>
<li><strong class="text-gray-100">2027-30:</strong> 运营效率提升与盈利模式成熟</li>
<li><strong class="text-gray-100">2030+:</strong> 智能化与能源互联网融合</li>
</ul>
</div>
</div>
</div>
<!-- Core Logic & Market Perception -->
<div class="bento-item glass-card col-span-12" x-data="{ activeTab: 'logic' }">
<div class="tabs tabs-boxed bg-black/20 mb-4">
<a class="tab" :class="{'tab-active bg-sky-600/50': activeTab === 'logic'}" @click.prevent="activeTab = 'logic'">核心驱动逻辑</a>
<a class="tab" :class="{'tab-active bg-sky-600/50': activeTab === 'expectation'}" @click.prevent="activeTab = 'expectation'">市场热度与预期差</a>
<a class="tab" :class="{'tab-active bg-sky-600/50': activeTab === 'risks'}" @click.prevent="activeTab = 'risks'">潜在风险与挑战</a>
</div>
<div x-show="activeTab === 'logic'">
<h3 class="text-xl font-bold mb-4 text-sky-400">三大核心驱动力</h3>
<div class="grid md:grid-cols-3 gap-4">
<div class="p-4 border border-gray-700 rounded-xl">
<h4 class="font-bold text-lg text-green-400">1. 政策托底与量化驱动</h4>
<p class="text-gray-300 mt-2">《“三年倍增”行动方案》提供明确量化目标2800万台/3亿kW测算近2000亿投资规模为行业增长提供高确定性。</p>
</div>
<div class="p-4 border border-gray-700 rounded-xl">
<h4 class="font-bold text-lg text-amber-400">2. 市场需求的内生爆发</h4>
<p class="text-gray-300 mt-2">截至2024年8月车桩比2.5:1公共直流桩车桩比高达18:1。节假日“一桩难求”现象是用户补能焦虑的直观体现构成快充/超充刚需。</p>
</div>
<div class="p-4 border border-gray-700 rounded-xl">
<h4 class="font-bold text-lg text-rose-400">3. 技术升级的必然趋势</h4>
<p class="text-gray-300 mt-2">主流车企全面转向800V高压平台倒逼充电桩向480kW以上液冷超充升级驱动行业价值量提升和产品迭代。</p>
</div>
</div>
</div>
<div x-show="activeTab === 'expectation'">
<h3 class="text-xl font-bold mb-4 text-sky-400">预期差分析</h3>
<div class="space-y-4">
<div class="p-4 border border-gray-700 rounded-xl">
<h4 class="font-bold text-lg text-green-400">国内市场: 从“规模”到“利润”的预期差</h4>
<p class="text-gray-300 mt-2">市场聚焦2000亿投资但可能忽视激烈竞争下“增收不增利”的风险。运营商盈利拐点是否稳固仍需观察。</p>
</div>
<div class="p-4 border border-gray-700 rounded-xl">
<h4 class="font-bold text-lg text-purple-400">海外市场: 从“蓝海”到“红海”的预期差</h4>
<p class="text-gray-300 mt-2">市场普遍认为海外是高毛利蓝海但IRA法案等本土化要求是高门槛。随着中国企业涌入利润空间可能比预期更快被压缩。</p>
</div>
<div class="p-4 border border-gray-700 rounded-xl">
<h4 class="font-bold text-lg text-blue-400">技术路线: 从“理想”到“现实”的预期差</h4>
<p class="text-gray-300 mt-2">市场对V2G、光储充一体化寄予厚望但技术推广受制于车端渗透率和电力市场机制短期落地进度可能与市场过高预期存在偏差。</p>
</div>
</div>
</div>
<div x-show="activeTab === 'risks'">
<h3 class="text-xl font-bold mb-4 text-sky-400">风险矩阵</h3>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="p-4 border border-rose-800 rounded-xl bg-rose-900/20">
<h4 class="font-bold text-lg text-rose-400">技术风险</h4>
<p class="text-gray-300 mt-2">技术迭代过快导致产品淘汰V2G标准与安全问题尚待解决。</p>
</div>
<div class="p-4 border border-amber-800 rounded-xl bg-amber-900/20">
<h4 class="font-bold text-lg text-amber-400">商业化风险</h4>
<p class="text-gray-300 mt-2">国内市场价格战侵蚀利润;运营商盈利模式单一,高度依赖服务费。</p>
</div>
<div class="p-4 border border-violet-800 rounded-xl bg-violet-900/20">
<h4 class="font-bold text-lg text-violet-400">政策与竞争风险</h4>
<p class="text-gray-300 mt-2">海外贸易壁垒增加出海成本;国内长期建设补贴退坡考验。</p>
</div>
<div class="p-4 border border-gray-700 rounded-xl bg-gray-800/20">
<h4 class="font-bold text-lg text-gray-400">信息交叉验证风险</h4>
<p class="text-gray-300 mt-2">市场信息存在噪音(如华为建桩计划夸大),投资者需审慎甄别。</p>
</div>
</div>
</div>
</div>
<!-- Supporting Data Accordion -->
<div class="bento-item glass-card col-span-12">
<h3 class="text-xl font-bold mb-4 text-sky-400">多维数据支撑</h3>
<div class="space-y-2">
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-medium text-green-400">新闻速览:政策与数据</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>总量与增长</strong>: 截至2025年5月全国充电基础设施累计1440万台同比+45.1%。</li>
<li><strong>“三年倍增”行动方案 (2025-2027)</strong>: 目标到2027年底建成2800万个充电设施公共充电容量超3亿千瓦满足超8000万辆电动车需求。</li>
<li><strong>投资规模预测</strong>: 开源电新测算倍增计划将带来近2000亿投资。</li>
<li><strong>车桩比矛盾</strong>: 截至2024年8月车桩保有量比为2.50:1公共充电桩新增速度不及新能源车保有量增速。</li>
<li><strong>充电量高增</strong>: 2024年上半年全国充电量约513亿千瓦时同比+40%。</li>
<li><strong>海外市场缺口</strong>: 2023年公共桩车桩比中国9:1欧洲17:1美国26:1出海空间广阔。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" />
<div class="collapse-title text-xl font-medium text-purple-400">路演精华:市场一线洞察</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>美国市场</strong>: IRA法案要求55%本土化率。直流桩价差国内5倍以上毛利率可达45-50%。道通科技等已建厂应对。</li>
<li><strong>欧洲市场</strong>: 2025年碳排放考核是关键催化剂。电网瓶颈变压器、容量是主要制约。中国产品性价比优势明显。</li>
<li><strong>技术趋势</strong>: 液冷超充600kW+成为主流V2G技术车网互动欧美车企加速推进。</li>
<li><strong>运营盈利</strong>: 国内头部运营商特来电、小桔利用率已超7%盈利拐点,开始实现盈利。</li>
<li><strong>核心矛盾</strong>: 全球车桩比失衡国内公共直流快充桩车桩比高达18:1海外更高建设需求迫切。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" />
<div class="collapse-title text-xl font-medium text-amber-400">研报观点:机构深度分析</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>万亿市场空间</strong>: 预测未来十年充电桩建设存在6300万缺口将形成万亿元市场。</li>
<li><strong>技术演进</strong>: 2024北京充换电展显示液冷超充成主流绿能慧充首推800KW液冷充电堆。行业向智能化、网联化发展。</li>
<li><strong>产业链投资机会</strong>:
<ul class="list-['-_'] list-inside ml-4">
<li><strong>充电桩/堆</strong>: 特锐德、绿能慧充、盛弘股份</li>
<li><strong>充电模块</strong>: 通合科技、优优绿能</li>
<li><strong>运营龙头</strong>: 特锐德</li>
</ul>
</li>
<li><strong>业绩验证</strong>: 绿能慧充2023年充电桩收入5.05亿元,同比+131.33%毛利率33.34%,高增长得到验证。</li>
<li><strong>出海逻辑</strong>: 道通科技具备欧美出口优势,受益于海外高景气。</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Investment Value & Conclusion -->
<div class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold mb-4 text-sky-400">综合结论与投资启示</h2>
<p class="text-gray-300 leading-relaxed mb-6">
充电桩概念已全面进入<strong class="text-green-400">基本面驱动阶段</strong>,增长逻辑清晰、确定性高。政策的“量”与技术的“质”同步提升,为行业打开了未来数年的成长空间。当前投资的核心是把握结构性机会。
</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="p-4 border border-purple-700 rounded-xl bg-purple-900/20">
<h4 class="font-bold text-lg text-purple-400">最具投资价值环节 (1): 出海链条</h4>
<p class="text-gray-300 mt-2">鉴于欧美市场巨大的车桩比缺口、高产品溢价和相对蓝海的竞争格局,具备<strong class="text-white">海外认证、本土化生产能力和强大渠道</strong>的企业拥有最高的增长弹性和利润空间,是当前最具吸引力的方向。</p>
<p class="mt-2 text-sm text-gray-400">代表企业: 道通科技</p>
</div>
<div class="p-4 border border-rose-700 rounded-xl bg-rose-900/20">
<h4 class="font-bold text-lg text-rose-400">最具投资价值环节 (2): 技术升级核心部件</h4>
<p class="text-gray-300 mt-2">大功率、液冷化是不可逆趋势。上游提供<strong class="text-white">高功率充电模块</strong><strong class="text-white">液冷枪线系统</strong>的核心供应商,将确定性受益于行业技术升级浪潮,逻辑最为顺畅。</p>
<p class="mt-2 text-sm text-gray-400">代表企业: 通合科技、永贵电器</p>
</div>
</div>
</div>
<!-- Stock Tables -->
<div class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold mb-6 text-sky-400">产业链核心标的</h2>
<div class="overflow-x-auto">
<table class="table daisy-table w-full">
<thead class="text-base text-gray-300">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>产业链环节</th>
<th>核心逻辑</th>
</tr>
</thead>
<tbody>
<!-- 充电模块 -->
<tr class="hover:bg-gray-800/50"><td colspan="4" class="font-bold text-lg text-green-400 bg-gray-900/30">上游:充电模块</td></tr>
<tr class="hover:bg-gray-800/50"><td>优优绿能</td><td><a href="https://valuefrontier.cn/company?scode=301590" target="_blank" class="link link-hover text-sky-400">301590</a></td><td>充电模块</td><td>2022年国内市场份额A股第一、国内第二市占率21.65%</td></tr>
<tr class="hover:bg-gray-800/50"><td>通合科技</td><td><a href="https://valuefrontier.cn/company?scode=300491" target="_blank" class="link link-hover text-sky-400">300491</a></td><td>充电模块</td><td>2022年国内市场份额A股第三市占率14.78%</td></tr>
<tr class="hover:bg-gray-800/50"><td>英可瑞</td><td><a href="https://valuefrontier.cn/company?scode=300713" target="_blank" class="link link-hover text-sky-400">300713</a></td><td>充电模块</td><td>2022年国内市场份额A股第四市占率6%</td></tr>
<!-- 充电枪 -->
<tr class="hover:bg-gray-800/50"><td colspan="4" class="font-bold text-lg text-rose-400 bg-gray-900/30">上游:充电枪 (含液冷)</td></tr>
<tr class="hover:bg-gray-800/50"><td>永贵电器</td><td><a href="https://valuefrontier.cn/company?scode=300351" target="_blank" class="link link-hover text-sky-400">300351</a></td><td>充电枪</td><td>2022年公司液冷充电枪收入占充电枪总收入的10%左右</td></tr>
<tr class="hover:bg-gray-800/50"><td>沃尔核材</td><td><a href="https://valuefrontier.cn/company?scode=002130" target="_blank" class="link link-hover text-sky-400">002130</a></td><td>充电枪</td><td>2022年直流充电枪营收位居国内同行业首位大功率液冷充电枪已批量生产</td></tr>
<tr class="hover:bg-gray-800/50"><td>中航光电</td><td><a href="https://valuefrontier.cn/company?scode=002179" target="_blank" class="link link-hover text-sky-400">002179</a></td><td>充电枪</td><td>液冷充电枪产品根据客户的需求提供定制化开发</td></tr>
<!-- 整桩 -->
<tr class="hover:bg-gray-800/50"><td colspan="4" class="font-bold text-lg text-amber-400 bg-gray-900/30">中游:整桩制造</td></tr>
<tr class="hover:bg-gray-800/50"><td>盛弘股份</td><td><a href="https://valuefrontier.cn/company?scode=300693" target="_blank" class="link link-hover text-sky-400">300693</a></td><td>整桩/模块</td><td>2022年电动汽车充电机营收12.16亿占比40.04%</td></tr>
<tr class="hover:bg-gray-800/50"><td>绿能慧充</td><td><a href="https://valuefrontier.cn/company?scode=600212" target="_blank" class="link link-hover text-sky-400">600212</a></td><td>整桩</td><td>2022年充电桩销售8.06亿占比79.44%,业绩高增</td></tr>
<tr class="hover:bg-gray-800/50"><td>和顺电气</td><td><a href="https://valuefrontier.cn/company?scode=300141" target="_blank" class="link link-hover text-sky-400">300141</a></td><td>整桩</td><td>国内较早进入充电桩领域公司之一</td></tr>
<!-- 运营 -->
<tr class="hover:bg-gray-800/50"><td colspan="4" class="font-bold text-lg text-purple-400 bg-gray-900/30">下游:运营服务</td></tr>
<tr class="hover:bg-gray-800/50"><td>特锐德</td><td><a href="https://valuefrontier.cn/company?scode=300001" target="_blank" class="link link-hover text-sky-400">300001</a></td><td>运营/整桩/模块</td><td>直流充电终端和充电量市占率均全国第一,已实现盈利</td></tr>
<tr class="hover:bg-gray-800/50"><td>万马股份</td><td><a href="https://valuefrontier.cn/company?scode=002276" target="_blank" class="link link-hover text-sky-400">002276</a></td><td>运营</td><td>公司新能源产业集团是充电桩领域国内知名品牌</td></tr>
<tr class="hover:bg-gray-800/50"><td>奥特迅</td><td><a href="https://valuefrontier.cn/company?scode=002227" target="_blank" class="link link-hover text-sky-400">002227</a></td><td>运营</td><td>深圳最大的公共充电运营商,全国唯一拥有成熟兆瓦级充电堆运行经验</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Rise Analysis -->
<div class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold mb-6 text-sky-400">近期异动个股深度解析</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
<!-- Card 1 -->
<div class="p-4 border border-gray-700 rounded-xl hover:border-sky-500 transition-all duration-300">
<div class="flex justify-between items-center">
<h3 class="text-xl font-bold">欣锐科技 (<a href="https://valuefrontier.cn/company?scode=300745" target="_blank" class="link link-hover text-sky-400">300745</a>)</h3>
<span class="badge badge-lg badge-error font-bold">+20.00%</span>
</div>
<p class="text-sm text-gray-400 mb-4">2025-06-11</p>
<p class="text-gray-300"><strong>核心结论:</strong> 受益于新能源汽车产业链政策利好和技术创新驱动特别是充电桩、800V高压快充及氢燃料电池领域的业务布局。</p>
<ul class="list-disc list-inside mt-2 text-sm space-y-1">
<li>与本田贸易合资成立超充设备公司并拟投资3.67亿用于超级充电项目。</li>
<li>完成800V碳化硅方案量产布局定增扩产三倍以满足市场需求。</li>
<li>作为比亚迪核心供应商,充分受益于市场扩张。</li>
</ul>
</div>
<!-- Card 2 -->
<div class="p-4 border border-gray-700 rounded-xl hover:border-sky-500 transition-all duration-300">
<h3 class="text-xl font-bold">楚江新材 (<a href="https://valuefrontier.cn/company?scode=002171" target="_blank" class="link link-hover text-sky-400">002171</a>)</h3>
<span class="badge badge-lg badge-error font-bold">+10.03%</span>
<p class="text-sm text-gray-400 mb-4">2025-10-16</p>
<p class="text-gray-300"><strong>核心结论:</strong> “三季报业绩暴增20倍+高速服务区充电桩政策”双落地,资金抢筹低位铜导体龙头。</p>
<ul class="list-disc list-inside mt-2 text-sm space-y-1">
<li>六部委“三年倍增”行动方案明确提及超充、液冷、大功率铜导体,公司产品直接受益。</li>
<li>子公司铜导体市占率国内第一,已批量供货华为超充、比亚迪、理想等。</li>
<li>前三季度业绩预告净利同比+2058%2243%,基本面确定性强。</li>
</ul>
</div>
<!-- Card 3 -->
<div class="p-4 border border-gray-700 rounded-xl hover:border-sky-500 transition-all duration-300">
<h3 class="text-xl font-bold">奥 特 迅 (<a href="https://valuefrontier.cn/company?scode=002227" target="_blank" class="link link-hover text-sky-400">002227</a>)</h3>
<span class="badge badge-lg badge-error font-bold">+9.99%</span>
<p class="text-sm text-gray-400 mb-4">2025-11-13</p>
<p class="text-gray-300"><strong>核心结论:</strong> 财政部等五部委发布通知将480kW以上超充桩补贴上限提升公司因已批量出货480kW超充堆且市值小成为资金回流首选。</p>
<ul class="list-disc list-inside mt-2 text-sm space-y-1">
<li>政策补贴提标,公司技术产品精准对位。</li>
<li>360-480kW超充堆已批量出货直接受益于政策。</li>
<li>总市值小,流通盘小,股价弹性大。</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="mt-12 text-center text-sm text-gray-500">
<p>本报告由北京价值前沿科技有限公司AI投研agent“价小前投研”合成呈现。</p>
<p>本报告为AI合成数据仅供研究参考不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Chart for Pile Growth
var pileGrowthChart = echarts.init(document.getElementById('pile-growth-chart'));
var pileGrowthOption = {
title: {
text: '全国充电基础设施总量增长趋势',
left: 'center',
textStyle: { color: '#e5e7eb', fontSize: 16 }
},
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(17, 24, 39, 0.8)',
borderColor: '#3b82f6',
textStyle: { color: '#e5e7eb' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
data: ['24年6月', '24年7月', '24年8月', '25年5月'],
axisLine: { lineStyle: { color: '#4b5563' } }
},
yAxis: {
type: 'value',
name: '万台',
splitLine: { lineStyle: { color: '#374151' } },
axisLine: { lineStyle: { color: '#4b5563' } }
},
series: [{
name: '总量',
type: 'bar',
data: [1024.4, 1060.4, 1099.9, 1440.0],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#38bdf8' },
{ offset: 1, color: '#0ea5e9' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#7dd3fc' },
{ offset: 1, color: '#38bdf8' }
])
}
}
}],
backgroundColor: 'transparent'
};
pileGrowthChart.setOption(pileGrowthOption);
// Chart for Operator Share
var operatorShareChart = echarts.init(document.getElementById('operator-share-chart'));
var operatorShareOption = {
title: {
text: '主要运营商充电量份额 (24年8月)',
left: 'center',
textStyle: { color: '#e5e7eb', fontSize: 16 }
},
tooltip: {
trigger: 'item',
backgroundColor: 'rgba(17, 24, 39, 0.8)',
borderColor: '#3b82f6',
textStyle: { color: '#e5e7eb' }
},
legend: {
orient: 'vertical',
left: 'left',
textStyle: { color: '#d1d5db' }
},
series: [{
name: '充电量份额',
type: 'pie',
radius: '50%',
data: [
{ value: 23.0, name: '特来电' },
{ value: 20.1, name: '小桔充电' },
{ value: 17.4, name: '星星充电' },
{ value: 12.0, name: '云快充' },
{ value: 27.5, name: '其他' }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
label: { color: '#e5e7eb' },
labelLine: { lineStyle: { color: '#6b7280' } }
}],
color: ['#0ea5e9', '#8b5cf6', '#10b981', '#f97316', '#64748b'],
backgroundColor: 'transparent'
};
operatorShareChart.setOption(operatorShareOption);
window.addEventListener('resize', function() {
pileGrowthChart.resize();
operatorShareChart.resize();
});
});
</script>
</body>
</html>