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

503 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="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>V2G (Vehicle-to-Grid) 深度投研报告</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=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #000010;
color: #E0E0E0;
overflow-x: hidden;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(10, 15, 40, 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(100, 120, 255, 0.2);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(150, 170, 255, 0.4);
box-shadow: 0 0 25px rgba(100, 120, 255, 0.2);
}
.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
.glow-bg {
position: absolute;
z-index: -1;
filter: blur(150px);
opacity: 0.2;
pointer-events: none;
}
.glow-1 {
width: 500px;
height: 500px;
background: radial-gradient(circle, #3b82f6, transparent 70%);
top: 10%;
left: -15%;
}
.glow-2 {
width: 600px;
height: 600px;
background: radial-gradient(circle, #8b5cf6, transparent 70%);
bottom: 5%;
right: -20%;
}
.glow-3 {
width: 400px;
height: 400px;
background: radial-gradient(circle, #14b8a6, transparent 70%);
top: 50%;
left: 50%;
transform: translateX(-50%);
}
.section-title {
@apply font-orbitron text-3xl md:text-4xl font-bold mb-8 tracking-widest relative pb-4;
color: #f0f0f0;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 4px;
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
border-radius: 2px;
}
.highlight {
color: #67e8f9; /* cyan-300 */
font-weight: 600;
}
.daisy-collapse-title {
font-size: 1.25rem;
font-weight: 600;
color: #d1d5db; /* gray-300 */
}
.daisy-collapse {
@apply glass-card;
}
</style>
</head>
<body class="min-h-screen">
<div class="glow-bg glow-1"></div>
<div class="glow-bg glow-2"></div>
<div class="glow-bg glow-3"></div>
<div class="relative min-h-screen p-4 sm:p-6 md:p-10 z-10">
<main class="max-w-7xl mx-auto">
<!-- Hero Section -->
<header class="text-center py-16 md:py-24">
<h1 class="font-orbitron text-5xl md:text-7xl font-extrabold tracking-wider text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-violet-500">
V2G
</h1>
<p class="mt-4 text-xl md:text-2xl text-slate-300">Vehicle-to-Grid · 车辆到电网 · 深度投研报告</p>
<p class="mt-2 text-sm text-slate-500">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
</header>
<!-- Concept Insight Section -->
<section id="insight" class="mb-20">
<h2 class="section-title">概念洞察 (Concept Insight)</h2>
<div class="space-y-6">
<div class="glass-card p-6 md:p-8">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-cyan-400">核心观点摘要</h3>
<p class="text-slate-300 leading-relaxed">
V2G正处在由政策驱动的<span class="highlight">产业导入期</span>,其核心逻辑在于利用庞大的电动汽车保有量作为分布式储能资源,以极低的边际成本解决新能源并网带来的电网调节难题。当前阶段,市场热度由顶层设计引爆,但商业模式和基础设施尚在探索验证,未来潜力巨大,其发展将重塑充电桩、虚拟电厂乃至整个电力市场的价值链。
</p>
</div>
<div class="glass-card p-6 md:p-8">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-cyan-400">核心逻辑与市场认知</h3>
<p class="text-slate-400 mb-4">支撑V2G概念的根本逻辑是“需求-供给-政策”三位一体的共振:</p>
<ul class="space-y-4 list-disc list-inside text-slate-300">
<li><strong class="text-violet-400">电网侧刚性需求:</strong> 随着风光等间歇性能源占比提升电网对灵活性调节资源需求迫切。V2G提供了一种成本远低于新建储能电站的解决方案能够实现“削峰填谷”。研报指出北京老旧小区采用V2G<span class="highlight">10%-20%</span>的车辆参与放电即可满足所有充电设施用电而无需配电增容。</li>
<li><strong class="text-violet-400">车辆侧潜在供给:</strong> 中国新能源汽车保有量巨大中国科学院院士欧阳明高预测到2040年车载电池总容量将超过<span class="highlight">200亿千瓦时</span>,相当于中国日均总用电量,构成海量的移动储能资源池。</li>
<li><strong class="text-violet-400">政策侧强力推动:</strong> 国家四部委的纲领性文件是V2G从概念走向现实的最强催化剂设定了<span class="highlight">2025年</span>初步建成标准体系、建成50+示范项目)和<span class="highlight">2030年</span>(规模化应用、形成<span class="highlight">千万千瓦级</span>调节能力)的明确目标。</li>
</ul>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="glass-card p-6 md:p-8">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-cyan-400">预期差分析</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><strong>商业化速度预期差:</strong>市场对“千亿市场”叙事乐观,但专家认为<span class="highlight">“5年内难规模化”</span>。V2G充电桩渗透率<span class="highlight">不足1%</span>,与市场情绪存在显著差距。</li>
<li><strong>用户参与意愿预期差:</strong>经济收益单车年收益1500-2000元是吸引点<span class="highlight">电池寿命衰减</span>是用户最大顾虑,在缺乏强力质保下,实际参与度可能远低于理论测算。</li>
<li><strong>技术与成本预期差:</strong>充电桩双向改造增加<span class="highlight">5%-10%</span>成本车载OBC改造增加<span class="highlight">10%-15%</span>,成本由谁承担是市场部分忽略的关键点。</li>
</ul>
</div>
<div class="glass-card p-6 md:p-8">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-cyan-400">2030年市场空间预测</h3>
<div id="market-size-chart" class="w-full h-64"></div>
</div>
</div>
<div class="glass-card p-6 md:p-8">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-cyan-400">关键催化剂与发展路径</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="text-lg font-semibold text-violet-400 mb-2">近期催化剂 (3-6个月)</h4>
<ul class="space-y-2 list-disc list-inside text-slate-300">
<li>首批<span class="highlight">9城50个试点项目</span>成果公布。</li>
<li>地方高额补贴细则(如广州<span class="highlight">5元/kWh放电补贴</span>)的普及推广。</li>
<li>国家或行业级V2G技术标准体系发布。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-violet-400 mb-2">长期发展路径</h4>
<ul class="space-y-2 list-disc list-inside text-slate-300">
<li><strong>试点验证 (2024-2025):</strong> 跑通商业模式,初步建成技术标准。</li>
<li><strong>规模推广 (2026-2030):</strong> 与VPP深度融合实现<span class="highlight">千万千瓦级</span>调节能力目标。</li>
<li><strong>全面融合 (2030+):</strong> 成为电网常态化调节工具,深度融入电力市场。</li>
</ul>
</div>
</div>
</div>
<div class="glass-card p-6 md:p-8">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-cyan-400">产业链与核心公司剖析</h3>
<p class="mb-4 text-slate-400">V2G产业链可分为上游核心元器件、中游设备与整车制造、下游运营与资源聚合。</p>
<div class="overflow-x-auto">
<table class="table table-zebra bg-transparent">
<thead class="text-slate-300">
<tr>
<th>环节</th>
<th>核心玩家</th>
<th>竞争优势</th>
<th>核心逻辑/风险</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-semibold text-violet-400">运营 & 聚合</td>
<td><strong>特锐德 (特来电)</strong></td>
<td>市占率第一 (69.16%)虚拟电厂平台已接入24省</td>
<td>行业领导者,商业模式闭环最完整。短期业绩贡献有限,警惕市场过度预期。</td>
</tr>
<tr>
<td class="font-semibold text-violet-400">核心设备</td>
<td><strong>通合科技 / 盛弘股份</strong></td>
<td>V2G充电模块/PCS技术领先</td>
<td>“卖铲人”逻辑,基础设施建设先行,业绩确定性相对高。</td>
</tr>
<tr>
<td class="font-semibold text-violet-400">车端核心技术</td>
<td><strong>富特科技</strong></td>
<td>双向车载充电机已量产</td>
<td>卡位车端关键环节,对下游车企依赖度高,需解决电池质保问题。</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="glass-card p-6 md:p-8">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-red-400">潜在风险与挑战</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div>
<h4 class="text-lg font-semibold text-orange-400 mb-2">技术风险</h4>
<ul class="space-y-2 list-disc list-inside text-slate-300">
<li><span class="highlight">电池寿命衰减</span>是用户和车企最大顾虑。</li>
<li>车、桩、网标准不统一,存在兼容性与安全风险。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-orange-400 mb-2">商业化风险</h4>
<ul class="space-y-2 list-disc list-inside text-slate-300">
<li>初始投资成本高,延缓普及速度。</li>
<li>盈利模式依赖补贴与价差,长期模式待探索。</li>
<li>用户接受度低,便利性与出行需求冲突。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-orange-400 mb-2">信息交叉验证风险</h4>
<ul class="space-y-2 list-disc list-inside text-slate-300">
<li>发展速度矛盾:宏大蓝图 vs. 专家谨慎判断。</li>
<li>渗透率矛盾:巨大潜力 vs. <span class="highlight">不足1%</span>的现实。</li>
</ul>
</div>
</div>
</div>
<div class="glass-card p-6 md:p-8 bg-gradient-to-br from-sky-900/50 to-violet-900/50">
<h3 class="font-orbitron text-2xl font-bold mb-4 text-green-400">综合结论与投资启示</h3>
<p class="mb-4 text-slate-300">V2G概念正处在由强政策驱动的<span class="highlight">“主题投资”向“基本面验证”过渡</span>的关键阶段。方向确定性高,但规模化落地需要时间,市场存在对落地速度的过度乐观预期。</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="text-lg font-semibold text-teal-300 mb-2">最具投资价值环节</h4>
<ul class="space-y-2 list-disc list-inside text-slate-300">
<li><strong>核心设备与模块供应商 (卖铲人):</strong> 业绩确定性相对更高。</li>
<li><strong>具备先发优势的聚合运营商:</strong> 分享长期价值的核心标的。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-teal-300 mb-2">需重点跟踪的关键指标</h4>
<ul class="space-y-2 list-disc list-inside text-slate-300">
<li>试点项目经济性数据 (ROI)。</li>
<li>V2G充电桩渗透率。</li>
<li>车企的电池质保政策。</li>
<li>峰谷电价差与电力辅助服务价格。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Supporting Data Section -->
<section id="supporting-data" class="mb-20">
<h2 class="section-title">核心数据源 (Core Data Sources)</h2>
<div class="space-y-4" x-data="{ active: 'news' }">
<div class="daisy-collapse daisy-collapse-arrow" :class="{ 'daisy-collapse-open': active === 'news', 'daisy-collapse-close': active !== 'news' }">
<div class="daisy-collapse-title" @click="active = active === 'news' ? '' : 'news'">新闻数据摘要</div>
<div class="daisy-collapse-content text-slate-300 p-4">
<ul class="space-y-3 list-disc list-inside">
<li><strong>定义与效益:</strong> V2G让电动车变身移动储能单元为电网“削峰填谷”为用户赚取电价差收益深圳反送1度电赚3.6元)。研究表明对电池寿命影响小。</li>
<li><strong>国家政策:</strong> 四部门发文推动规模化试点目标扩大V2G项目规模探索商业模式。首批试点含<span class="highlight">9个城市</span><span class="highlight">30个项目</span></li>
<li><strong>地方实践:</strong>
<ul class="ml-6 space-y-1 list-['-_'] list-inside">
<li><strong>广州:</strong> 目标2025年底V2G桩“双过千”提供高达<span class="highlight">50%设备建设补贴</span><span class="highlight">5元/kWh放电补贴</span></li>
<li><strong>上海:</strong> 目标2030年建成3-5万个智能充放电桩。</li>
<li><strong>深圳:</strong> 已建成145座V2G站启动1.8万充电桩大规模实测。</li>
</ul>
</li>
<li><strong>产业动态:</strong> <span class="highlight">富特科技</span>双向车载充电机已量产;<span class="highlight">特来电</span>V2G项目成四川首例分析师看好充换电运营商特锐德和设备商通合科技、盛弘股份</li>
</ul>
</div>
</div>
<div class="daisy-collapse daisy-collapse-arrow" :class="{ 'daisy-collapse-open': active === 'roadshows', 'daisy-collapse-close': active !== 'roadshows' }">
<div class="daisy-collapse-title" @click="active = active === 'roadshows' ? '' : 'roadshows'">路演纪要精炼</div>
<div class="daisy-collapse-content text-slate-300 p-4">
<ul class="space-y-3 list-disc list-inside">
<li><strong>政策目标:</strong> 2030年V2G技术提供<span class="highlight">千万千瓦级 (10GW)</span>双向调节能力相当于400GWh储能规模的三分之一。</li>
<li><strong>技术需求:</strong> 硬件需支持双向充放电核心为PCS软件需整合电力市场交易系统。</li>
<li><strong>市场现状:</strong> V2G充电桩渗透率<span class="highlight">不足1%</span>,现有充电桩仅<span class="highlight">0.025%</span>支持V2G主要为示范项目。</li>
<li><strong>商业挑战:</strong>
<ul class="ml-6 space-y-1 list-['-_'] list-inside">
<li><strong>电池寿命担忧:</strong> 用户核心顾虑,需车企/电网提供额外质保。</li>
<li><strong>用户参与动力不足:</strong> 充电桩占位、峰谷价差需足够显著。</li>
<li><strong>专家观点:</strong> 专家预计<span class="highlight">5年内难规模化</span>,短期以示范项目为主,与市场乐观情绪形成对比。</li>
</ul>
</li>
<li><strong>投资机会:</strong> 受益标的集中在设备端(盛弘股份、通合科技)和运营商(特锐德)。</li>
</ul>
</div>
</div>
<div class="daisy-collapse daisy-collapse-arrow" :class="{ 'daisy-collapse-open': active === 'reports', 'daisy-collapse-close': active !== 'reports' }">
<div class="daisy-collapse-title" @click="active = active === 'reports' ? '' : 'reports'">研报观点汇总</div>
<div class="daisy-collapse-content text-slate-300 p-4">
<ul class="space-y-3 list-disc list-inside">
<li><strong>核心价值:</strong> 电动车车载动力电池具备移动储能属性,是大规模、分布式、灵活的电网调节资源。</li>
<li><strong>市场潜力:</strong> 2040年车载电池总容量预计超<span class="highlight">200亿千瓦时</span>将在短周期储能方面发挥主导作用。全球V2G市场价值预计从2023年37.8亿美元增长至2033年<span class="highlight">450.9亿美元</span></li>
<li><strong>商业模式:</strong> 在公共充电领域解决配电容量瓶颈,创造新增盈利模式;在社区充电领域,少量车辆参与即可满足小区充电需求而无需电网增容。</li>
<li><strong>产业链动态:</strong>
<ul class="ml-6 space-y-1 list-['-_'] list-inside">
<li><strong>整车厂:</strong> 蔚来已投运V2G目充站哪吒汽车与宁德时代等开展V2G示范项目合作。</li>
<li><strong>设备与运营:</strong> 特来电V2G设备市占率全国第一(69.16%)。</li>
<li><strong>核心零部件:</strong> 通合科技、威迈斯等在充电模块、车载充电机逆变技术上有深入布局。</li>
</ul>
</li>
<li><strong>挑战与风险:</strong> 商业化进度、基础设施不足、电池寿命、技术标准统一、电网压力是主要挑战。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Stock List Section -->
<section id="stocks" class="mb-20">
<h2 class="section-title">核心关联标的 (Related Stocks)</h2>
<div class="glass-card p-4 md:p-6 overflow-x-auto">
<table class="table w-full bg-transparent">
<thead class="text-base text-slate-300">
<tr>
<th class="bg-transparent">股票名称</th>
<th class="bg-transparent">股票代码</th>
<th class="bg-transparent">核心关联原因</th>
<th class="bg-transparent">其他标签</th>
</tr>
</thead>
<tbody class="text-slate-300">
<tr><td>奥特迅</td><td>-</td><td>公司V2G双向智能充放电产品功率范围涵盖30kW~150kW</td><td class="text-red-400">制图节点涨幅大于10%</td></tr>
<tr><td>金冠电气</td><td><a href="https://valuefrontier.cn/company?scode=688517" target="_blank" class="text-sky-400 hover:underline">688517</a></td><td>公司的V2G产品采用一体式双枪结构形式额定功率120KW</td><td class="text-red-400">制图节点涨幅大于10%</td></tr>
<tr><td>科陆电子</td><td><a href="https://valuefrontier.cn/company?scode=002121" target="_blank" class="text-sky-400 hover:underline">002121</a></td><td>公司有销售和生产V2G充电桩</td><td></td></tr>
<tr><td>中恒电气</td><td><a href="https://valuefrontier.cn/company?scode=002364" target="_blank" class="text-sky-400 hover:underline">002364</a></td><td>公司作为国内充电桩设备主流厂家之一有V2G相关技术储备</td><td></td></tr>
<tr><td>盛弘股份</td><td><a href="https://valuefrontier.cn/company?scode=300693" target="_blank" class="text-sky-400 hover:underline">300693</a></td><td>公司的”村镇地区充电网络解决方案“支持V2G方案</td><td></td></tr>
<tr><td>特锐德</td><td><a href="https://valuefrontier.cn/company?scode=300001" target="_blank" class="text-sky-400 hover:underline">300001</a></td><td>公司有V2G相关技术储备且已有相关解决方案在多个城市落地</td><td></td></tr>
<tr><td>富特科技</td><td><a href="https://valuefrontier.cn/company?scode=301607" target="_blank" class="text-sky-400 hover:underline">301607</a></td><td>公司具备V2G功能的双向车载充电机已形成量产产品</td><td></td></tr>
<tr><td>通合科技</td><td><a href="https://valuefrontier.cn/company?scode=300491" target="_blank" class="text-sky-400 hover:underline">300491</a></td><td>公司已推出20kW V2G充电模块</td><td></td></tr>
<tr><td>动力源</td><td><a href="https://valuefrontier.cn/company?scode=600405" target="_blank" class="text-sky-400 hover:underline">600405</a></td><td>公司光储充放换一体化系统采用光伏+储能+充(换)+V2G模式</td><td></td></tr>
<tr><td>易事特</td><td>-</td><td>公司充电桩业务提供V2G等综合能源解决方案</td><td></td></tr>
</tbody>
</table>
</div>
</section>
<!-- Rise Analysis Section -->
<section id="rise-analysis" class="mb-20">
<h2 class="section-title">涨幅异动深度剖析 (Abnormal Rise Analysis)</h2>
<div class="bento-grid">
<div class="glass-card p-6 md:p-8 col-span-1 md:col-span-2">
<div class="flex items-center justify-between mb-4">
<div>
<h3 class="text-xl font-bold text-white">维科技术 (600152)</h3>
<p class="text-sm text-slate-400">2025-11-13 · 涨幅 <span class="text-red-400 font-bold">10.06%</span></p>
</div>
<div class="badge badge-lg badge-outline border-violet-400 text-violet-400">钠电池+换电+V2G</div>
</div>
<p class="text-slate-300 leading-relaxed"><strong>核心结论:</strong> 工信部文件首次将“钠电+换电+车网互动”打包试点维科技术因其“A股稀缺1GWh钠电中试线+已公告换电订单+V2G样件”成为资金唯一可抢的标的次日直接一字板。公司钠电V2G模组样件已完成500次循环验证等待国网认证政策、技术、订单三者共振成为A股最稀缺标的。</p>
</div>
<div class="glass-card p-6">
<h3 class="text-xl font-bold text-white">南网科技 (688248)</h3>
<p class="text-sm text-slate-400 mb-2">2025-09-29 · 涨幅 <span class="text-red-400 font-bold">6.62%</span></p>
<p class="text-slate-300"><strong>核心驱动:</strong> 板块联动炒作。同属“南网”体系的南网储能发布重磅资本运作公告市场情绪迅速扩散。同时全国最大V2G微网项目落地新闻强化了“智能电网”前景南网科技作为关键技术提供商受益于赛道景气度提升。</p>
</div>
<div class="glass-card p-6">
<h3 class="text-xl font-bold text-white">洛凯股份 (603829)</h3>
<p class="text-sm text-slate-400 mb-2">2025-09-16 · 涨幅 <span class="text-red-400 font-bold">10.02%</span></p>
<p class="text-slate-300"><strong>核心驱动:</strong> 广州V2G试点方案发布明确对V2G设备高额补贴。公司可转债募投项目“快充及换电站直流断路器扩产”已小批量交付政策补贴降低下游成本直接利好其订单和盈利能力。</p>
</div>
</div>
</section>
</main>
<footer class="text-center py-8 mt-16 border-t border-slate-800">
<p class="text-slate-500 text-sm">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="text-slate-600 text-xs mt-2">本报告为AI合成数据不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-size-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(20, 30, 70, 0.8)',
borderColor: '#3b82f6',
textStyle: {
color: '#E0E0E0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['V2G充电桩设备', '资源聚合商收益'],
axisTick: {
alignWithLabel: true
},
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.2)'
}
},
axisLabel: {
color: '#d1d5db'
}
}
],
yAxis: [
{
type: 'value',
name: '市场规模 (亿元)',
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255, 0.2)'
}
},
axisLabel: {
color: '#d1d5db'
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
}
}
],
series: [
{
name: '2030年预测',
type: 'bar',
barWidth: '60%',
data: [
{
value: 300,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#3b82f6' },
{ offset: 1, color: '#2563eb' }
])
}
},
{
value: 1000,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#8b5cf6' },
{ offset: 1, color: '#7c3aed' }
])
}
}
],
label: {
show: true,
position: 'top',
color: '#ffffff',
formatter: '{c} 亿'
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>