Files
vf_react/public/htmls/特斯拉储能.html
2025-12-05 13:29:18 +08:00

480 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.11.1/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=Space+Grotesk:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Space Grotesk', sans-serif;
background-color: #020010;
background-image:
radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 0.1) 0px, transparent 50%),
radial-gradient(at 52% 99%, hsla(355, 98%, 76%, 0.15) 0px, transparent 50%),
radial-gradient(at 10% 29%, hsla(256, 96%, 68%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 0.1) 0px, transparent 50%),
radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 0.1) 0px, transparent 50%),
radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 0.1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}
.glass-card {
background: rgba(10, 5, 40, 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
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 40px rgba(128, 90, 213, 0.3);
border-color: rgba(192, 132, 252, 0.4);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.gradient-text {
background: linear-gradient(90deg, #a78bfa, #f472b6, #60a5fa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.timeline-item::before {
content: '';
position: absolute;
left: 19px;
top: 0;
bottom: 0;
width: 2px;
background: rgba(255, 255, 255, 0.1);
}
.timeline-item:last-child::before {
height: 20px;
}
.timeline-marker {
position: absolute;
left: 10px;
top: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(167, 139, 250, 0.3);
border: 2px solid rgba(167, 139, 250, 0.8);
z-index: 1;
}
.timeline-marker::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
border-radius: 50%;
background: #a78bfa;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.7); }
70% { box-shadow: 0 0 0 10px rgba(167, 139, 250, 0); }
100% { box-shadow: 0 0 0 0 rgba(167, 139, 250, 0); }
}
[x-cloak] { display: none !important; }
</style>
</head>
<body class="text-gray-300 antialiased" x-data="{ activeTab: 'news' }">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center mb-12" x-data x-intersect:enter="$el.classList.add('animate-fade-in-down')">
<h1 class="text-4xl md:text-6xl font-bold gradient-text tracking-wider">特斯拉储能</h1>
<p class="mt-4 text-lg md:text-xl text-purple-300">深度投研报告</p>
<div class="mt-2 text-xs text-gray-500">
由 北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现
</div>
</header>
<!-- Bento Grid Layout -->
<main class="grid grid-cols-12 gap-6">
<!-- Core Insight -->
<section class="col-span-12 lg:col-span-8 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">核心观点摘要</h2>
<p class="text-gray-300 leading-relaxed">
特斯拉储能业务已成功从“未来故事”转变为业绩驱动的“<strong class="text-cyan-300">第二增长曲线</strong>”,其核心驱动力在于<strong class="text-cyan-300">高利润率的Megapack产品</strong><strong class="text-cyan-300">上海超级工厂带来的确定性产能释放</strong>。未来潜力巨大,但其高端定位决定了它并非通吃市场,而是作为行业“技术与盈利标杆”,其最大的影响力在于通过本土化生产深度赋能并重塑中国高端储能产业链。
</p>
</section>
<!-- Key Metrics Charts -->
<section class="col-span-12 lg:col-span-4 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">关键指标</h2>
<div id="marginChart" class="h-64 w-full"></div>
</section>
<!-- Event Timeline -->
<section class="col-span-12 lg:col-span-4 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">概念催化时间轴</h2>
<div class="relative space-y-6">
<div class="timeline-item pl-12">
<div class="timeline-marker"></div>
<p class="font-semibold text-fuchsia-300">2024.12.27</p>
<p class="text-sm text-gray-400">上海储能超级工厂竣工耗时仅7个月展现“特斯拉速度”。</p>
</div>
<div class="timeline-item pl-12">
<div class="timeline-marker"></div>
<p class="font-semibold text-fuchsia-300">2025.02.11</p>
<p class="text-sm text-gray-400">上海工厂正式投产首台Megapack下线全球第二大生产基地启动。</p>
</div>
<div class="timeline-item pl-12">
<div class="timeline-marker"></div>
<p class="font-semibold text-fuchsia-300">2025.06.20</p>
<p class="text-sm text-gray-400">签约中国大陆首个电网侧储能项目,正式进入中国本土大储市场。</p>
</div>
<div class="timeline-item pl-12">
<div class="timeline-marker"></div>
<p class="font-semibold text-fuchsia-300">2025.07.24</p>
<p class="text-sm text-gray-400">宣布计划于2026年在美国休斯顿建第三座储能超级工厂扩张全球产能。</p>
</div>
</div>
</section>
<!-- Core Logic & Market Perception -->
<section class="col-span-12 lg:col-span-8 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">核心逻辑与市场认知分析</h2>
<div class="space-y-4 text-gray-400">
<div>
<h3 class="font-semibold text-lg text-cyan-300">1. 高盈利的商业模式</h3>
<p>这是最硬的底层逻辑。能源业务毛利率高达<strong class="text-white">30%</strong>(上海工厂达<strong class="text-white">41%</strong>),远超汽车业务的<strong class="text-white">18%</strong>。凭借品牌溢价、先进BMS和软件生态实现“技术壁垒 -> 高定价 -> 高毛利”的良性循环。Megapack价格是国产储能的<strong class="text-white">2.5倍</strong>,是典型的价值驱动而非成本驱动。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-cyan-300">2. 产能瓶颈的突破</h3>
<p>产能是最大制约。上海储能超级工厂(初期规划<strong class="text-white">40 GWh</strong>)的快速投产是解决核心矛盾的关键。其惊人的执行力增强了市场对增长确定性的信心。加上美国加州工厂(<strong class="text-white">40 GWh</strong>)和规划中的休斯顿工厂,特斯拉正构建全球性产能护城河。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-cyan-300">3. 预期差分析:高端定位而非全面碾压</h3>
<ul class="list-disc list-inside space-y-2 pl-2">
<li><strong class="text-fuchsia-300">市场定位预期差:</strong> 高价约1.78元/Wh使其仅覆盖高端客户在成本敏感市场如中国、中东竞争力有限为国内厂商留出空间。</li>
<li><strong class="text-fuchsia-300">市场份额预期差:</strong> 市场流传的“美国市占率超40%”可能被夸大,彭博数据显示其在工商业/独立储能领域份额约<strong class="text-white">20-25%</strong>,领导地位稳固但非绝对垄断。</li>
<li><strong class="text-fuchsia-300">增长节奏预期差:</strong> 储能项目交付具季度波动性,线性外推单季爆发式增长存在风险。</li>
</ul>
</div>
</div>
</section>
<!-- Other Charts -->
<section class="col-span-12 md:col-span-6 lg:col-span-6 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">储能交付量 (GWh)</h2>
<div id="deploymentChart" class="h-64 w-full"></div>
</section>
<section class="col-span-12 md:col-span-6 lg:col-span-6 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">全球产能规划 (GWh)</h2>
<div id="capacityChart" class="h-64 w-full"></div>
</section>
<!-- Catalysts & Future Path -->
<section class="col-span-12 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="font-semibold text-lg text-cyan-300 mb-2">近期催化剂 (未来3-6个月)</h3>
<ul class="list-decimal list-inside space-y-2 text-gray-400">
<li><strong class="text-white">上海工厂产能达产:</strong> 财报披露的产能利用率和产量数据是验证增长斜率的关键。</li>
<li><strong class="text-white">中国临港项目并网:</strong> 2025年内建成投运将成为中国市场商业化能力的标杆。</li>
<li><strong class="text-white">美国休斯顿工厂动工:</strong> 任何关于环评、许可或动工的新闻都将是新催化剂。</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-lg text-cyan-300 mb-2">长期发展路径</h3>
<ul class="list-decimal list-inside space-y-2 text-gray-400">
<li><strong class="text-white">硬件规模化:</strong> 通过三大基地形成超<strong class="text-fuchsia-300">100 GWh</strong>年产能,成为全球硬件龙头。</li>
<li><strong class="text-white">软件与服务深化:</strong> 在能源交易平台、虚拟电厂(VPP)等领域创造循环收入,从“卖硬件”到“卖服务”。</li>
<li><strong class="text-white">生态闭环:</strong> 整合Megapack、Powerwall、电动车、充电桩形成发、储、用、充一体化的能源闭环。</li>
</ul>
</div>
</div>
</section>
<!-- Supporting Data Tabs -->
<section class="col-span-12 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">原始数据摘要</h2>
<div class="tabs tabs-boxed bg-black/20">
<a class="tab" :class="{ 'tab-active bg-purple-600/50': activeTab === 'news' }" @click.prevent="activeTab = 'news'">新闻数据</a>
<a class="tab" :class="{ 'tab-active bg-purple-600/50': activeTab === 'roadshow' }" @click.prevent="activeTab = 'roadshow'">路演纪要</a>
<a class="tab" :class="{ 'tab-active bg-purple-600/50': activeTab === 'report' }" @click.prevent="activeTab = 'report'">研报精粹</a>
</div>
<div class="mt-4 p-4 rounded-lg bg-black/20 max-h-96 overflow-y-auto text-sm">
<div x-show="activeTab === 'news'" x-transition>
<ul class="space-y-3">
<li><strong>高速发展:</strong>储能业务成为重要增长引擎Megapack带动能源业务营收和毛利率超汽车业务。</li>
<li><strong>上海速度:</strong>储能超级工厂从开工到投产仅9个月初期规划年产40 GWh供应全球。</li>
<li><strong>关键里程碑:</strong>2025年2月11日首台Megapack下线3月21日首批出口7月29日第1000台下线。</li>
<li><strong>中国市场突破:</strong>签约中国大陆首个电网侧储能项目位于上海临港一期300 MWh。</li>
<li><strong>全球扩张:</strong>计划2026年在美国休斯顿建第三座储能工厂向日本欧力士供应548 MWh Megapack。</li>
<li><strong>产业链效应:</strong>如特斯拉上海超级工厂一样,储能工厂有望带来产业链聚集效应。</li>
</ul>
</div>
<div x-show="activeTab === 'roadshow'" x-cloak x-transition>
<ul class="space-y-3">
<li><strong>第二增长引擎:</strong>全球市占率15%北美25%第一上海工厂投产后支撑2025-27年储能收入复合增速40-45%。</li>
<li><strong>高毛利率:</strong>2024年毛利率达26%超汽车业务18%目标维持在25%左右。单瓦时成本降至3美分。</li>
<li><strong>高端定位:</strong>价格约1.78元/Wh主要覆盖高端客户在成本敏感市场如中国、中东优势不明显。</li>
<li><strong>技术壁垒:</strong>循环效率(>90%)领先BMS与软件生态能源交易平台是差异化关键。</li>
<li><strong>核心供应商:</strong>电芯(宁德时代,独家供应美国订单)、温控设备(三花智控)。</li>
</ul>
</div>
<div x-show="activeTab === 'report'" x-cloak x-transition>
<ul class="space-y-3">
<li><strong>业绩爆发:</strong>2024Q2储能装机9.4GWh,同比+157%2023年总出货14.7GWh,同比+125%。</li>
<li><strong>上海工厂细节:</strong>总投资14.5亿元占地20万平方米主要生产Megapack单台3.9MWh)。</li>
<li><strong>未来预期:</strong>预计未来一年储能业务将继续保持增长且2024年增速将超过汽车业务。</li>
<li><strong>产业链影响:</strong>工厂落地反映对中国市场重视,虽产品主供海外,但仍难离开国内供应链支持。</li>
<li><strong>风险提示:</strong>储能装机不及预期、行业竞争加剧、原材料价格波动是主要风险。</li>
</ul>
</div>
</div>
</section>
<!-- Industry Chain & Risks -->
<section class="col-span-12 lg:col-span-7 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">产业链深度剖析</h2>
<p class="mb-4 text-gray-400">投资价值最高的细分环节集中在中游核心零部件,特别是具备高技术壁垒、单机价值量高且受益于产业升级趋势的供应商。</p>
<div class="overflow-x-auto">
<table class="table table-sm">
<thead class="text-fuchsia-300">
<tr>
<th>环节</th>
<th>核心逻辑</th>
<th>代表公司</th>
</tr>
</thead>
<tbody>
<tr>
<td>电芯</td>
<td>美国订单独家供应商,逻辑最纯粹</td>
<td>宁德时代</td>
</tr>
<tr>
<td>CCS连接系统</td>
<td>技术领先1-2代壁垒极高</td>
<td>西典新能</td>
</tr>
<tr>
<td>结构件/柜体</td>
<td>与Megapack出货量直接挂钩</td>
<td>新朋股份</td>
</tr>
<tr>
<td>温控系统</td>
<td>液冷方案价值量随功率密度提升</td>
<td>三花智控</td>
</tr>
<tr>
<td>PCB</td>
<td>核心供应商,业绩弹性大</td>
<td>世运电路</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="col-span-12 lg:col-span-5 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-red-400">潜在风险与挑战</h2>
<ul class="space-y-2 list-disc list-inside text-gray-400">
<li><strong class="text-white">商业化风险:</strong> 高定价策略在竞争加剧时面临挑战,且市场局限于高价值区域。</li>
<li><strong class="text-white">政策与竞争风险:</strong> 海外贸易壁垒(如关税)直接冲击全球供应链;全球竞争对手的低成本优势不容忽视。</li>
<li><strong class="text-white">技术风险:</strong> 下一代电池技术如4680产能爬坡缓慢可能影响未来成本路径和产品迭代。</li>
</ul>
</section>
<!-- Stock List -->
<section class="col-span-12 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">核心产业链公司</h2>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr class="text-cyan-300">
<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">300750</a></td><td>电池及材料</td></tr>
<tr><td>亿纬锂能</td><td><a href="https://valuefrontier.cn/company?scode=300014" target="_blank" class="link link-hover">300014</a></td><td>电池及材料</td></tr>
<tr><td>欣旺达</td><td><a href="https://valuefrontier.cn/company?scode=300207" target="_blank" class="link link-hover">300207</a></td><td>电池及材料</td></tr>
<tr><td>当升科技</td><td><a href="https://valuefrontier.cn/company?scode=300073" target="_blank" class="link link-hover">300073</a></td><td>电池及材料</td></tr>
<tr><td>华友钴业</td><td><a href="https://valuefrontier.cn/company?scode=603799" target="_blank" class="link link-hover">603799</a></td><td>电池及材料</td></tr>
<tr><td>先导智能</td><td><a href="https://valuefrontier.cn/company?scode=300450" target="_blank" class="link link-hover">300450</a></td><td>设备</td></tr>
<tr><td>银轮股份</td><td><a href="https://valuefrontier.cn/company?scode=002126" target="_blank" class="link link-hover">002126</a></td><td>温控</td></tr>
<tr><td>英维克</td><td><a href="https://valuefrontier.cn/company?scode=002837" target="_blank" class="link link-hover">002837</a></td><td>温控</td></tr>
<tr><td>新朋股份</td><td><a href="https://valuefrontier.cn/company?scode=002328" target="_blank" class="link link-hover">002328</a></td><td>其他部件</td></tr>
<tr><td>世运电路</td><td><a href="https://valuefrontier.cn/company?scode=603920" target="_blank" class="link link-hover">603920</a></td><td>其他部件</td></tr>
<tr><td>西典新能</td><td><a href="https://valuefrontier.cn/company?scode=603312" target="_blank" class="link link-hover">603312</a></td><td>其他部件</td></tr>
<tr><td>亚玛顿</td><td><a href="https://valuefrontier.cn/company?scode=002623" target="_blank" class="link link-hover">002623</a></td><td>其他部件</td></tr>
<tr><td>唯科科技</td><td><a href="https://valuefrontier.cn/company?scode=301196" target="_blank" class="link link-hover">301196</a></td><td>其他部件</td></tr>
</tbody>
</table>
</div>
</section>
<!-- Rise Analysis Section -->
<section class="col-span-12 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold mb-4 text-violet-300">相关个股涨幅异动分析</h2>
<div class="space-y-4">
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/30">
<input type="checkbox" @click="open = !open" />
<div class="collapse-title text-xl font-medium">
南网储能 (600995) <span class="text-green-400 ml-2">+8.38%</span>
<span class="text-sm text-gray-500 ml-2">2025-09-23</span>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-400">主要受行业基本面全面向好(全球市场爆发、电芯价格上涨)、政策持续加码、储能板块整体走强及公司业务与市场热点高度契合等多重利好因素综合影响。</p>
</div>
</div>
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/30">
<input type="checkbox" @click="open = !open" />
<div class="collapse-title text-xl font-medium">
甬金股份 (603995) <span class="text-green-400 ml-2">+10.02%</span>
<span class="text-sm text-gray-500 ml-2">2025-06-10</span>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-400">主要因特斯拉Cybertruck冷轧不锈钢材料供应预期、公司作为“专精特新”小巨人的政策利好以及在储能领域金属复合材料的布局。</p>
</div>
</div>
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/30">
<input type="checkbox" @click="open = !open" />
<div class="collapse-title text-xl font-medium">
华达新材 (605158) <span class="text-green-400 ml-2">+10.0%</span>
<span class="text-sm text-gray-500 ml-2">2025-07-23</span>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-400">核心驱动为特斯拉Cybertruck免涂装钢板首批6万吨订单落地公司独家技术“喷粉彩钢”通过认证并计划批量供货构成基本面拐点同时该材料可用于Megapack外壳。</p>
</div>
</div>
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/30">
<input type="checkbox" @click="open = !open" />
<div class="collapse-title text-xl font-medium">
奥特佳 (002239) <span class="text-green-400 ml-2">+10.03%</span>
<span class="text-sm text-gray-500 ml-2">2025-09-09</span>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-400">涨停系“特斯拉Megapack液冷二供”周末机构纪要发酵公司具备批量储能液冷经验且市值较小稀缺性凸显形成低位+新故事共振。</p>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center mt-12 py-6 border-t border-white/10">
<p class="text-sm text-gray-500">本报告为AI合成数据投资需谨慎。</p>
<p class="text-xs text-gray-600 mt-1">&copy; 2025 北京价值前沿科技有限公司. All Rights Reserved.</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Margin Chart
var marginChart = echarts.init(document.getElementById('marginChart'));
marginChart.setOption({
backgroundColor: 'transparent',
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
legend: { data: ['能源业务', '汽车业务'], textStyle: { color: '#ccc' } },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'value', boundaryGap: [0, 0.01], axisLabel: { color: '#ccc' }, splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } } },
yAxis: { type: 'category', data: ['毛利率'], axisLabel: { color: '#ccc' } },
series: [
{ name: '能源业务', type: 'bar', data: [30], itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#8A2BE2' }, { offset: 1, color: '#4A00E0' }]) } },
{ name: '汽车业务', type: 'bar', data: [18], itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#38b2ac' }, { offset: 1, color: '#319795' }]) } }
]
});
// Deployment Chart
var deploymentChart = echarts.init(document.getElementById('deploymentChart'));
deploymentChart.setOption({
backgroundColor: 'transparent',
tooltip: { trigger: 'axis' },
xAxis: { type: 'category', data: ['2023Q4', '2024Q1', '2024Q2', '2024Q3', '2024Q4'], axisLabel: { color: '#ccc' } },
yAxis: { type: 'value', name: 'GWh', axisLabel: { color: '#ccc' }, splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } } },
series: [{
data: [3.2, 4.1, 9.7, 10.5, 11.0], // Sample data based on text
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 8,
itemStyle: { color: '#f472b6' },
lineStyle: { color: '#f472b6', width: 3 },
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(244, 114, 182, 0.5)'
}, {
offset: 1,
color: 'rgba(244, 114, 182, 0)'
}])
}
}]
});
// Capacity Chart
var capacityChart = echarts.init(document.getElementById('capacityChart'));
capacityChart.setOption({
backgroundColor: 'transparent',
tooltip: { trigger: 'item' },
legend: {
orient: 'vertical',
left: 'left',
textStyle: { color: '#ccc' }
},
series: [{
name: '全球产能',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: 'rgba(2,0,16,1)',
borderWidth: 2
},
label: { show: false, position: 'center' },
emphasis: { label: { show: true, fontSize: '20', fontWeight: 'bold', color: '#fff' } },
labelLine: { show: false },
data: [
{ value: 40, name: '加州工厂' },
{ value: 40, name: '上海工厂' },
{ value: 50, name: '休斯顿(规划)' } // Assuming 50GWh for Houston as per 奥特佳 analysis
],
color: ['#a78bfa', '#f472b6', '#60a5fa']
}]
});
window.addEventListener('resize', function() {
marginChart.resize();
deploymentChart.resize();
capacityChart.resize();
});
});
</script>
</body>
</html>