Files
vf_react/public/htmls/博通交换机.html
2025-12-05 13:29:18 +08:00

401 lines
28 KiB
HTML
Raw Permalink 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.12.2/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=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', 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-attachment: fixed;
color: #e0e0e0;
}
.glass {
background: rgba(20, 20, 40, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass:hover {
background: rgba(25, 25, 50, 0.6);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 0 30px rgba(100, 100, 255, 0.2);
}
.glow-text {
text-shadow: 0 0 8px rgba(173, 216, 230, 0.6), 0 0 12px rgba(173, 216, 230, 0.4);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: auto;
}
.grid-item-1 { grid-column: span 3; grid-row: span 2; }
.grid-item-2 { grid-column: span 3; grid-row: span 1; }
.grid-item-3 { grid-column: span 3; grid-row: span 1; }
.grid-item-4 { grid-column: span 6; grid-row: span 1; }
}
.table-custom tbody tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
transition: background-color 0.3s ease;
}
.table-custom tbody tr:hover {
background-color: rgba(137, 148, 255, 0.1) !important;
}
.table-custom th {
background-color: transparent !important;
color: #a0aec0;
font-weight: 600;
}
.table-custom td {
background-color: transparent !important;
color: #e0e0e0;
}
.gradient-border::before {
content: '';
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
z-index: -1;
margin: -1px;
border-radius: inherit;
background: linear-gradient(to right, #6366f1, #a855f7, #ec4899);
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-8 lg:p-12">
<div class="max-w-screen-xl mx-auto space-y-12">
<!-- Header -->
<header class="text-center space-y-4">
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold glow-text bg-clip-text text-transparent bg-gradient-to-r from-sky-300 via-purple-300 to-red-300">
深度研报:博通交换机
</h1>
<p class="text-sm text-gray-400">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
</header>
<!-- Core Insight Section -->
<main class="space-y-8">
<div class="card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h2 class="text-2xl font-bold mb-4 text-purple-300 glow-text">1. 核心观点摘要</h2>
<p class="text-gray-300 leading-relaxed">
“博通交换机”概念正处于由<strong class="text-cyan-300">技术突破驱动的商业化加速阶段</strong>。其核心驱动力源于AI大模型对数据中心网络性能提出的颠覆性需求而博通凭借其在以太网交换芯片领域近<strong class="text-cyan-300">70%</strong>的绝对垄断地位,通过发布划时代的<strong class="text-cyan-300">Tomahawk 6 (1.6T)</strong>芯片和前瞻性布局<strong class="text-cyan-300">CPO</strong>技术精准卡位了AI网络基础设施升级的核心环节其未来潜力在于引领并独占网络从“电”到“光”的技术迭代红利。
</p>
</div>
<div class="card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h2 class="text-2xl font-bold mb-4 text-purple-300 glow-text">2. 概念事件与核心逻辑</h2>
<div class="space-y-6">
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-2">背景AI算力驱动的网络瓶颈</h3>
<p class="text-gray-300">随着大模型参数量和计算集群规模如超10万张GPU的爆炸式增长数据中心内部的通信带宽和延迟成为限制AI整体性能的核心瓶颈。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-2">核心催化事件Tomahawk 6 (TH6) 芯片的发布与交付</h3>
<p class="text-gray-300">博通于2025年6月初正式发布并交付其新一代旗舰交换芯片Tomahawk 6 (TH6)。TH6是全球首款单芯片集成 <strong class="text-yellow-300">102.4Tbps</strong> 交换带宽的产品,标志着以太网正式进入<strong class="text-yellow-300">1.6T</strong>时代。其交付进度“超预期”,引爆了市场对整个算力网络产业链的乐观情绪。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-2">前瞻技术布局CPO交换机小批量出货</h3>
<p class="text-gray-300">博通基于其Tomahawk系列芯片的<strong class="text-yellow-300">共封装光学CPO交换机</strong>已实现小批量出货并与Meta等巨头进行联合测试。CPO技术旨在解决未来高速率下的功耗和成本挑战被市场视为网络技术的终极演进方向但当前面临良率较低和成本问题。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-2">核心逻辑:“算力未动,网络先行”</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong class="text-white">技术驱动(供给侧):</strong> TH6的102.4Tbps带宽和两层CLOS网络架构是解决行业核心痛点的技术突破。</li>
<li><strong class="text-white">需求驱动(需求侧):</strong> Meta、谷歌、xAI等巨头的超大规模算力集群建设对TH6及未来CPO交换机的需求是刚性且确定性极高的。</li>
<li><strong class="text-white">生态驱动(格局侧):</strong> 博通主导的以太网方案通过成立超以太网联盟UEC构建开放生态与英伟达的InfiniBand竞争加速了以太网在AI领域的渗透。</li>
</ul>
</div>
</div>
</div>
<!-- Bento Grid for Supporting Data -->
<div class="bento-grid">
<div class="grid-item-1 card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h3 class="text-xl font-bold text-sky-300 mb-4">关键数据速览</h3>
<div id="timelineChart" class="w-full h-80"></div>
</div>
<div class="grid-item-2 card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h3 class="text-xl font-bold text-sky-300 mb-4">新闻精粹</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300 text-sm">
<li><strong>Tomahawk 6</strong>: 已于2025年6月启动交付带宽达102.4Tbps标志以太网进入1.6T时代。</li>
<li><strong>CPO交换机</strong>: 已小批量出货与Meta等测试但面临良率挑战被视为未来关键技术。</li>
<li><strong>市场地位</strong>: 博通在以太网交换芯片领域占据近70%市场份额,稳固核心地位。</li>
<li><strong>业绩表现</strong>: AI网络业务贡献显著FY24Q2 AI收入同比+280%上调全年AI营收指引至110亿美元以上。</li>
</ul>
</div>
<div class="grid-item-3 card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h3 class="text-xl font-bold text-sky-300 mb-4">路演纪要</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300 text-sm">
<li><strong>AI网络增长</strong>: 同比增长170%占AI半导体收入的40%。</li>
<li><strong>Tomahawk 5/6</strong>: TH551.2T已量产TH6102.4T于2025年启动交付需求旺盛。</li>
<li><strong>核心逻辑</strong>: 以太网交换芯片在AI算力集群中的不可替代性是博通AI业务高增长的核心。</li>
<li><strong>技术领先</strong>: 市占率超70%,持续推动技术迭代,集成网络内计算等先进功能。</li>
</ul>
</div>
<div class="grid-item-4 card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h3 class="text-xl font-bold text-sky-300 mb-4">研报观点</h3>
<p class="text-gray-300 text-sm">研报普遍认为TH6发布将强化全球算力基础设施投资逻辑推动1.6T光模块、高速PCB和CPO方案的成熟与需求增长。以太网凭借其开放生态有望在AI网络中与InfiniBand形成更多元的竞争格局利好整个产业链供应商。</p>
</div>
</div>
<div class="card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h2 class="text-2xl font-bold mb-4 text-purple-300 glow-text">3. 关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="p-4 border border-purple-500/30 rounded-2xl">
<h4 class="font-bold text-lg text-purple-300">第一阶段 (当前 - 2026)</h4>
<p class="text-sm text-gray-300 mt-2"><strong>1.6T以太网普及</strong>TH6芯片大规模出货成为新建大型AI数据中心的主流选择。产业链中的PCB、光模块、交换机ODM厂商订单饱满。</p>
</div>
<div class="p-4 border border-purple-500/30 rounded-2xl">
<h4 class="font-bold text-lg text-purple-300">第二阶段 (2026 - 2028)</h4>
<p class="text-sm text-gray-300 mt-2"><strong>CPO技术导入</strong>CPO交换机成本和良率问题解决开始在超大规模集群中应用。市场出现可插拔与CPO方案混合部署的格局。</p>
</div>
<div class="p-4 border border-purple-500/30 rounded-2xl">
<h4 class="font-bold text-lg text-purple-300">第三阶段 (2028以后)</h4>
<p class="text-sm text-gray-300 mt-2"><strong>CPO成为主导</strong>随着交换芯片速率向3.2T演进CPO凭借其根本性优势成为网络互联的主导技术方案。</p>
</div>
</div>
</div>
<div class="card glass rounded-3xl shadow-2xl p-6 sm:p-8">
<h2 class="text-2xl font-bold mb-4 text-purple-300 glow-text">4. 产业链与投资启示</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-3">产业链图谱</h3>
<ul class="space-y-3 text-gray-300">
<li><strong>上游 (核心技术):</strong>
<p class="text-sm pl-4">交换芯片: <strong class="text-white">博通</strong> | CPO设备: <strong class="text-white">罗博特科</strong> | 高速PCB: <strong class="text-white">沪电股份</strong> | 光引擎: <strong class="text-white">天孚通信</strong></p>
</li>
<li><strong>中游 (设备集成):</strong>
<p class="text-sm pl-4">交换机整机: <strong class="text-white">锐捷网络, 菲菱科思</strong> | 光模块: <strong class="text-white">中际旭创, 新易盛</strong></p>
</li>
<li><strong>下游 (应用客户):</strong>
<p class="text-sm pl-4">云服务商: <strong class="text-white">谷歌, Meta, 微软</strong> | 网络设备商: <strong class="text-white">Arista, Juniper</strong></p>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-3">最具投资价值的细分环节</h3>
<ul class="space-y-3 text-gray-300">
<li><strong class="text-cyan-300">高确定性 (设备先行):</strong> CPO商业化前夜核心生产和封装设备公司<strong class="text-white">罗博特科</strong>)最先受益,订单确定性高。</li>
<li><strong class="text-cyan-300">高弹性 (CPO组件):</strong> CPO良率解决后光引擎<strong class="text-white">天孚通信</strong>、FAU<strong class="text-white">光库科技</strong>)等核心组件将迎来需求爆发。</li>
<li><strong class="text-cyan-300">稳健增长 (高速PCB):</strong> 交换机速率提升对PCB的要求是刚性提升相关公司<strong class="text-white">沪电股份</strong>)业绩增长路径清晰。</li>
</ul>
</div>
</div>
<div class="mt-8">
<h3 class="text-xl font-semibold text-sky-300 mb-3">潜在风险与挑战</h3>
<div class="alert bg-red-900/30 border-red-500/50 text-red-200 rounded-2xl">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>
<span class="text-sm"><strong>技术风险:</strong> CPO技术的成熟度是最大风险点良率和成本问题若无法突破将推迟商业化。<strong>商业化风险:</strong> TH6渗透速度可能慢于预期。<strong>竞争风险:</strong> 英伟达InfiniBand在特定场景仍是劲敌。</span>
</div>
</div>
</div>
<!-- Stocks Table -->
<div class="space-y-8">
<h2 class="text-3xl font-bold text-center glow-text text-purple-300">产业链核心标的</h2>
<div class="card glass rounded-3xl shadow-2xl overflow-x-auto">
<table class="table table-custom w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<tr><td>罗博特科</td><td><a href="https://valuefrontier.cn/company?scode=300757" target="_blank" class="link link-hover text-cyan-400">300757</a></td><td>参股公司ficonTEC主要客户包括英特尔、思科、博通、Nvidia等</td><td>类别: CPO - 封装设备, 来源: 互动</td></tr>
<tr><td>天孚通信</td><td><a href="https://valuefrontier.cn/company?scode=300394" target="_blank" class="link link-hover text-cyan-400">300394</a></td><td>CPO产业链光引擎环节</td><td>类别: CPO - 光引擎, 来源: 网传信息</td></tr>
<tr><td>太辰光</td><td><a href="https://valuefrontier.cn/company?scode=300570" target="_blank" class="link link-hover text-cyan-400">300570</a></td><td>CPO产业链光连接环节</td><td>类别: CPO - 光连接, 来源: 网传信息</td></tr>
<tr><td>新易盛</td><td><a href="https://valuefrontier.cn/company?scode=300502" target="_blank" class="link link-hover text-cyan-400">300502</a></td><td>CPO产业链光模块环节</td><td>类别: CPO - 光模块, 来源: 网传信息</td></tr>
<tr><td>中际旭创</td><td><a href="https://valuefrontier.cn/company?scode=300308" target="_blank" class="link link-hover text-cyan-400">300308</a></td><td>CPO产业链光模块环节</td><td>类别: CPO - 光模块, 来源: 网传信息</td></tr>
<tr><td>胜宏科技</td><td><a href="https://valuefrontier.cn/company?scode=300476" target="_blank" class="link link-hover text-cyan-400">300476</a></td><td>PCB供货商或已与博通等客户建立了合作关系</td><td>类别: PCB供货, 来源: 互动</td></tr>
<tr><td>生益电子</td><td><a href="https://valuefrontier.cn/company?scode=688183" target="_blank" class="link link-hover text-cyan-400">688183</a></td><td>PCB供货商或已与博通等客户建立了合作关系</td><td>类别: PCB供货, 来源: 互动</td></tr>
<tr><td>沪电股份</td><td><a href="https://valuefrontier.cn/company?scode=002463" target="_blank" class="link link-hover text-cyan-400">002463</a></td><td>PCB供货商或已与博通等客户建立了合作关系</td><td>类别: PCB供货, 来源: 互动</td></tr>
<tr><td>一博科技</td><td><a href="https://valuefrontier.cn/company?scode=301366" target="_blank" class="link link-hover text-cyan-400">301366</a></td><td>PCB供货商或已与博通等客户建立了合作关系</td><td>类别: PCB供货, 来源: 互动</td></tr>
<tr><td>菲菱科思</td><td><a href="https://valuefrontier.cn/company?scode=301191" target="_blank" class="link link-hover text-cyan-400">301191</a></td><td>迭代数据中心交换机至12.8T并开发基于博通芯片3.2T/2.0T产品扩展国产CPU COME模块</td><td>类别: 其他博通合作, 来源: 公告</td></tr>
<tr><td>锐捷网络</td><td><a href="https://valuefrontier.cn/company?scode=301165" target="_blank" class="link link-hover text-cyan-400">301165</a></td><td>进口交换机芯片主要用于公司数据中心交换机如博通公司的TH系列芯片等</td><td>类别: 其他博通合作, 来源: 互动</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Rise Analysis Section -->
<div class="space-y-8">
<h2 class="text-3xl font-bold text-center glow-text text-purple-300">相关个股涨幅异动归因</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="card glass rounded-3xl p-6">
<div class="card-title justify-between">
<span class="font-bold text-lg text-white">安博通 (688168)</span>
<span class="badge badge-lg bg-green-500/20 text-green-300 border-green-500/30">+10.58%</span>
</div>
<p class="text-sm text-gray-400">2025-09-11</p>
<p class="mt-4 text-xs text-gray-300 leading-relaxed">核心原因博通CEO关于CPO技术将在2027年普及的积极言论以及光博会释放的CPO商业化加速信号直接带动光通信产业链上涨。公司作为网络安全企业受益于AI基建热潮和融资余额创新高。</p>
</div>
<div class="card glass rounded-3xl p-6">
<div class="card-title justify-between">
<span class="font-bold text-lg text-white">光库科技 (300620)</span>
<span class="badge badge-lg bg-green-500/20 text-green-300 border-green-500/30">+10.27%</span>
</div>
<p class="text-sm text-gray-400">2025-09-22</p>
<p class="mt-4 text-xs text-gray-300 leading-relaxed">核心原因公司布局OCS(光电路交换)交换机代工业务间接供应谷歌市场空间巨大。同时光通信器件业务FAU高速增长并已成为博通CPO保偏FAU供应商叠加算力硬件板块整体情绪向好。</p>
</div>
<div class="card glass rounded-3xl p-6">
<div class="card-title justify-between">
<span class="font-bold text-lg text-white">致尚科技 (301486)</span>
<span class="badge badge-lg bg-green-500/20 text-green-300 border-green-500/30">+8.68%</span>
</div>
<p class="text-sm text-gray-400">2025-09-09</p>
<p class="mt-4 text-xs text-gray-300 leading-relaxed">核心原因作为Senko核心供应商深度绑定英伟达/博通的CPO交换机产业链。英伟达确定采用Senko的可插拔FAU方案致尚科技作为其MPC升级版FAU独家/核心供应商,未来订单和业绩弹性预期巨大。</p>
</div>
<div class="card glass rounded-3xl p-6">
<div class="card-title justify-between">
<span class="font-bold text-lg text-white">罗普特 (688619)</span>
<span class="badge badge-lg bg-green-500/20 text-green-300 border-green-500/30">+7.37%</span>
</div>
<p class="text-sm text-gray-400">2025-07-18</p>
<p class="mt-4 text-xs text-gray-300 leading-relaxed">核心原因市场可能因名称与CPO核心设备商“罗博特科”相似而产生联想CPO技术概念火热带动股价。同时叠加融资资金推动、技术面突破和前期利空出尽等因素。</p>
</div>
<div class="card glass rounded-3xl p-6">
<div class="card-title justify-between">
<span class="font-bold text-lg text-white">慧博云通 (301316)</span>
<span class="badge badge-lg bg-green-500/20 text-green-300 border-green-500/30">+6.38%</span>
</div>
<p class="text-sm text-gray-400">2025-09-05</p>
<p class="mt-4 text-xs text-gray-300 leading-relaxed">核心原因美股博通因业绩超预期和AI芯片合作消息大涨引发A股相关概念股的映射炒作。算力产业链成长逻辑升级互联需求高增公司作为潜在参与者受益于板块情绪提振。</p>
</div>
<div class="card glass rounded-3xl p-6">
<div class="card-title justify-between">
<span class="font-bold text-lg text-white">共进股份 (603118)</span>
<span class="badge badge-lg bg-green-500/20 text-green-300 border-green-500/30">+6.01%</span>
</div>
<p class="text-sm text-gray-400">2025-07-08</p>
<p class="mt-4 text-xs text-gray-300 leading-relaxed">核心原因工业富联二季度800G交换机营收暴增直接带动国产交换机产业链情绪公司被市场视为直接受益者。AI发展带动数据中心需求和融资资金持续流入也形成支撑。</p>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="text-center mt-16 pb-8">
<p class="text-xs text-gray-500">免责声明本报告由AI合成所有信息仅供参考不构成任何投资建议。投资有风险入市需谨慎。</p>
<p class="text-xs text-gray-600 mt-1">© 2024 北京价值前沿科技有限公司. All rights reserved.</p>
</footer>
</div>
<script>
var chartDom = document.getElementById('timelineChart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
title: {
text: '博通交换芯片带宽演进 (Tbps)',
left: 'center',
textStyle: {
color: '#e0e0e0',
fontSize: 16
}
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['带宽 (Tbps)'],
bottom: 10,
textStyle: { color: '#ccc' }
},
grid: {
left: '3%',
right: '4%',
bottom: '15%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: ['Tomahawk 4 (TH4)', 'Tomahawk 5 (TH5)', 'Tomahawk 6 (TH6)'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
axisLabel: { color: '#ccc' }
}
],
yAxis: [
{
type: 'value',
axisLine: { show: true, lineStyle: { color: 'rgba(255,255,255,0.3)' } },
axisLabel: { color: '#ccc' },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
}
],
series: [
{
name: '带宽 (Tbps)',
type: 'line',
stack: 'Total',
smooth: true,
lineStyle: {
width: 2,
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#83bff6' },
{ offset: 1, color: '#188df0' }
])
},
showSymbol: false,
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(131, 191, 246, 0.5)' },
{ offset: 1, color: 'rgba(24, 141, 240, 0.1)' }
])
},
emphasis: {
focus: 'series'
},
data: [25.6, 51.2, 102.4]
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>