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

449 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.

直接生成HTML代码如下您可以将其保存为`.html`文件并用浏览器打开查看。
<!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.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<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/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700&display=swap');
body {
font-family: 'Manrope', 'Noto Sans SC', sans-serif;
background-color: #010008;
background-image:
radial-gradient(ellipse at 20% 80%, rgba(67, 56, 202, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 80% 20%, rgba(219, 39, 119, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 50% 50%, rgba(37, 99, 235, 0.15) 0%, transparent 60%);
overflow-x: hidden;
}
.glass-card {
background: rgba(20, 20, 40, 0.5);
backdrop-filter: blur(20px) saturate(150%);
-webkit-backdrop-filter: blur(20px) saturate(150%);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 30px rgba(129, 140, 248, 0.2);
border-color: rgba(129, 140, 248, 0.3);
}
.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
.text-glow {
text-shadow: 0 0 8px rgba(199, 210, 254, 0.5);
}
.section-title {
font-size: 2.25rem;
font-weight: 700;
background: linear-gradient(90deg, #a5b4fc, #f9a8d4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.timeline::before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: 2px;
height: 100%;
background: linear-gradient(to bottom, rgba(165, 180, 252, 0.5), transparent);
}
.timeline-item {
position: relative;
width: 50%;
padding: 2rem;
box-sizing: border-box;
}
.timeline-item:nth-child(odd) {
left: 0;
padding-right: 4rem;
}
.timeline-item:nth-child(even) {
left: 50%;
padding-left: 4rem;
}
.timeline-dot {
content: '';
position: absolute;
top: 2.5rem;
width: 16px;
height: 16px;
background-color: #a5b4fc;
border-radius: 50%;
border: 3px solid #010008;
z-index: 10;
box-shadow: 0 0 15px rgba(165, 180, 252, 0.7);
}
.timeline-item:nth-child(odd) .timeline-dot {
right: -8px;
}
.timeline-item:nth-child(even) .timeline-dot {
left: -8px;
}
.table thead th {
background-color: rgba(129, 140, 248, 0.1);
color: #e0e7ff;
border-bottom: 1px solid rgba(129, 140, 248, 0.3);
}
.table tbody tr:hover {
background-color: rgba(129, 140, 248, 0.05);
}
</style>
</head>
<body class="text-indigo-100 min-h-screen p-4 sm:p-8">
<div class="max-w-7xl mx-auto space-y-12">
<!-- Header -->
<header class="text-center py-12">
<h1 class="text-5xl md:text-7xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-indigo-300 via-purple-300 to-pink-300 text-glow">
换电概念 · 深度行研
</h1>
<p class="mt-4 text-lg text-indigo-200">产业化爆发前夜:从单点探索到生态竞争</p>
<div class="mt-6 text-xs text-indigo-400">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<!-- Concept Events Timeline -->
<section>
<h2 class="section-title mb-8 text-center">核心催化事件:两大生态圈的崛起</h2>
<div class="relative timeline max-w-4xl mx-auto">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="glass-card p-6 rounded-2xl">
<p class="text-lg font-bold text-indigo-300">2023年11月起</p>
<h3 class="text-xl font-semibold text-white mt-2">蔚来换电联盟形成</h3>
<p class="mt-3 text-indigo-200 text-sm">蔚来打破封闭体系开启“朋友圈”战略陆续与长安、吉利、一汽、广汽等8家车企达成换电合作标志着其模式从“独行”转向“共享”行业影响力剧增。</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="glass-card p-6 rounded-2xl">
<p class="text-lg font-bold text-pink-300">2024年11月-12月</p>
<h3 class="text-xl font-semibold text-white mt-2">宁德时代生态强势发力</h3>
<p class="mt-3 text-indigo-200 text-sm">宁德时代携“巧克力换电”标准化方案入局,定位为核心供应商。与五菱、长安等车企合作,并联合能源、出行、金融多方力量,构建全产业链生态,公布宏大建站计划。</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="glass-card p-6 rounded-2xl">
<p class="text-lg font-bold text-indigo-300">2025年起</p>
<h3 class="text-xl font-semibold text-white mt-2">两大生态圈加速落地</h3>
<p class="mt-3 text-indigo-200 text-sm">蔚来“县县通”计划持续下沉换电站数量突破3300座。宁德时代网络建设速度惊人单月新增“双破百”。商用车领域率先爆发换电重卡渗透率快速提升至38.4%。</p>
</div>
</div>
</div>
</section>
<!-- Core Logic & Market Perception -->
<section class="space-y-6">
<div class="glass-card p-8 rounded-3xl">
<h2 class="section-title mb-4">核心观点与市场认知</h2>
<p class="text-lg text-indigo-200 leading-relaxed">换电行业正从“单点探索”迈入“生态竞争”的产业化爆发前期。其核心驱动力已从单一车企的用户体验追求,转变为由电池巨头(宁德时代)推动的<strong class="text-pink-300">“标准化”</strong>和整车联盟(蔚来)推动的<strong class="text-indigo-300">“网络化”</strong>双轮驱动。未来潜力巨大,但短期看,<strong class="text-teal-300">商用车领域的盈利确定性最高</strong>,产业链投资机会将遵循<strong class="text-amber-300">“设备先行,运营在后”</strong>的传导路径。</p>
</div>
<div class="bento-grid">
<div class="glass-card p-6 rounded-2xl col-span-1 md:col-span-2 space-y-4">
<h3 class="text-xl font-bold text-white">核心驱动力</h3>
<div class="pl-4 border-l-2 border-indigo-400">
<h4 class="font-semibold text-indigo-300">补能效率刚需</h4>
<p class="text-sm text-indigo-200">5分钟内完成补能精准解决运营车辆网约车、重卡高周转率要求和私家车主节假日补能焦虑。</p>
</div>
<div class="pl-4 border-l-2 border-pink-400">
<h4 class="font-semibold text-pink-300">“车电分离”降本</h4>
<p class="text-sm text-indigo-200">剥离电池资产,显著降低消费者初始购车成本,有望刺激增量市场。</p>
</div>
<div class="pl-4 border-l-2 border-teal-400">
<h4 class="font-semibold text-teal-300">标准化破局</h4>
<p class="text-sm text-indigo-200">宁德时代“巧克力换电块”致力于打破品牌壁垒,是换电模式规模化推广的关键一步。</p>
</div>
<div class="pl-4 border-l-2 border-amber-400">
<h4 class="font-semibold text-amber-300">电网友好与资产管理</h4>
<p class="text-sm text-indigo-200">换电站可作储能单元,实现削峰填谷。集中式管理利于电池健康监测、梯次利用和回收。</p>
</div>
</div>
<div class="glass-card p-6 rounded-2xl space-y-4">
<h3 class="text-xl font-bold text-white">市场热度与预期差</h3>
<div>
<h4 class="font-semibold text-green-400">市场情绪:高度乐观</h4>
<p class="text-sm text-indigo-200 mt-1">新闻密集报道研报普遍看好市场认为巨头入场解决标准问题行业即将爆发。预测2027年新增市场空间达343亿元。</p>
</div>
<div class="mt-4">
<h4 class="font-semibold text-red-400">潜在预期差 1: 盈利周期</h4>
<p class="text-sm text-indigo-200 mt-1">市场聚焦建站蓝图但忽略盈利门槛。乘用车换电站日均需60-120次才能盈亏平衡而行业平均仅20次。市场可能低估了运营商的亏损压力和盈利周期长度。</p>
</div>
<div class="mt-4">
<h4 class="font-semibold text-red-400">潜在预期差 2: 标准化落地速度</h4>
<p class="text-sm text-indigo-200 mt-1">车企对第三方电池标准仍持“观望态度”,核心技术定义权博弈复杂。“换电联盟”约束力与标准化落地速度可能被市场高估。</p>
</div>
</div>
</div>
</section>
<!-- ECharts Visualization -->
<section class="glass-card p-4 md:p-8 rounded-3xl">
<h2 class="section-title mb-4 text-center">全国换电站保有量增长趋势</h2>
<div id="station-chart" class="w-full h-[500px]"></div>
</section>
<!-- Key Players -->
<section x-data="{ tab: 'nio' }">
<h2 class="section-title mb-8 text-center">双雄争霸:两大核心生态圈</h2>
<div class="flex justify-center mb-6">
<div class="tabs tabs-boxed bg-black/20">
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'nio' }" @click.prevent="tab = 'nio'">蔚来 (NIO) 生态</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'catl' }" @click.prevent="tab = 'catl'">宁德时代 (CATL) 生态</a>
</div>
</div>
<div class="min-h-[500px]">
<div x-show="tab === 'nio'" x-transition>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="glass-card p-6 rounded-2xl md:col-span-1">
<h3 class="text-2xl font-bold text-indigo-300">蔚来 (NIO)</h3>
<p class="mt-2 text-indigo-200">C端体验的领导者与开放生态的探索者</p>
<ul class="mt-4 space-y-3 text-sm">
<li class="flex items-start"><span class="text-indigo-400 mr-2"></span><span><strong class="text-white">竞争优势:</strong> 先发优势显著,拥有全国最大换电网络(超3300座)和忠实用户社群BaaS模式深入人心。</span></li>
<li class="flex items-start"><span class="text-indigo-400 mr-2"></span><span><strong class="text-white">业务进展:</strong> 通过开放联盟(已与8家车企合作)和乐道等子品牌,摊薄成本,扩大服务半径。</span></li>
<li class="flex items-start"><span class="text-indigo-400 mr-2"></span><span><strong class="text-white">核心目标:</strong> 2026年底实现换电业务盈亏平衡。</span></li>
<li class="flex items-start"><span class="text-indigo-400 mr-2"></span><span><strong class="text-white">潜在风险:</strong> 资产过重,长期亏损压力大,联盟合作的深度有待观察。</span></li>
</ul>
</div>
<div class="glass-card p-6 rounded-2xl md:col-span-2">
<h4 class="text-xl font-semibold text-white mb-4">战略布局与动态</h4>
<ul class="space-y-2 text-indigo-200 text-sm list-disc list-inside">
<li><strong class="text-indigo-300">“县县通”计划:</strong> 持续推进网络下沉,已在浙江、广东、重庆等多省实现全覆盖。</li>
<li><strong class="text-indigo-300">第四代换电站:</strong> 支持多品牌(蔚来、乐道及联盟伙伴)换电时长3分钟电池仓23个。</li>
<li><strong class="text-indigo-300">收费模式改革:</strong> 从“一口价”调整为“按度收费”,提升运营精细度。</li>
<li><strong class="text-indigo-300">联盟车型落地:</strong> 与奇瑞星途合作的换电车型计划2025年Q3上市。</li>
</ul>
</div>
</div>
</div>
<div x-show="tab === 'catl'" x-transition style="display: none;">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="glass-card p-6 rounded-2xl md:col-span-1">
<h3 class="text-2xl font-bold text-pink-300">宁德时代 (CATL)</h3>
<p class="mt-2 text-indigo-200">标准的定义者与B端市场的颠覆者</p>
<ul class="mt-4 space-y-3 text-sm">
<li class="flex items-start"><span class="text-pink-400 mr-2"></span><span><strong class="text-white">竞争优势:</strong> 掌握电池核心技术与成本优势,“巧克力换电”方案直指标准化痛点,模式更轻。</span></li>
<li class="flex items-start"><span class="text-pink-400 mr-2"></span><span><strong class="text-white">业务进展:</strong> 换电站建设速度极快B端合作进展迅速(与滴滴成立合资公司),商用换电车型即将量产。</span></li>
<li class="flex items-start"><span class="text-pink-400 mr-2"></span><span><strong class="text-white">核心目标:</strong> 2025年1000座中期1万座远期3万座。</span></li>
<li class="flex items-start"><span class="text-pink-400 mr-2"></span><span><strong class="text-white">潜在风险:</strong> 标准化方案能否被主流车企广泛接受是最大不确定性,运营经验相对较少。</span></li>
</ul>
</div>
<div class="glass-card p-6 rounded-2xl md:col-span-2">
<h4 class="text-xl font-semibold text-white mb-4">战略布局与动态</h4>
<ul class="space-y-2 text-indigo-200 text-sm list-disc list-inside">
<li><strong class="text-pink-300">“巧克力换电”:</strong> 推出20号/25号标准化换电块适配A0到B级车型兼容性大幅提升。</li>
<li><strong class="text-pink-300">全产业链生态:</strong> 联合车企(长安、广汽等)、能源(中石化)、出行(滴滴)、金融、保险,构建平台型生态。</li>
<li><strong class="text-pink-300">订阅模式:</strong> 提供按月订阅的电池租赁服务如25号畅行包599元/月),降低用户门槛。</li>
<li><strong class="text-pink-300">网络快速扩张:</strong> 2025年8月实现单月新增落站与上线“双破百”累计落站已超500座。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Future Path & Catalysts -->
<section>
<h2 class="section-title mb-8 text-center">发展路径与关键催化剂</h2>
<div class="bento-grid">
<div class="glass-card p-6 rounded-2xl col-span-1 md:col-span-1 space-y-4">
<h3 class="text-xl font-bold text-white">近期催化剂 (未来3-6个月)</h3>
<ul class="list-decimal list-inside text-indigo-200 space-y-2">
<li><strong class="text-white">首批联盟车型上市:</strong> 奇瑞-蔚来合作车型、宁德时代首批10款合作车型将陆续上市市场销量是关键验证指标。</li>
<li><strong class="text-white">宁德时代建站目标兑现:</strong> 2025年内1000座换电站的建设计划完成度将直接影响上游设备商订单预期。</li>
<li><strong class="text-white">地方性政策落地:</strong> 更多城市在公共服务领域出台具体的换电站建设或运营补贴政策。</li>
</ul>
</div>
<div class="glass-card p-6 rounded-2xl col-span-1 md:col-span-2 space-y-4">
<h3 class="text-xl font-bold text-white">长期发展路径</h3>
<ul class="steps steps-vertical lg:steps-horizontal w-full">
<li class="step step-primary" data-content="❶">
<div class="text-left ml-2">
<p class="font-bold">基建狂飙期 (24-26年)</p>
<p class="text-xs">两大生态圈加速“跑马圈地”,商用车与高频运营乘用车率先规模化。</p>
</div>
</li>
<li class="step step-primary" data-content="❷">
<div class="text-left ml-2">
<p class="font-bold">应用渗透期 (26-28年)</p>
<p class="text-xs">重心从“建站”转向“拉车”,提升利用率,向私人乘用车市场渗透。</p>
</div>
</li>
<li class="step" data-content="❸">
<div class="text-left ml-2">
<p class="font-bold">生态成熟期 (28年后)</p>
<p class="text-xs">形成网络效应,盈利模式多元化(梯次利用、虚拟电厂等)。</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Risk -->
<section class="glass-card p-8 rounded-3xl">
<h2 class="section-title mb-4">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 text-sm">
<div class="border-l-4 border-red-500 pl-4">
<h4 class="font-bold text-red-300">技术风险</h4>
<p class="text-indigo-200 mt-1">标准统一之困,市场可能出现多种标准并存的碎片化格局,削弱网络效应。</p>
</div>
<div class="border-l-4 border-yellow-500 pl-4">
<h4 class="font-bold text-yellow-300">商业化风险</h4>
<p class="text-indigo-200 mt-1">运营商初期面临巨额亏损资金链是巨大考验。同时800V超快充技术普及将削弱换电的时间优势。</p>
</div>
<div class="border-l-4 border-purple-500 pl-4">
<h4 class="font-bold text-purple-300">政策与竞争风险</h4>
<p class="text-indigo-200 mt-1">行业发展依赖政策扶持,若支持不及预期将影响进度。两大生态圈竞争加剧可能引发价格战。</p>
</div>
</div>
</section>
<!-- Stock Table -->
<section>
<h2 class="section-title mb-8 text-center">相关概念股梳理</h2>
<div class="overflow-x-auto glass-card rounded-2xl p-2">
<table class="table table-zebra w-full text-sm">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑/标签</th>
<th>关联原因</th>
</tr>
</thead>
<tbody>
<tr><td>宁德时代</td><td><a href="https://valuefrontier.cn/company?scode=300750" target="_blank" class="link link-hover text-indigo-300">300750</a></td><td>换电站运营 / 核心方案商</td><td>“巧克力换电”生态主导者,加速扩容朋友圈。</td></tr>
<tr><td>山东威达</td><td><a href="https://valuefrontier.cn/company?scode=002026" target="_blank" class="link link-hover text-indigo-300">002026</a></td><td>换电站设备</td><td>最早涉足换电业务的设备商,曾为蔚来一供。</td></tr>
<tr><td>博众精工</td><td><a href="https://valuefrontier.cn/company?scode=688097" target="_blank" class="link link-hover text-indigo-300">688097</a></td><td>换电站设备</td><td>宁德时代换电站核心设备供应商之一。</td></tr>
<tr><td>协鑫能科</td><td><a href="https://valuefrontier.cn/company?scode=002015" target="_blank" class="link link-hover text-indigo-300">002015</a></td><td>换电站运营</td><td>第三方换电运营商,布局移动能源服务。</td></tr>
<tr><td>北汽蓝谷</td><td><a href="https://valuefrontier.cn/company?scode=600733" target="_blank" class="link link-hover text-indigo-300">600733</a></td><td>换电车型 / 运营</td><td>最早推广换电模式的车企之一,主要面向出租车市场。</td></tr>
<tr><td>瀚川智能</td><td><a href="https://valuefrontier.cn/company?scode=688022" target="_blank" class="link link-hover text-indigo-300">688022</a></td><td>换电站设备</td><td>提供智能制造装备,涉足换电站产线。</td></tr>
<tr><td>科大智能</td><td><a href="https://valuefrontier.cn/company?scode=300222" target="_blank" class="link link-hover text-indigo-300">300222</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-indigo-300">000951</a></td><td>换电车型(重卡)</td><td>换电重卡是目前商业化最成功的场景。</td></tr>
<tr><td>一汽解放</td><td><a href="https://valuefrontier.cn/company?scode=000800" target="_blank" class="link link-hover text-indigo-300">000800</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-indigo-300">600166</a></td><td>换电车型(重卡)</td><td>商用车产品线丰富,包含换电重卡。</td></tr>
<tr><td>永贵电器</td><td><a href="https://valuefrontier.cn/company?scode=300351" target="_blank" class="link link-hover text-indigo-300">300351</a></td><td>核心零部件</td><td>产品包括充/换电接口及线束。</td></tr>
<tr><td>通合科技</td><td><a href="https://valuefrontier.cn/company?scode=300491" target="_blank" class="link link-hover text-indigo-300">300491</a></td><td>核心零部件</td><td>提供充换电站充电电源系统及核心充电模块。</td></tr>
<tr><td>盛弘股份</td><td><a href="https://valuefrontier.cn/company?scode=300693" target="_blank" class="link link-hover text-indigo-300">300693</a></td><td>核心零部件</td><td>产品服务于新能源汽车充换电设备。</td></tr>
<tr><td>许继电气</td><td><a href="https://valuefrontier.cn/company?scode=000400" target="_blank" class="link link-hover text-indigo-300">000400</a></td><td>设备与服务</td><td>配套建设换电站提供换电服务。</td></tr>
<tr><td>动力新科</td><td><a href="https://valuefrontier.cn/company?scode=600841" target="_blank" class="link link-hover text-indigo-300">600841</a></td><td>换电车型(重卡)</td><td>全资子公司上汽红岩布局充换一体等新能源重卡。</td></tr>
<tr><td>豪尔赛</td><td><a href="https://valuefrontier.cn/company?scode=002963" target="_blank" class="link link-hover text-indigo-300">002963</a></td><td>换电站运营(重卡)</td><td>已建设运营多座重卡换电站。</td></tr>
</tbody>
</table>
</div>
</section>
<footer class="text-center py-8">
<p class="text-xs text-indigo-400">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="text-xs text-indigo-500 mt-1">免责声明:本报告由人工智能基于公开数据合成,仅供研究参考,不构成任何投资建议。市场有风险,投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('station-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
const data = [
{ date: '2023-12', value: 3567 }, { date: '2024-01', value: 3624 },
{ date: '2024-02', value: 3645 }, { date: '2024-03', value: 3685 },
{ date: '2024-04', value: 3715 }, { date: '2024-05', value: 3751 },
{ date: '2024-06', value: 3772 }, { date: '2024-07', value: 3817 },
{ date: '2024-08', value: 3878 }, { date: '2024-09', value: 3941 },
{ date: '2024-10', value: 4039 }, { date: '2024-11', value: 4193 },
{ date: '2024-12', value: 4443 }, { date: '2025-01', value: 4562 },
{ date: '2025-02', value: 4596 }, { date: '2025-03', value: 4705 },
{ date: '2025-04', value: 4758 }
];
const dates = data.map(item => item.date);
const values = data.map(item => item.value);
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(20, 20, 40, 0.8)',
borderColor: 'rgba(129, 140, 248, 0.5)',
textStyle: {
color: '#e0e7ff'
},
formatter: function (params) {
return `${params[0].name}<br/>换电站数量: <strong style="color: #a5b4fc;">${params[0].value}</strong> 座`;
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: dates,
axisLine: { lineStyle: { color: 'rgba(129, 140, 248, 0.3)' } },
axisLabel: { color: '#a5b4fc' }
},
yAxis: {
type: 'value',
axisLine: { show: true, lineStyle: { color: 'rgba(129, 140, 248, 0.3)' } },
axisLabel: { color: '#a5b4fc' },
splitLine: { lineStyle: { color: 'rgba(129, 140, 248, 0.1)' } }
},
series: [{
name: '换电站数量',
type: 'line',
smooth: true,
data: values,
symbol: 'circle',
symbolSize: 8,
itemStyle: {
color: '#a5b4fc'
},
lineStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#f9a8d4' },
{ offset: 1, color: '#a5b4fc' }
]),
width: 3,
shadowColor: 'rgba(165, 180, 252, 0.5)',
shadowBlur: 10
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(165, 180, 252, 0.3)' },
{ offset: 1, color: 'rgba(165, 180, 252, 0)' }
])
}
}]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>