Files
vf_react/public/htmls/优必选机器人.html
2025-12-05 13:29:18 +08:00

507 lines
31 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.11.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=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', 'Microsoft YaHei', sans-serif;
background-color: #010114;
background-image:
radial-gradient(ellipse at 20% 80%, rgba(5, 80, 150, 0.3), transparent 70%),
radial-gradient(ellipse at 80% 10%, rgba(120, 20, 180, 0.3), transparent 70%),
radial-gradient(ellipse at 70% 90%, rgba(20, 120, 120, 0.2), transparent 70%);
background-attachment: fixed;
overflow-x: hidden;
color: #e0e0e0;
}
.glass-card {
background: rgba(10, 10, 25, 0.5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.glass-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.08), transparent 40%);
opacity: 0;
transition: opacity 0.5s;
pointer-events: none;
}
.glass-card:hover::before {
opacity: 1;
}
.glass-card:hover {
border-color: rgba(0, 255, 255, 0.4);
box-shadow: 0 0 30px rgba(0, 255, 255, 0.1);
}
.title-glow {
text-shadow: 0 0 8px rgba(0, 255, 255, 0.5), 0 0 16px rgba(0, 255, 255, 0.3);
}
.section-title::before {
content: '>>';
margin-right: 1rem;
color: #00cyan;
font-family: monospace;
opacity: 0.6;
}
.section-title {
color: #00cyan; /* A lighter cyan for titles */
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.timeline {
position: relative;
padding-left: 2rem;
border-left: 2px solid rgba(0, 255, 255, 0.2);
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -2.6rem;
top: 0;
width: 1rem;
height: 1rem;
background-color: #00cyan;
border-radius: 50%;
border: 3px solid #010114;
box-shadow: 0 0 10px rgba(0, 255, 255, 0.7);
}
.table thead th {
background-color: rgba(0, 255, 255, 0.05);
color: #00cyan;
border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}
.table tbody tr:hover {
background-color: rgba(0, 255, 255, 0.1);
}
</style>
</head>
<body x-data="{
handleMouseMove(event, el) {
const rect = el.getBoundingClientRect();
const x = event.clientX - rect.left;
const y = event.clientY - rect.top;
el.style.setProperty('--mouse-x', `${x}px`);
el.style.setProperty('--mouse-y', `${y}px`);
}
}" class="min-h-screen">
<div class="p-4 sm:p-8 md:p-12 max-w-screen-2xl mx-auto">
<!-- Header -->
<header class="text-center mb-16">
<h1 class="text-4xl md:text-6xl font-bold title-glow mb-4">优必选机器人</h1>
<p class="text-lg text-cyan-300">深度概念投研报告</p>
<p class="text-sm mt-2 text-gray-400">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
</header>
<!-- Insight Core Section -->
<main class="space-y-16">
<!-- Core Viewpoint -->
<section @mousemove="handleMouseMove(event, $el)" class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 section-title title-glow">核心观点摘要</h2>
<p class="text-lg leading-relaxed text-gray-300">
优必选机器人正处在从“研发驱动”向“订单与商业化驱动”高速切换的关键拐点。其核心驱动力源于 <strong class="text-cyan-400">产业需求(汽车制造自动化)、技术成熟度(全栈技术+大模型)与商业模式创新(整机销售+数据服务)</strong>的共振。未来潜力巨大,但短期内,市场的乐观预期与 <strong class="text-amber-400">实际产线效率、成本控制和规模化交付能力</strong>之间存在显著的“预期差”,这将是决定其价值能否兑现的核心验证点。
</p>
</section>
<!-- Concept Event Timeline -->
<section>
<h2 class="text-3xl font-bold mb-8 section-title title-glow">概念发展脉络</h2>
<div class="timeline">
<div class="timeline-item">
<h3 class="font-semibold text-xl text-cyan-300">技术验证与市场教育期 (2012-2023)</h3>
<p class="text-gray-400 mt-2">长期深耕通过Walker系列产品持续迭代在迪拜世博会等场景验证商业可行性积累<strong class="text-white">全球第一</strong>的1800余项相关专利奠定技术领先地位。</p>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-xl text-cyan-300">商业化破冰与资本化加速期 (2023.12 - 2025.05)</h3>
<ul class="list-disc list-inside mt-2 space-y-2 text-gray-400">
<li><strong class="text-white">2023.12.29:</strong> 港交所上市,成为“人形机器人第一股”。</li>
<li><strong class="text-white">2025.01.15:</strong><strong class="text-green-400">富士康</strong>达成唯一人形机器人合作伙伴关系,剑指“关灯工厂”。</li>
<li><strong class="text-white">2025.04.24:</strong><strong class="text-green-400">东风柳汽</strong>签订全球首个小批量人形机器人采购合同,迈入“商业订单”阶段。</li>
<li><strong class="text-white">2025.05.12:</strong><strong class="text-green-400">华为</strong>签署公司层面全面合作协议深度绑定全栈AI技术。</li>
</ul>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-xl text-cyan-300">订单爆发与规模化预期强化期 (2025.07 - 至今)</h3>
<ul class="list-disc list-inside mt-2 space-y-2 text-gray-400">
<li><strong class="text-white">2025.07 - 09:</strong> 订单金额从9051万元刷新至<strong class="text-yellow-300">2.5亿元</strong>全球单笔最大订单。</li>
<li><strong class="text-white">2025.10 - 11:</strong> 全年订单总额从近5亿元迅速攀升至<strong class="text-yellow-300">13亿元</strong>,并开拓政府数据中心新模式。</li>
<li><strong class="text-white">2025.11.24:</strong> 纳入MSCI中国指数次日配售募资<strong class="text-yellow-300">30.56亿港元</strong>75%用于产业链并购,加速产业整合。</li>
</ul>
</div>
</div>
</section>
<!-- Order Growth Chart -->
<section @mousemove="handleMouseMove(event, $el)" class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 section-title title-glow">2025年订单金额增长趋势</h2>
<div id="order-chart" class="w-full h-96"></div>
</section>
<!-- Core Logic and Market Analysis -->
<section @mousemove="handleMouseMove(event, $el)" class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 section-title title-glow">核心逻辑与市场认知分析</h2>
<div class="space-y-6">
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">核心驱动力</h3>
<ul class="list-decimal pl-5 space-y-2 text-gray-300">
<li><strong class="text-white">场景驱动的商业化落地:</strong> 核心逻辑在于找到了明确且具备支付能力的应用场景——以新能源汽车为代表的智能制造总装车间自动化率仅10%),切入搬运、分拣、质检等真实痛点。</li>
<li><strong class="text-white">技术全栈与AI大模型赋能</strong> 具备从伺服驱动器、运动控制到ROSA操作系统再到上层多模态推理大模型的全栈能力。与华为、百度的合作及自研“群脑网络(BrainNet)”架构,是其区别于传统工业机器人的核心差异。</li>
<li><strong class="text-white">成本下降曲线的明确预期:</strong> 清晰的降本路径当前40-45万 → 2025年30万 → 远期20万内为市场测算ROI提供了依据增强了商业化的可信度。</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-amber-400 mb-2">预期差分析</h3>
<ul class="list-decimal pl-5 space-y-2 text-gray-300">
<li><strong class="text-white">效率预期差:</strong> 市场可能高估了短期效率增益。路演数据显示,当前搬运效率<strong class="text-red-400">低于</strong>人工机器人2分钟/箱 vs 工人1分钟/箱“超越人力”仍需1-2年。</li>
<li><strong class="text-white">盈利时间点预期差:</strong> 公司路演目标2025年盈亏平衡而部分券商预测2026年才能扭亏。这<strong class="text-red-400">1年</strong>的时间差是重要的业绩兑现风险点。</li>
<li><strong class="text-white">“订单”与“收入确认”的预期差:</strong> 市场可能将13亿元全年订单总额与短期收入划等号忽略了2025年目标交付约500-600台对应约2.5-3亿元收入的产能和交付节奏制约。</li>
</ul>
</div>
</div>
</section>
<!-- Bento Grid for Supporting Data -->
<section>
<h2 class="text-3xl font-bold mb-8 section-title title-glow">关键数据仪表盘</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Key Partnerships -->
<div @mousemove="handleMouseMove(event, $el)" class="glass-card p-6 col-span-1 md:col-span-2 lg:col-span-1">
<h3 class="font-bold text-lg text-cyan-300 mb-4">战略合作生态</h3>
<ul class="space-y-3 text-gray-300">
<li class="flex items-start"><span class="text-cyan-400 mr-2 font-mono text-xl"></span><div><strong class="text-white">富士康:</strong> 唯一人形机器人合作伙伴,共建“关灯工厂”。</div></li>
<li class="flex items-start"><span class="text-cyan-400 mr-2 font-mono text-xl"></span><div><strong class="text-white">华为:</strong> 公司层面全面合作整合昇腾AI、大模型、云服务。</div></li>
<li class="flex items-start"><span class="text-cyan-400 mr-2 font-mono text-xl"></span><div><strong class="text-white">东风柳汽:</strong> 全球首个小批量采购合同,验证商业模式。</div></li>
<li class="flex items-start"><span class="text-cyan-400 mr-2 font-mono text-xl"></span><div><strong class="text-white">其他:</strong> 比亚迪、吉利、小米、京城机电等,深度融入产业链。</div></li>
</ul>
</div>
<!-- Product & Tech -->
<div @mousemove="handleMouseMove(event, $el)" class="glass-card p-6 col-span-1 lg:col-span-2">
<h3 class="font-bold text-lg text-cyan-300 mb-4">产品技术栈</h3>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-gray-300">
<div>
<strong class="text-white block">核心产品:</strong>
<p>Walker S1/S2 (工业), Walker C (商用), 天工行者 (科研)。</p>
</div>
<div>
<strong class="text-white block">核心技术:</strong>
<p>群脑网络(BrainNet)架构、多模态推理大模型、ROSA 2.0操作系统。</p>
</div>
<div>
<strong class="text-white block">关键参数 (Walker S2):</strong>
<p>自主换电 (7x24h作业), 52自由度, 成本较S1下降30-40%。</p>
</div>
<div>
<strong class="text-white block">研发实力:</strong>
<p>超2100项专利(全球第一),牵头/参与近40项行业标准。</p>
</div>
</div>
</div>
<!-- Catalysts & Future Path -->
<div @mousemove="handleMouseMove(event, $el)" class="glass-card p-6 col-span-1 lg:col-span-2">
<h3 class="font-bold text-lg text-cyan-300 mb-4">未来发展路径与催化剂</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-white">近期催化剂 (3-6个月)</h4>
<p class="text-sm text-gray-400">柳州超级工厂投产 (Q1)、Walker S1规模化交付 (Q2)、与华为合作成果展示、新一轮亿元级订单。</p>
</div>
<div>
<h4 class="font-semibold text-white">长期“三步走”战略</h4>
<p class="text-sm text-gray-400"><strong class="text-cyan-400">1. 工业渗透 (24-26):</strong> 汽车制造切入实现千台级出货成本降至20万。<br><strong class="text-cyan-400">2. 泛行业拓展 (26-27):</strong> 复制到物流、3C、康养实现万台级产能。<br><strong class="text-cyan-400">3. 消费市场 (27+):</strong> 推出家庭服务机器人打开C端市场。</p>
</div>
</div>
</div>
<!-- Production & Cost -->
<div @mousemove="handleMouseMove(event, $el)" class="glass-card p-6 col-span-1">
<h3 class="font-bold text-lg text-cyan-300 mb-4">产能与成本规划</h3>
<ul class="space-y-3 text-gray-300">
<li><strong class="text-white">产能目标:</strong>
<p class="text-sm">2025年1000台, 2026年5000台, 2027年10000台。</p>
</li>
<li><strong class="text-white">降本路径:</strong>
<p class="text-sm">当前BOM成本40-45万, 2025年降至30万, 长期目标20万以内。</p>
</li>
<li><strong class="text-white">盈利预期:</strong>
<p class="text-sm">公司目标2025年盈亏平衡部分研报预测2026年扭亏。</p>
</li>
</ul>
</div>
</div>
</section>
<!-- Risks & Challenges -->
<section @mousemove="handleMouseMove(event, $el)" class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 section-title text-amber-500">潜在风险与挑战</h2>
<div class="grid md:grid-cols-2 gap-x-8 gap-y-4 text-gray-300">
<div class="flex items-start"><span class="text-amber-500 mr-2 mt-1 font-mono">⚠️</span><div><strong class="text-white">技术风险:</strong> 当前效率不及人工是最大瓶颈;核心芯片(SOC, IMU)依赖进口,存在供应链“卡脖子”风险。</div></div>
<div class="flex items-start"><span class="text-amber-500 mr-2 mt-1 font-mono">⚠️</span><div><strong class="text-white">商业化风险:</strong> 成本控制若不达预期,将影响经济性;场景泛化能力(从汽车复制到其他行业)待验证。</div></div>
<div class="flex items-start"><span class="text-amber-500 mr-2 mt-1 font-mono">⚠️</span><div><strong class="text-white">竞争风险:</strong> 面临特斯拉、Figure等海外巨头及国内小米、智元等强力竞争。</div></div>
<div class="flex items-start"><span class="text-amber-500 mr-2 mt-1 font-mono">⚠️</span><div><strong class="text-white">资本市场风险:</strong> 2025年12月将有占总股本14.92%的限售股解禁,可能对股价造成短期压力。</div></div>
</div>
</section>
<!-- Stock Data -->
<section>
<h2 class="text-3xl font-bold mb-8 section-title title-glow">产业链图谱与相关公司</h2>
<div @mousemove="handleMouseMove(event, $el)" class="glass-card p-4 sm:p-6 md:p-8 overflow-x-auto">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">核心关联标的</h3>
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>关联原因</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<tr>
<td>优必选 (港股)</td>
<td>09880.HK</td>
<td>2025年9月3日宣布获得2.5亿元具身智能人形机器人产品及解决方案采购合同</td>
<td><span class="badge badge-primary badge-outline">核心标的</span></td>
</tr>
<tr>
<td>科大讯飞</td>
<td><a href="https://valuefrontier.cn/company?scode=002230" target="_blank" class="link link-hover text-cyan-400">002230</a></td>
<td>2025年中报持有优必选期末账面价值579.17万元</td>
<td><span class="badge badge-accent badge-outline">参股</span></td>
</tr>
<tr>
<td>华金资本</td>
<td><a href="https://valuefrontier.cn/company?scode=000532" target="_blank" class="link link-hover text-cyan-400">000532</a></td>
<td>截至2025年1月31日公司子公司持有优必选约0.25%股权</td>
<td><span class="badge badge-accent badge-outline">参股</span></td>
</tr>
<tr>
<td>绿的谐波</td>
<td><a href="https://valuefrontier.cn/company?scode=688017" target="_blank" class="link link-hover text-cyan-400">688017</a></td>
<td>公司谐波减速器和机电一体化执行器产品的客户包括优必选</td>
<td><span class="badge badge-secondary badge-outline">供应商</span></td>
</tr>
<tr>
<td>拓邦股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002139" target="_blank" class="link link-hover text-cyan-400">002139</a></td>
<td>空心杯电机及执行器组件已与包括优必选在内的多家人形机器人主机厂建立合作</td>
<td><span class="badge badge-secondary badge-outline">供应商</span></td>
</tr>
<tr>
<td>奥比中光</td>
<td><a href="https://valuefrontier.cn/company?scode=688322" target="_blank" class="link link-hover text-cyan-400">688322</a></td>
<td>为客户提供全技术路线的3D视觉传感器公司合作优必选</td>
<td><span class="badge badge-secondary badge-outline">供应商</span></td>
</tr>
<tr>
<td>珠城科技</td>
<td><a href="https://valuefrontier.cn/company?scode=301280" target="_blank" class="link link-hover text-cyan-400">301280</a></td>
<td>已与优必选签署战略合资协议,重点在智能服务机器人零部件线束及连接器领域开展合作</td>
<td><span class="badge badge-secondary badge-outline">供应商</span></td>
</tr>
<tr>
<td>祥鑫科技</td>
<td><a href="https://valuefrontier.cn/company?scode=002965" target="_blank" class="link link-hover text-cyan-400">002965</a></td>
<td>公司为优必选供应金属结构件相关产品</td>
<td><span class="badge badge-secondary badge-outline">供应商</span></td>
</tr>
<tr>
<td>天奇股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002009" target="_blank" class="link link-hover text-cyan-400">002009</a></td>
<td>与优必选为重要的战略合作伙伴关系,关于人形机器人在工业领域的规模化应用已展开深度合作</td>
<td><span class="badge badge-info badge-outline">合作商</span></td>
</tr>
<tr>
<td>麦迪科技</td>
<td><a href="https://valuefrontier.cn/company?scode=603990" target="_blank" class="link link-hover text-cyan-400">603990</a></td>
<td>与优必选建立战略合作关系,合资成立苏州优麦机器人公司;共建康养机器人创新生态</td>
<td><span class="badge badge-info badge-outline">合作商</span></td>
</tr>
</tbody>
</table>
</div>
</section>
<section>
<h2 class="text-3xl font-bold mb-8 section-title title-glow">相关个股涨幅异动深度解析</h2>
<div @mousemove="handleMouseMove(event, $el)" class="glass-card p-4 sm:p-6 md:p-8 overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>涨跌幅</th>
<th>日期</th>
<th>核心驱动逻辑解析</th>
</tr>
</thead>
<tbody>
<tr>
<td>铭科精技 (<a href="https://valuefrontier.cn/company?scode=001319" target="_blank" class="link link-hover text-cyan-400">001319</a>)</td>
<td><span class="text-error font-bold">+9.99%</span></td>
<td>2025-10-29</td>
<td class="whitespace-normal text-sm"><strong>核心结论:</strong> 锁定优必选9.8亿元人形机器人轻量化关节总成三年订单,资金确认公司从“汽车精密件”跃迁为“机器人结构件量产龙头”,直接顶死一字板。政策风口+优必选大单+工艺壁垒三重共振。</td>
</tr>
<tr>
<td>大洋电机 (<a href="https://valuefrontier.cn/company?scode=002249" target="_blank" class="link link-hover text-cyan-400">002249</a>)</td>
<td><span class="text-error font-bold">+9.95%</span></td>
<td>2025-09-12</td>
<td class="whitespace-normal text-sm"><strong>核心结论:</strong> 优必选Walker S2 2.5亿元订单确认“国产唯一电机供应商”身份叠加H股底价倒逼市值管理与新能源车电驱毛利率回升三因子共振触发涨停。</td>
</tr>
<tr>
<td>优德精密 (<a href="https://valuefrontier.cn/company?scode=300549" target="_blank" class="link link-hover text-cyan-400">300549</a>)</td>
<td><span class="text-error font-bold">+6.67%</span></td>
<td>2025-07-28</td>
<td class="whitespace-normal text-sm"><strong>核心结论:</strong> 受益于机器人概念板块集体走强。直接催化剂包括宇树科技发布新品及特斯拉人形机器人进展。公司主营减速器产品,是机器人核心零部件之一,受益于产业发展预期。</td>
</tr>
<tr>
<td>中大力德 (<a href="https://valuefrontier.cn/company?scode=002896" target="_blank" class="link link-hover text-cyan-400">002896</a>)</td>
<td><span class="text-error font-bold">+9.99%</span></td>
<td>2025-07-14</td>
<td class="whitespace-normal text-sm"><strong>核心结论:</strong> 特斯拉Optimus试产+中国移动人形机器人订单双重催化,公司谐波减速器“北美头部客户”身份获资金确认,午后板块共振涨停。</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
<!-- Footer -->
<footer class="mt-20 text-center text-xs text-gray-500 border-t border-gray-800 pt-6">
<p>本报告由北京价值前沿科技有限公司 AI投研agent“价小前投研”合成生成。</p>
<p>数据来源:公开新闻、券商研报、公司路演及公告。所有信息仅供研究参考,不构成任何投资建议。</p>
<p class="font-bold mt-2">投资有风险,决策需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('order-chart');
var myChart = echarts.init(chartDom, 'dark'); // Initialize with dark theme
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{b}<br/>累计订单金额: {c} 万元'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['4月', '7月', '9月', '10月15日', '10月19日', '11月25日', '11月28日'],
axisTick: {
alignWithLabel: true
},
axisLine: {
lineStyle: { color: 'rgba(255, 255, 255, 0.3)' }
},
axisLabel: { color: '#e0e0e0' }
}
],
yAxis: [
{
type: 'value',
name: '订单金额 (万元)',
axisLine: {
show: true,
lineStyle: { color: 'rgba(255, 255, 255, 0.3)' }
},
axisLabel: { color: '#e0e0e0' },
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
}
}
],
series: [
{
name: '累计订单金额',
type: 'bar',
barWidth: '60%',
data: [
20 * 50, // 20台*50万/台(约)
9051.15,
25000,
50000,
63000,
110000,
130000
],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#00ffff' },
{ offset: 1, color: '#007fff' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#2378f7' },
{ offset: 0.7, color: '#2378f7' },
{ offset: 1, color: '#83bff6' }
])
}
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>