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

579 lines
32 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>云手机 (Cloud Phone) 概念深度投研</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #02040a;
color: #e5e7eb;
overflow-x: hidden;
}
.glass-card {
background: rgba(17, 24, 39, 0.6);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem;
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 0 30px rgba(0, 190, 255, 0.2);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto;
}
.bento-item-1 { grid-column: span 4; grid-row: span 2; }
.bento-item-2 { grid-column: span 2; grid-row: span 1; }
.bento-item-3 { grid-column: span 2; grid-row: span 1; }
.bento-item-4 { grid-column: span 3; grid-row: span 1; }
.bento-item-5 { grid-column: span 3; grid-row: span 1; }
}
.glow-bg {
position: fixed;
top: 50%;
left: 50%;
width: 1200px;
height: 1200px;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(29, 78, 216, 0.15) 0%, rgba(29, 78, 216, 0) 60%);
z-index: -1;
animation: pulse 10s infinite ease-in-out;
}
.glow-bg-2 {
position: fixed;
top: 10%;
left: 10%;
width: 800px;
height: 800px;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, rgba(139, 92, 246, 0) 70%);
z-index: -1;
animation: pulse 12s infinite ease-in-out alternate;
}
.glow-bg-3 {
position: fixed;
bottom: 5%;
right: 5%;
width: 900px;
height: 900px;
transform: translate(50%, 50%);
background: radial-gradient(circle, rgba(20, 184, 166, 0.1) 0%, rgba(20, 184, 166, 0) 70%);
z-index: -1;
animation: pulse 15s infinite ease-in-out;
}
@keyframes pulse {
0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
}
.text-glow {
text-shadow: 0 0 8px rgba(59, 130, 246, 0.8), 0 0 20px rgba(59, 130, 246, 0.5);
}
.text-highlight {
color: #67e8f9;
}
.timeline {
position: relative;
padding: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
left: 1.5rem;
height: 100%;
width: 4px;
background: rgba(59, 130, 246, 0.2);
border-radius: 2px;
}
.timeline-item {
position: relative;
padding-left: 4rem;
margin-bottom: 2rem;
}
.timeline-dot {
position: absolute;
left: calc(1.5rem - 0.625rem); /* (3rem - 1.25rem) / 2 */
top: 0;
height: 1.25rem;
width: 1.25rem;
background: #3b82f6;
border-radius: 50%;
border: 3px solid #02040a;
box-shadow: 0 0 15px rgba(59, 130, 246, 0.7);
}
</style>
</head>
<body class="min-h-screen">
<div class="glow-bg"></div>
<div class="glow-bg-2"></div>
<div class="glow-bg-3"></div>
<div class="container mx-auto p-4 md:p-8 space-y-12">
<!-- Header -->
<header class="text-center py-8">
<h1 class="text-4xl md:text-6xl font-bold text-white text-glow">云手机 (Cloud Phone)</h1>
<h2 class="text-xl md:text-2xl text-gray-400 mt-4">概念深度投研报告</h2>
<div class="mt-6 text-sm text-gray-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<!-- Core Insight Summary -->
<section class="glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-glow mb-4">核心观点摘要</h3>
<p class="text-gray-300 leading-relaxed">
云手机概念正处在由 <span class="text-highlight font-semibold">运营商主导、AI Agent叙事催化</span> 的产业导入期即将进入规模化增长的拐点。其核心驱动力是AI应用对云端算力的海量需求与终端设备轻量化趋势的完美契合。未来潜力巨大有望重塑终端形态和商业模式但短期内其发展将受限于5G网络覆盖、用户使用习惯和商业模式的普及速度。
</p>
</section>
<!-- Concept Events Timeline -->
<section>
<h3 class="text-3xl font-bold text-center mb-8 text-glow">概念发展脉络</h3>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="glass-card p-6">
<h4 class="font-bold text-lg text-white">奠基阶段 (2023-2024)</h4>
<p class="text-sm text-gray-400 mb-2">市场验证与初步积累</p>
<ul class="list-disc list-inside text-gray-300 space-y-1">
<li><span class="font-semibold text-sky-300">2023年5月:</span> 中国移动正式推出云手机业务,运营商规模化探索启动。</li>
<li><span class="font-semibold text-sky-300">2023年底:</span> 中国移动云手机用户量达到 <span class="text-highlight font-bold text-lg">1000万</span>,完成初步市场验证。</li>
<li><span class="font-semibold text-sky-300">2024年:</span> Sora等生成式AI爆发"算力上云"成为行业共识。</li>
</ul>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="glass-card p-6">
<h4 class="font-bold text-lg text-white">催化与发酵 (2025 Q1-Q2)</h4>
<p class="text-sm text-gray-400 mb-2">AI Agent引爆市场预期升温</p>
<ul class="list-disc list-inside text-gray-300 space-y-1">
<li><span class="font-semibold text-sky-300">2025年2-3月:</span> 市场密集出现 <span class="text-highlight">“AI Agent奇点 = 云手机/电脑元年”</span> 的论调。</li>
<li><span class="font-semibold text-sky-300">同期:</span> 华为余承东透露将发布“新形态产品”市场普遍猜测为AI云手机推高情绪。</li>
<li><span class="font-semibold text-sky-300">2025年3月13日:</span> 专家会议披露中国移动目标2024年底 <span class="text-highlight font-bold text-lg">3000万</span> 用户2025年推广 <span class="text-highlight font-bold text-lg">1亿</span> 用户。</li>
</ul>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="glass-card p-6">
<h4 class="font-bold text-lg text-white">官方验证与落地 (2025 H2)</h4>
<p class="text-sm text-gray-400 mb-2">巨头入场,战略地位确认</p>
<ul class="list-disc list-inside text-gray-300 space-y-1">
<li><span class="font-semibold text-sky-300">2025年6月21日:</span> 华为开发者大会发布新一代云终端产品 <span class="text-highlight">CloudDevice</span>,官方下场验证战略地位。</li>
<li><span class="font-semibold text-sky-300">未来催化:</span> 10月中国移动全球合作大会、11月鸿蒙NEXT正式商用有望带来新增长点。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Core Logic & Market Analysis -->
<section>
<h3 class="text-3xl font-bold text-center mb-8 text-glow">核心逻辑与市场认知</h3>
<div class="bento-grid">
<div class="bento-item-1 glass-card p-6 flex flex-col">
<h4 class="text-xl font-bold mb-4 text-white">核心驱动力:算力-交互分离模型</h4>
<div class="flex-grow space-y-4">
<div>
<h5 class="font-semibold text-sky-300">技术驱动 (供给侧): AI Agent引爆算力需求</h5>
<p class="text-gray-300 mt-1">AI Agent调用多模型协作对算力要求极高。“端侧智能体单日交互成本或超20美元”端侧设备无法承受。因此将计算置于云端<span class="text-highlight">“算力上云”</span>),终端仅负责交互(<span class="text-highlight">“交互下沉”</span>),成为必然选择。云手机的“瘦客户端”架构完美适配。</p>
</div>
<div>
<h5 class="font-semibold text-purple-300">商业驱动 (需求侧): 运营商寻求ARPU增长</h5>
<p class="text-gray-300 mt-1">云手机提供全新商业模式:将“算力”作为服务打包进套餐。新闻测算,云手机用户三年收入贡献(<span class="text-highlight text-lg">6300元</span>比传统用户4320元高近 <span class="text-highlight text-lg font-bold">50%</span>,为运营商提供了强大的推广动力。</p>
</div>
</div>
</div>
<div class="bento-item-2 glass-card p-6">
<h4 class="text-xl font-bold mb-4 text-white">市场热度与情绪</h4>
<p class="text-gray-300">当前市场关注度极高,情绪 <span class="text-highlight font-semibold">高度乐观,并带有强烈的抢跑预期</span>。新闻普遍使用“元年”、“爆发期”、“最终取代传统手机”等词汇,营造了极强的乐观氛围。</p>
</div>
<div class="bento-item-3 glass-card p-6">
<h4 class="text-xl font-bold mb-4 text-white">预期差分析</h4>
<ul class="list-disc list-inside text-gray-300 space-y-2">
<li><span class="font-semibold text-amber-300">预期:</span>全面取代高端机。
<br/><span class="text-gray-400 text-sm"><span class="font-bold">实际:</span>初期主攻下沉市场和特定场景,与中低端厂商合作。</span>
</li>
<li><span class="font-semibold text-amber-300">预期:</span>纯“无硬件”形态。
<br/><span class="text-gray-400 text-sm"><span class="font-bold">实际:</span>目前主流仍是APP/小程序形态,“植入式”终端尚处试点。</span>
</li>
</ul>
</div>
<div class="bento-item-4 glass-card p-6 flex flex-col justify-center">
<h4 class="text-xl font-bold mb-2 text-white">关键研报观点</h4>
<blockquote class="border-l-4 border-sky-400 pl-4 text-gray-300 italic">
“公司紧抓‘算力上云’机遇...云终端板块24H1同比增长52%...云手机用户持续快速增长,从百万级-千万级-亿级体量不断突破。”
</blockquote>
<p class="text-right text-sm text-gray-500 mt-2">- 研报 [2024-09-23]</p>
</div>
<div class="bento-item-5 glass-card p-6 flex flex-col justify-center">
<h4 class="text-xl font-bold mb-2 text-white">核心路演信息</h4>
<blockquote class="border-l-4 border-purple-400 pl-4 text-gray-300 italic">
“移动云手机...2024年目标用户量冲刺3000万2025年目标将移动现有10亿用户中推广1亿云手机用户。算力基于华为的ARM服务器鲲鹏服务器。”
</blockquote>
<p class="text-right text-sm text-gray-500 mt-2">- 山西证券专家会议 [2025-03-13]</p>
</div>
</div>
</section>
<!-- ECharts Visualization -->
<section class="glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-glow mb-4 text-center">中国移动云手机用户增长目标</h3>
<div id="user-growth-chart" style="width: 100%; height: 400px;"></div>
</section>
<!-- Industry Chain -->
<section>
<h3 class="text-3xl font-bold text-center mb-8 text-glow">产业链图谱与核心公司</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- Upstream -->
<div class="glass-card p-6">
<h4 class="text-xl font-bold mb-4 border-b-2 border-blue-500 pb-2 text-blue-300">上游:基础设施层</h4>
<div class="space-y-3">
<div>
<p class="font-semibold text-gray-300">云服务与算力</p>
<div class="flex flex-wrap gap-2 mt-1">
<span class="badge badge-info badge-outline">华为云</span>
<span class="badge badge-outline">优刻得</span>
<span class="badge badge-outline">梦网科技</span>
</div>
</div>
<div>
<p class="font-semibold text-gray-300">硬件 ODM/JDM</p>
<div class="flex flex-wrap gap-2 mt-1">
<span class="badge badge-outline">福日电子</span>
<span class="badge badge-outline">OPPO</span>
<span class="badge badge-outline">中兴</span>
<span class="badge badge-outline">康佳</span>
</div>
</div>
</div>
</div>
<!-- Midstream -->
<div class="glass-card p-6 ring-2 ring-purple-500 shadow-lg shadow-purple-500/20">
<h4 class="text-xl font-bold mb-4 border-b-2 border-purple-500 pb-2 text-purple-300">中游:平台与解决方案层 (核心环节)</h4>
<div class="space-y-3">
<div>
<p class="font-semibold text-gray-300">核心平台与技术方案商</p>
<div class="flex flex-wrap gap-2 mt-1">
<span class="badge badge-secondary badge-outline font-bold text-lg p-3">蜂助手</span>
<span class="badge badge-primary badge-outline">天舟文化</span>
</div>
</div>
<div>
<p class="font-semibold text-gray-300">技术/软件支持</p>
<div class="flex flex-wrap gap-2 mt-1">
<span class="badge badge-outline">虹软科技</span>
<span class="badge badge-outline">标准股份</span>
</div>
</div>
</div>
</div>
<!-- Downstream -->
<div class="glass-card p-6">
<h4 class="text-xl font-bold mb-4 border-b-2 border-teal-500 pb-2 text-teal-300">下游:渠道与应用层</h4>
<div class="space-y-3">
<div>
<p class="font-semibold text-gray-300">电信运营商</p>
<div class="flex flex-wrap gap-2 mt-1">
<span class="badge badge-accent badge-outline font-bold text-lg p-3">中国移动</span>
</div>
</div>
<div>
<p class="font-semibold text-gray-300">应用场景</p>
<div class="flex flex-wrap gap-2 mt-1">
<span class="badge badge-outline">云游戏</span>
<span class="badge badge-outline">移动办公</span>
<span class="badge badge-outline">AI Agent服务</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Risks & Challenges -->
<section>
<h3 class="text-3xl font-bold text-center mb-8 text-glow">潜在风险与挑战</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="glass-card p-6 border-l-4 border-yellow-500">
<h4 class="font-bold text-yellow-300">技术风险</h4>
<p class="text-gray-400 mt-2">对5G网络质量高度敏感网络瓶颈、功耗问题是体验关键。华为宣称的“60ms超低时延”需在真实网络环境下验证。</p>
</div>
<div class="glass-card p-6 border-l-4 border-orange-500">
<h4 class="font-bold text-orange-300">商业化风险</h4>
<p class="text-gray-400 mt-2">用户习惯迁移成本高,杀手级应用尚未出现,订阅模式接受度待培养,成本与定价平衡是关键。</p>
</div>
<div class="glass-card p-6 border-l-4 border-red-500">
<h4 class="font-bold text-red-300">政策与竞争风险</h4>
<p class="text-gray-400 mt-2">数据安全与隐私监管严格。未来可能面临其他云厂商、手机厂商和运营商的激烈竞争以及“端侧AI手机”路线的挑战。</p>
</div>
<div class="glass-card p-6 border-l-4 border-fuchsia-500">
<h4 class="font-bold text-fuchsia-300">信息交叉验证风险</h4>
<p class="text-gray-400 mt-2">新闻中对市场空间的测算百亿级与公司路演业绩指引2.5亿)存在数量级差异,市场远期预期可能过于理想化,需警惕估值陷阱。</p>
</div>
</div>
</section>
<!-- Stock Table -->
<section>
<h3 class="text-3xl font-bold text-center mb-8 text-glow">相关概念股票池</h3>
<div class="overflow-x-auto glass-card p-1">
<table class="table table-zebra w-full">
<thead>
<tr class="text-white text-base">
<th class="w-1/12">序号</th>
<th class="w-2/12">股票名称</th>
<th class="w-1/12">股票代码</th>
<th class="w-5/12">关联原因</th>
<th class="w-3/12">标签</th>
</tr>
</thead>
<tbody>
<tr><td colspan="5" class="text-center font-bold text-lg bg-sky-900/50 text-sky-300">华为云手机生态</td></tr>
<tr>
<th>1</th>
<td>蜂助手</td>
<td><a href="https://valuefrontier.cn/company?scode=301382" target="_blank" class="link link-hover text-blue-400">301382</a></td>
<td>公司与H云一起给运营商用户提供2C云手机是华为云手机的独家合作方和核心平台运营商。</td>
<td><div class="badge badge-secondary badge-outline">核心平台</div></td>
</tr>
<tr>
<th>2</th>
<td>天舟文化</td>
<td><a href="https://valuefrontier.cn/company?scode=300148" target="_blank" class="link link-hover text-blue-400">300148</a></td>
<td>与华为合作已推出云手机产品及云游戏PaaS服务平台。</td>
<td><div class="badge badge-primary badge-outline">解决方案商</div></td>
</tr>
<tr>
<th>3</th>
<td>福日电子</td>
<td><a href="https://valuefrontier.cn/company?scode=600203" target="_blank" class="link link-hover text-blue-400">600203</a></td>
<td>全资子公司中诺通讯为华为提供智能手机等智能终端产品的ODM/JDM服务。</td>
<td><div class="badge badge-info badge-outline">硬件ODM</div></td>
</tr>
<tr>
<th>4</th>
<td>奇安信</td>
<td><a href="https://valuefrontier.cn/company?scode=688561" target="_blank" class="link link-hover text-blue-400">688561</a></td>
<td>携手华为打造基于云手机技术的移动安全办公解决方案。</td>
<td><div class="badge badge-accent badge-outline">安全解决方案</div></td>
</tr>
<tr>
<th>5</th>
<td>常山北明</td>
<td><a href="https://valuefrontier.cn/company?scode=000158" target="_blank" class="link link-hover text-blue-400">000158</a></td>
<td>全资子公司北明软件是华为云核心级解决方案提供商。</td>
<td><div class="badge badge-info badge-outline">云解决方案</div></td>
</tr>
<tr>
<th>6</th>
<td>标准股份</td>
<td><a href="https://valuefrontier.cn/company?scode=600302" target="_blank" class="link link-hover text-blue-400">600302</a></td>
<td>研发的智云手机APP等应用可完全适用于华为鸿蒙系统。</td>
<td><div class="badge badge-accent badge-outline">鸿蒙适配</div></td>
</tr>
<tr>
<th>7</th>
<td>启明星辰</td>
<td><a href="https://valuefrontier.cn/company?scode=002439" target="_blank" class="link link-hover text-blue-400">002439</a></td>
<td>与中国移动共同推出了云电脑和云手机的安全管控应用。</td>
<td><div class="badge badge-accent badge-outline">安全解决方案</div></td>
</tr>
<tr>
<th>8</th>
<td>世纪鼎利</td>
<td><a href="https://valuefrontier.cn/company?scode=300050" target="_blank" class="link link-hover text-blue-400">300050</a></td>
<td>表示若运营商有明确要求,将为华为云手机及鸿蒙系统提供支持及开发。</td>
<td><div class="badge badge-outline">潜在合作</div></td>
</tr>
<tr><td colspan="5" class="text-center font-bold text-lg bg-purple-900/50 text-purple-300">其他云手机相关</td></tr>
<tr>
<th>9</th>
<td>优刻得</td>
<td><a href="https://valuefrontier.cn/company?scode=688158" target="_blank" class="link link-hover text-blue-400">688158</a></td>
<td>自主研发的云手机、基于云手机打造的安卓云游戏已开始公测。</td>
<td><div class="badge badge-primary badge-outline">自研云手机</div></td>
</tr>
<tr>
<th>10</th>
<td>梦网科技</td>
<td><a href="https://valuefrontier.cn/company?scode=002123" target="_blank" class="link link-hover text-blue-400">002123</a></td>
<td>计划整合资源构建可承载云主机、云手机等业务的智算中心。</td>
<td><div class="badge badge-info badge-outline">算力基础设施</div></td>
</tr>
<tr>
<th>11</th>
<td>虹软科技</td>
<td><a href="https://valuefrontier.cn/company?scode=688088" target="_blank" class="link link-hover text-blue-400">688088</a></td>
<td>公司的核心技术引擎基本可以有效支持云手机。</td>
<td><div class="badge badge-accent badge-outline">视觉技术</div></td>
</tr>
<tr>
<th>12</th>
<td>佰维存储</td>
<td><a href="https://valuefrontier.cn/company?scode=688525" target="_blank" class="link link-hover text-blue-400">688525</a></td>
<td>公司BGASSD在AI移动终端、云手机等领域广泛应用。</td>
<td><div class="badge badge-info badge-outline">存储硬件</div></td>
</tr>
<tr>
<th>13</th>
<td>协创数据</td>
<td><a href="https://valuefrontier.cn/company?scode=300857" target="_blank" class="link link-hover text-blue-400">300857</a></td>
<td>基于ARM架构的边缘算力服务器已向国内头部游戏公司在云手机领域提供服务。</td>
<td><div class="badge badge-info badge-outline">边缘算力</div></td>
</tr>
<tr>
<th>14</th>
<td>波导股份</td>
<td>-</td>
<td>公司曾向市场推出两款基于“阿里云”操作系统的智能手机。</td>
<td><div class="badge badge-outline">历史关联</div></td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Footer -->
<footer class="text-center py-8 text-gray-600">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
<p class="text-xs mt-2">免责声明:本报告由人工智能基于公开信息自动生成,仅供参考,不构成任何投资建议。市场有风险,投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('user-growth-chart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['用户数 (万)'],
textStyle: {
color: '#e5e7eb'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: ['2023年底', '2024年底 (目标)', '2025年 (目标)'],
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.5)'
}
}
}
],
yAxis: [
{
type: 'value',
axisLabel: {
formatter: '{value} 万'
},
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.5)'
}
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
}
}
],
series: [
{
name: '用户数 (万)',
type: 'line',
stack: '总量',
smooth: true,
lineStyle: {
width: 3,
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#833ab4' },
{ offset: 0.5, color: '#fd1d1d' },
{ offset: 1, color: '#fcb045' }
]),
shadowColor: 'rgba(253, 29, 29, 0.5)',
shadowBlur: 10
},
showSymbol: false,
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: 'rgba(59, 130, 246, 0.3)'
},
{
offset: 1,
color: 'rgba(139, 92, 246, 0)'
}
])
},
emphasis: {
focus: 'series'
},
data: [1000, 3000, 10000]
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>