update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -0,0 +1,413 @@
<!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>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/dist/cdn.min.js"></script>
<!-- ECharts -->
<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: #020418;
color: #e0e0e0;
overflow-x: hidden;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle at 15% 25%, rgba(66, 0, 255, 0.15), transparent 30%),
radial-gradient(circle at 85% 75%, rgba(0, 255, 234, 0.15), transparent 30%),
radial-gradient(circle at 50% 50%, rgba(138, 43, 226, 0.1), transparent 40%);
background-size: 200% 200%;
animation: gradient-animation 20s ease infinite;
z-index: -1;
}
@keyframes gradient-animation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.glass-card {
background: rgba(10, 10, 30, 0.6);
backdrop-filter: blur(24px) saturate(180%);
-webkit-backdrop-filter: blur(24px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 255, 234, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: minmax(100px, auto);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 768px) {
.bento-item-col-6 { grid-column: span 6; }
.bento-item-col-8 { grid-column: span 8; }
.bento-item-col-4 { grid-column: span 4; }
.bento-item-col-12 { grid-column: span 12; }
.bento-item-row-2 { grid-row: span 2; }
}
.section-title {
font-size: 1.5rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(0, 255, 234, 0.3);
text-shadow: 0 0 10px rgba(0, 255, 234, 0.5);
}
.sub-title {
font-size: 1.1rem;
font-weight: 500;
color: #00ffea;
margin-top: 1.25rem;
margin-bottom: 0.75rem;
}
.disclaimer {
text-align: center;
font-size: 0.75rem;
color: #888;
margin-top: 1rem;
}
.collapse-title {
font-weight: bold;
}
.stock-table a {
color: #58c7ff;
text-decoration: none;
transition: color 0.3s;
}
.stock-table a:hover {
color: #00ffea;
text-decoration: underline;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-screen-2xl mx-auto">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-extrabold text-white tracking-wider" style="text-shadow: 0 0 15px rgba(0, 255, 234, 0.6), 0 0 5px rgba(255, 255, 255, 0.8);">
苹果供应商核心公司
</h1>
<h2 class="text-xl md:text-2xl font-light text-gray-300 mt-2">深度投研报告</h2>
<p class="disclaimer">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。</p>
</header>
<!-- Bento Grid Layout -->
<main class="bento-grid">
<!-- Insight: Core Logic & Market Perception -->
<section class="glass-card p-6 bento-item bento-item-col-8 bento-item-row-2">
<h3 class="section-title">概念洞察:核心逻辑与市场认知</h3>
<h4 class="sub-title">0. 概念事件AI战略转型驱动硬件创新周期承接</h4>
<p class="text-sm text-gray-300 leading-relaxed">“苹果供应商核心公司”概念的引爆点是苹果在WWDC24发布的端侧AI系统“Apple Intelligence”这标志着供应链的投资逻辑从“周期性”向“成长性”转变。由于AI功能对算力和内存有硬性要求实质上为未来2-3年创造了一个强大的“AI驱动换机潮”。为支撑AI功耗iPhone 16/17系列必须进行系统性硬件升级核心方向为VC均热板、钢壳电池、高规格内存与PCB。未来则由折叠屏、AR眼镜等新形态产品接力。</p>
<div class="text-xs text-gray-400 mt-2 space-y-1">
<p><strong class="text-cyan-400">2024.06:</strong> WWDC24发布Apple Intelligence确立AI换机潮逻辑。</p>
<p><strong class="text-cyan-400">2024.Q3-Q4:</strong> 市场路演密集聚焦iPhone 16/17硬件升级细节。</p>
<p><strong class="text-cyan-400">2025.H1 (预期):</strong> iPhone SE4发布检验AI换机潮成色。</p>
<p><strong class="text-cyan-400">2025-2026 (预期):</strong> 折叠屏产品推出,开启新一轮创新周期。</p>
</div>
<h4 class="sub-title">1. 核心观点摘要</h4>
<p class="text-sm text-gray-300 leading-relaxed">概念正处于由AI战略引爆的硬件创新周期起点。核心驱动力已从销量博弈转变为“AI算力需求”催生的“量价齐升”新范式。散热、电池等基础组件的颠覆性升级带来确定性极高的增量市场而折叠屏、AR等新形态产品则打开长期想象空间。</p>
<h4 class="sub-title">2. 核心驱动力“AI定义硬件”</h4>
<p class="text-sm text-gray-300 leading-relaxed">根本逻辑是“AI定义硬件”。Apple Intelligence首次从底层算力对硬件提出刚性要求AI模型常驻后台显著增加功耗和发热使散热VC均热板和续航钢壳电池从“优化项”变为“必需项”。这是苹果为保障AI体验必须支付的“硬件税”构成本轮供应链投资最坚实的底层逻辑。</p>
<h4 class="sub-title">3. 市场热度与预期差</h4>
<ul class="list-disc list-inside text-sm text-gray-300 space-y-2 mt-2">
<li><strong class="text-white">市场情绪:</strong>高度乐观。7-9月头部券商密集召开电话会研报普遍形成“3年换机潮”共识市场正积极定价各细分环节。</li>
<li><strong class="text-white">潜在预期差:</strong>
<ul class="list-disc list-inside ml-4 mt-1 text-gray-400">
<li><strong class="text-amber-400">高估龙头份额:</strong>市场对立讯精密组装份额提升速度预测30-40%可能过于乐观第三方数据15-20%)更为保守。</li>
<li><strong class="text-amber-400">忽视“0到1”纯度</strong>相比立讯等巨头在VC均热板瑞声科技、钢壳电池珠海冠宇等纯增量环节占据核心份额的公司业绩弹性可能被市场低估。</li>
<li><strong class="text-amber-400">信息交叉验证风险:</strong>市场存在将水晶光电为Meta的业务误读为苹果业务、夸大东山精密FPC升级等情况需警惕单一信源。</li>
</ul>
</li>
</ul>
</section>
<!-- Chart: AI Hardware Upgrade -->
<section class="glass-card p-6 bento-item bento-item-col-4">
<h3 class="section-title">AI硬件升级核心增量</h3>
<div id="hardware-upgrade-chart" style="width: 100%; height: 300px;"></div>
<p class="text-xs text-center text-gray-400 mt-2">为支撑端侧AI苹果必须进行系统性的硬件升级带来明确的“从0到1”或价值量大幅提升的投资机会。</p>
</section>
<!-- Catalysts & Roadmap -->
<section class="glass-card p-6 bento-item bento-item-col-4">
<h3 class="section-title">关键催化剂与发展路径</h3>
<h4 class="sub-title">近期催化剂 (3-6个月)</h4>
<ul class="list-disc list-inside text-sm text-gray-300 space-y-1">
<li><strong>iPhone 16/17发布与拆解:</strong> 验证VC均热板和钢壳电池的全面导入及供应商份额。</li>
<li><strong>核心公司Q3/Q4财报:</strong> 鹏鼎控股、珠海冠宇等业绩将是行业景气度试金石。</li>
<li><strong>折叠屏供应商确认:</strong> 官方或权威媒体证实供应商地位,将引爆分支概念。</li>
</ul>
<h4 class="sub-title">长期发展路径</h4>
<ul class="steps steps-vertical">
<li class="step step-primary text-xs text-left text-gray-300"><strong>第一阶段 (2024-25):</strong> AI硬件基础建设 (散热、电池、PCB)。</li>
<li class="step step-primary text-xs text-left text-gray-300"><strong>第二阶段 (2025-26):</strong> 新形态产品渗透 (折叠屏、廉价版Vision Pro)。</li>
<li class="step text-xs text-left text-gray-400"><strong>第三阶段 (2027+):</strong> AR/MR生态成熟 (光波导、微型传感器)。</li>
</ul>
</section>
<!-- Industry Chain & Key Players -->
<section class="glass-card p-6 bento-item bento-item-col-12">
<h3 class="section-title">产业链图谱与核心公司剖析</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<!-- Player 1: 立讯精密 -->
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-bold text-lg text-white">立讯精密 (领导者 & 广度代表)</h4>
<p class="text-sm text-gray-300 mt-2"><strong class="text-green-400">优势:</strong> 平台型巨头客户信任度高独供Vision Pro确定性受益于AI换机潮整体销量提升。</p>
<p class="text-sm text-gray-400 mt-1"><strong class="text-red-400">风险:</strong> 体量大导致业绩弹性相对较低,市场对其组装份额预期可能过高。</p>
</div>
<!-- Player 2: 瑞声科技 -->
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-bold text-lg text-white">瑞声科技 (转型者 & 弹性代表)</h4>
<p class="text-sm text-gray-300 mt-2"><strong class="text-green-400">优势:</strong> 核心看点在于VC均热板业务是“从0到1”的纯增量市场若成功卡位将迎来戴维斯双击。</p>
<p class="text-sm text-gray-400 mt-1"><strong class="text-red-400">风险:</strong> 客户高度集中VC业务面临技术和良率挑战。</p>
</div>
<!-- Player 3: 蓝思科技 -->
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-bold text-lg text-white">蓝思科技 (创新驱动 & 价值提升)</h4>
<p class="text-sm text-gray-300 mt-2"><strong class="text-green-400">优势:</strong> 深度受益于iPhone 17预期的“2.5D玻璃背板+金属中框”设计显著提升ASP。前瞻布局AR光波导和折叠屏UTG。</p>
<p class="text-sm text-gray-400 mt-1"><strong class="text-red-400">风险:</strong> 重资产模式,业绩对销量敏感度高,新业务存在研发失败风险。</p>
</div>
<!-- Player 4: 珠海冠宇 -->
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-bold text-lg text-white">珠海冠宇 (追赶者 & 细分龙头)</h4>
<p class="text-sm text-gray-300 mt-2"><strong class="text-green-400">逻辑最纯粹:</strong> 受益于钢壳电池技术升级单颗电芯价值从40元提升至70元量价齐升逻辑完美。</p>
<p class="text-sm text-gray-400 mt-1"><strong class="text-red-400">风险:</strong> 作为后来者,份额提升速度和稳定性有待持续验证。</p>
</div>
</div>
</section>
<!-- Key Information Sources -->
<section class="glass-card p-6 bento-item bento-item-col-12" x-data="{ tab: 'roadshow' }">
<h3 class="section-title">关键信息源摘要</h3>
<div class="tabs tabs-boxed bg-black/30 mb-4">
<a class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click="tab = 'roadshow'">路演纪要</a>
<a class="tab" :class="{ 'tab-active': tab === 'news' }" @click="tab = 'news'">新闻精粹</a>
<a class="tab" :class="{ 'tab-active': tab === 'report' }" @click="tab = 'report'">研报观点</a>
</div>
<div x-show="tab === 'roadshow'" class="prose prose-invert max-w-none text-sm leading-relaxed">
<h4>硬件创新趋势(综合多家路演)</h4>
<ul>
<li><strong>散热升级 (从0到1):</strong> iPhone 16/17系列将从石墨方案转向 <strong>VC均热板</strong>以应对AI带来的功耗提升。受益标的<strong>瑞声科技、中石科技</strong></li>
<li><strong>电池技术 (价值量提升):</strong> 从软包电池转向能量密度更高、ASP提升约75% (40元 -> 70元) 的 <strong>钢壳电池</strong>。受益标的:<strong>珠海冠宇、德赛电池</strong>。ATL扩产10亿设备订单强力验证该趋势。</li>
<li><strong>外观变革:</strong> iPhone 17 Pro预期采用 <strong>“uni-body金属+2.5D玻璃”</strong> 复合背板,提升加工难度和价值量。受益标的:<strong>蓝思科技</strong></li>
<li><strong>核心算力组件:</strong> Pro系列内存将从8GB升级至 <strong>12GB</strong>PCB/SLP线距收缩价值量提升。受益标的<strong>鹏鼎控股</strong></li>
<li><strong>折叠屏 (未来增量):</strong> 苹果折叠屏预计2025年推出铰链及结构件单机价值量约100美元。受益标的<strong>领益智造 (铰链)、蓝思科技 (UTG玻璃)</strong></li>
<li><strong>OLED材料 (长期机遇):</strong> iPad/Macbook全面转向OLED将使单位面积材料用量提升400%。受益标的:<strong>莱特光电、万润股份</strong></li>
</ul>
</div>
<div x-show="tab === 'news'" class="prose prose-invert max-w-none text-sm leading-relaxed">
<h4>核心供应商动态</h4>
<ul>
<li><strong>快克智能:</strong> 果链核心设备供应商预期苹果创新大年折叠屏、AI眼镜将带来每年2-3亿收入增量。</li>
<li><strong>富士康/鸿海:</strong> 全球最大iPhone工厂恢复招聘并看好AI服务器需求提振业绩。积极参与中国可再生能源基金。</li>
<li><strong>iPhone 16 供应链:</strong>
<ul>
<li><strong>Display模组:</strong> 三星 (65-70%)、LG (约20%)、京东方 (约10%)。</li>
<li><strong>摄像头:</strong> 大立光、玉晶光、舜宇光学 (镜头);高伟电子 (模组)。</li>
<li><strong>中框:</strong> 富士康 (70%)、比亚迪绿点 (20%)、蓝思可成 (10%)。</li>
</ul>
</li>
<li><strong>供应链转移:</strong> 苹果供应商正考虑在印尼生产iPhone并推进在印度的大规模生产计划以规避潜在关税。</li>
</ul>
</div>
<div x-show="tab === 'report'" class="prose prose-invert max-w-none text-sm leading-relaxed">
<h4>分析师核心观点</h4>
<ul>
<li><strong>领益智造 (结构件龙头):</strong> 研报认为Apple Intelligence将开启3年维度换机潮领益作为结构件龙头将率先受益。同时公司在VC均热板、钢壳电池结构件、快充头等领域有望前瞻卡位。</li>
<li><strong>福蓉科技 (铝合金材料):</strong> 公司是苹果平板及笔记本铝合金材料核心供应商在苹果业务有较大敞口有望受益于苹果AI推动的出货增长。</li>
<li><strong>直接受益AI换机潮名单:</strong> 研报普遍认为由于AI功能仅支持iPhone 15 Pro以上机型将刺激换机需求。直接受益公司包括<strong>立讯精密、比亚迪电子、鸿腾精密、歌尔股份、瑞声科技、舜宇光学、高伟电子</strong></li>
</ul>
</div>
</section>
<!-- Rise Analysis -->
<section class="glass-card p-6 bento-item bento-item-col-12">
<h3 class="section-title">涨幅异动深度解析</h3>
<div class="space-y-2">
<div class="collapse collapse-plus bg-black/30 border border-white/10">
<input type="radio" name="rise-accordion" checked="checked" />
<div class="collapse-title text-md font-medium">
联得装备 (300545) - <strong>苹果折叠屏供应链独家供应商地位确立</strong>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">天风电子报告指出公司为苹果折叠屏UTG贴合设备独供且苹果折叠屏销量预期上修至1500万部直接确立其核心地位成为股价上涨的最强催化剂。同时公司在固态电池、半导体设备领域的布局也释放了积极信号。</p>
</div>
</div>
<div class="collapse collapse-plus bg-black/30 border border-white/10">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-md font-medium">
景旺电子 (603228) - <strong>苹果/华为高端订单落地</strong>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">台媒称苹果已锁定景旺为iPhone17 SLP大陆唯一A股供应商单机ASP较传统板提升约30%。叠加政策补贴预期和珠海新基地盈利上修,形成“三箭齐发”的上涨逻辑。</p>
</div>
</div>
<div class="collapse collapse-plus bg-black/30 border border-white/10">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-md font-medium">
珠海冠宇 (688772) - <strong>北美大模型厂商合作 & 苹果钢壳电池放量</strong>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">成为北美大模型厂商智能穿戴设备唯二供应商打开新增长空间。同时作为苹果钢壳电池核心供应商受益于iPhone 17新机热销和排产加单市场份额持续提升业绩量价弹性显著。</p>
</div>
</div>
<div class="collapse collapse-plus bg-black/30 border border-white/10">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-md font-medium">
宏和科技 (603256) - <strong>超薄电子布供需缺口 & 苹果追加订单</strong>
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">苹果iPhone 16系列全面切换超薄PCB基材公司作为国内唯一能稳定量产厂商公告获苹果追加4.3亿元订单占2024年营收28%,业绩弹性被资金一次性定价。</p>
</div>
</div>
</div>
</section>
<!-- Stock Pool Table -->
<section class="glass-card p-6 bento-item bento-item-col-12">
<h3 class="section-title">概念核心股票池</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full stock-table">
<thead>
<tr class="text-white">
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑/原因</th>
<th>细分领域</th>
</tr>
</thead>
<tbody>
<tr><td>工业富联</td><td><a href="https://valuefrontier.cn/company?scode=601138" target="_blank">601138</a></td><td>iPhone系列代工</td><td>组装代工</td></tr>
<tr><td>立讯精密</td><td><a href="https://valuefrontier.cn/company?scode=002475" target="_blank">002475</a></td><td>AirPods/iPhone核心代工厂受益AI换机潮</td><td>组装代工</td></tr>
<tr><td>歌尔股份</td><td><a href="https://valuefrontier.cn/company?scode=002241" target="_blank">002241</a></td><td>AirPods第二大代工厂受益MEMS麦克风升级</td><td>声学器件/组装</td></tr>
<tr><td>蓝思科技</td><td><a href="https://valuefrontier.cn/company?scode=300433" target="_blank">300433</a></td><td>受益iPhone 17玻璃背板及金属中框创新</td><td>玻璃盖板</td></tr>
<tr><td>领益智造</td><td><a href="https://valuefrontier.cn/company?scode=002600" target="_blank">002600</a></td><td>结构件龙头卡位VC均热板、钢壳电池结构件</td><td>精密结构件</td></tr>
<tr><td>鹏鼎控股</td><td><a href="https://valuefrontier.cn/company?scode=002938" target="_blank">002938</a></td><td>PCB龙头受益于AI手机主板/SLP价值量提升</td><td>PCB电路板</td></tr>
<tr><td>东山精密</td><td><a href="https://valuefrontier.cn/company?scode=002384" target="_blank">002384</a></td><td>PCB/FPC核心供应商受益散热需求</td><td>PCB电路板</td></tr>
<tr><td>瑞声科技</td><td>-</td><td>声学龙头核心看点为VC均热板“0到1”增量</td><td>声学/散热</td></tr>
<tr><td>中石科技</td><td><a href="https://valuefrontier.cn/company?scode=300684" target="_blank">300684</a></td><td>散热材料供应商受益VC均热板导入</td><td>散热材料</td></tr>
<tr><td>德赛电池</td><td><a href="https://valuefrontier.cn/company?scode=000049" target="_blank">000049</a></td><td>电池供应商,受益钢壳电芯技术升级</td><td>电池</td></tr>
<tr><td>珠海冠宇</td><td><a href="https://valuefrontier.cn/company?scode=688772" target="_blank">688772</a></td><td>钢壳电池核心供应商,量价齐升逻辑清晰</td><td>电池</td></tr>
<tr><td>水晶光电</td><td><a href="https://valuefrontier.cn/company?scode=002273" target="_blank">002273</a></td><td>光学滤光片核心供应商,受益潜望镜头渗透</td><td>光学器件</td></tr>
<tr><td>京东方A</td><td>-</td><td>iPhone基础款机型显示面板供应商</td><td>面板</td></tr>
<tr><td>福蓉科技</td><td><a href="https://valuefrontier.cn/company?scode=603327" target="_blank">603327</a></td><td>苹果平板及笔记本铝合金材料核心供应商</td><td>复合材料</td></tr>
<tr><td>环旭电子</td><td><a href="https://valuefrontier.cn/company?scode=601231" target="_blank">601231</a></td><td>SIP封装核心供应商受益于元器件集成度提升</td><td>SIP封装</td></tr>
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('hardware-upgrade-chart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function (params) {
return params[0].name + '<br/>价值量提升: ' + params[0].value + '%';
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLabel: { color: '#888' },
splitLine: { show: true, lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
},
yAxis: {
type: 'category',
data: ['VC均热板', '钢壳电池', '内存升级', 'PCB/SLP升级', '折叠屏结构件', 'OLED材料'],
axisLabel: { color: '#e0e0e0', fontSize: 12 }
},
series: [
{
name: '价值量提升',
type: 'bar',
data: [
{ value: 100, itemStyle: { color: '#00ffea' } }, // VC均热板从0到1
{ value: 75, itemStyle: { color: '#58c7ff' } }, // 钢壳电池
{ value: 50, itemStyle: { color: '#a958ff' } }, // 内存升级
{ value: 30, itemStyle: { color: '#ff5858' } }, // PCB
{ value: 200, itemStyle: { color: '#ffc758' } }, // 折叠屏,价值量更高
{ value: 400, itemStyle: { color: '#58ff89' } } // OLED材料
],
label: {
show: true,
position: 'right',
formatter: '{c}%',
color: '#fff'
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>