update pay ui
This commit is contained in:
390
public/htmls/字节AI陪伴.html
Normal file
390
public/htmls/字节AI陪伴.html
Normal file
@@ -0,0 +1,390 @@
|
||||
<!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>深度投研报告：字节AI陪伴</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.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>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background-color: #0a0a0a;
|
||||
background-image:
|
||||
radial-gradient(circle at 1% 1%, rgba(100, 116, 139, 0.1) 1px, transparent 1px),
|
||||
radial-gradient(circle at 15% 30%, rgba(100, 116, 139, 0.1) 1px, transparent 1px),
|
||||
radial-gradient(circle at 80% 90%, rgba(100, 116, 139, 0.1) 1px, transparent 1px);
|
||||
background-size: 50px 50px;
|
||||
color: #e5e7eb;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.bento-card {
|
||||
background: rgba(23, 23, 31, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.bento-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 0 30px rgba(76, 29, 149, 0.5);
|
||||
border-color: rgba(167, 139, 250, 0.4);
|
||||
}
|
||||
.glow-text {
|
||||
text-shadow: 0 0 8px rgba(192, 132, 252, 0.8), 0 0 20px rgba(124, 58, 237, 0.5);
|
||||
}
|
||||
.title-gradient {
|
||||
background: linear-gradient(90deg, #a78bfa, #f472b6);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.section-title {
|
||||
border-bottom: 1px solid rgba(167, 139, 250, 0.3);
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #d8b4fe;
|
||||
}
|
||||
.table th, .table td {
|
||||
border-bottom-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.table th {
|
||||
color: #e5e7eb;
|
||||
}
|
||||
.bg-deep-space {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: -1;
|
||||
background: #0a0a0a;
|
||||
overflow: hidden;
|
||||
}
|
||||
.light-beam-1 {
|
||||
position: absolute;
|
||||
top: -20%;
|
||||
left: -10%;
|
||||
width: 50vw;
|
||||
height: 50vw;
|
||||
background: radial-gradient(circle, rgba(124, 58, 237, 0.15) 0%, rgba(124, 58, 237, 0) 60%);
|
||||
animation: move-beam-1 25s infinite alternate ease-in-out;
|
||||
}
|
||||
.light-beam-2 {
|
||||
position: absolute;
|
||||
bottom: -30%;
|
||||
right: -20%;
|
||||
width: 60vw;
|
||||
height: 60vw;
|
||||
background: radial-gradient(circle, rgba(217, 70, 239, 0.1) 0%, rgba(217, 70, 239, 0) 60%);
|
||||
animation: move-beam-2 30s infinite alternate ease-in-out;
|
||||
}
|
||||
@keyframes move-beam-1 {
|
||||
from { transform: translate(-10%, -10%) rotate(0deg); }
|
||||
to { transform: translate(10%, 10%) rotate(45deg); }
|
||||
}
|
||||
@keyframes move-beam-2 {
|
||||
from { transform: translate(10%, 10%) rotate(0deg); }
|
||||
to { transform: translate(-10%, -10%) rotate(-45deg); }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="p-4 sm:p-8">
|
||||
|
||||
<div class="bg-deep-space">
|
||||
<div class="light-beam-1"></div>
|
||||
<div class="light-beam-2"></div>
|
||||
</div>
|
||||
|
||||
<div class="max-w-screen-2xl mx-auto">
|
||||
<header class="text-center mb-12">
|
||||
<h1 class="text-4xl md:text-6xl font-bold glow-text title-gradient tracking-wider">字节AI陪伴</h1>
|
||||
<p class="text-lg md:text-2xl text-purple-300 mt-2">ByteDance AI Companion</p>
|
||||
<p class="mt-4 text-slate-400">深度投研报告 | Deep Dive Analysis</p>
|
||||
<div class="mt-6 text-xs text-slate-500 max-w-3xl mx-auto p-2 border border-slate-700 rounded-lg">
|
||||
呈现方：北京价值前沿科技有限公司 AI投研agent “价小前投研”<br>声明：本报告由AI基于公开数据合成，旨在提供信息参考，不构成任何投资建议，投资需谨慎。
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="bento-grid">
|
||||
|
||||
<!-- 核心观点摘要 -->
|
||||
<section class="bento-card col-span-12 lg:col-span-8 p-6 rounded-3xl">
|
||||
<h2 class="section-title">核心观点摘要</h2>
|
||||
<p class="text-slate-300">
|
||||
“字节AI陪伴”概念正处在从<strong class="text-purple-300">主题炒作向早期基本面验证过渡</strong>的关键阶段。其核心驱动力源于字节跳动强大的<strong class="text-purple-300">“技术（豆包大模型）+流量（抖音生态）+产品（软硬协同）”</strong>三位一体的闭环能力。当前，软件应用「猫箱」的爆发式增长已初步验证了市场需求和字节的产品能力，而未来真正的潜力在于硬件商业化的落地以及“情感大模型”能否带来颠覆性体验，从而将巨大的用户基数转化为可持续的商业价值。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- 市场表现与数据 -->
|
||||
<section class="bento-card col-span-12 lg:col-span-4 p-6 rounded-3xl min-h-[300px]">
|
||||
<h2 class="section-title">核心产品数据: 猫箱 MAU</h2>
|
||||
<div id="mauChart" class="w-full h-64"></div>
|
||||
</section>
|
||||
|
||||
<!-- 核心驱动力 -->
|
||||
<section class="bento-card col-span-12 lg:col-span-6 p-6 rounded-3xl">
|
||||
<h2 class="section-title">核心驱动力分析</h2>
|
||||
<ul class="space-y-4 text-slate-300">
|
||||
<li><strong class="text-purple-300">技术突破是根本前提:</strong> 核心是自研的<span class="font-bold text-white">豆包大模型</span>，特别是其<span class="font-bold text-white">实时语音大模型</span>。评测显示其在中文语境下的语音自然度、情感饱满度优于GPT-4（“过于AI”反馈率仅2%，GPT-4o超30%）。这种“拟人化”突破是提供有效“陪伴”服务的基石。</li>
|
||||
<li><strong class="text-purple-300">庞大流量生态是独特优势:</strong> 拥有抖音、TikTok等日活数亿的流量平台，可极大降低AI应用获客成本，并为生态伙伴提供营销渠道，形成<span class="font-bold text-white">“降维打击”</span>能力。</li>
|
||||
<li><strong class="text-purple-300">软硬件协同布局是商业闭环:</strong> 同时推进软件APP（猫箱）和硬件（显眼包、AI耳机）的<span class="font-bold text-white">“双轮驱动”</span>战略。软件验证需求、迭代模型；硬件抢占生活场景入口，最终形成“模型-应用-终端-数据”的商业闭环。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- 预期差分析 -->
|
||||
<section class="bento-card col-span-12 lg:col-span-6 p-6 rounded-3xl">
|
||||
<h2 class="section-title">市场预期差分析</h2>
|
||||
<ul class="space-y-4 text-slate-300">
|
||||
<li><strong class="text-purple-300">「显眼包」的商业化预期差:</strong> 市场普遍视为“爆款产品”，但其本质是<span class="font-bold text-white">非卖品礼品</span>，二手市场高价不代表可规模化复制。真正的考验在于能否推出成本可控、供应链稳定的量产AI玩具。</li>
|
||||
<li><strong class="text-purple-300">「猫箱」APP盈利能力的认知矛盾:</strong> 信息源存在矛盾。早期路演称<span class="font-bold text-white">“盈利模式尚未突破，用户粘性低于预期”</span>，而近期路演称其<span class="font-bold text-white">“展现强商业化能力，IOS端月收入约2000万+”</span>。市场可能忽略了早期盈利挑战和用户粘性的潜在风险。</li>
|
||||
<li><strong class="text-purple-300">生态合作的广度与深度预期差:</strong> 市场罗列了大量关联公司，但需甄别哪些是已落地的<span class="font-bold text-white">“核心伙伴”</span>（如实丰文化），哪些是尚处早期的<span class="font-bold text-white">“潜在合作”</span>或单方面预期。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- 关键催化剂与发展路径 -->
|
||||
<section class="bento-card col-span-12 p-6 rounded-3xl">
|
||||
<h2 class="section-title">关键催化剂与未来发展路径</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg text-purple-200 mb-2">近期催化剂 (未来3-6个月)</h3>
|
||||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||||
<li><strong class="text-white">字节情感大模型的正式发布:</strong> 市场最期待的事件，将极大提升产品核心竞争力。</li>
|
||||
<li><strong class="text-white">首款量产AI陪伴硬件的发售:</strong> 验证硬件商业逻辑的关键一步，定价、销量是核心指标。</li>
|
||||
<li><strong class="text-white">「猫箱」安卓端商业化数据公布:</strong> 全面反映其真实盈利能力。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg text-purple-200 mb-2">长期发展路径</h3>
|
||||
<ol class="list-decimal list-inside space-y-2 text-slate-300">
|
||||
<li><strong class="text-white">阶段一 (当前):</strong> “应用驱动，数据飞轮”，以猫箱等软件快速获取用户数据反哺模型。</li>
|
||||
<li><strong class="text-white">阶段二:</strong> “软硬一体，场景渗透”，推出量产AI硬件，抢占儿童、老人、个人助手等场景。</li>
|
||||
<li><strong class="text-white">阶段三:</strong> “平台生态，IP赋能”，应用升级为内容消费平台，结合知名IP打造高附加值产品。</li>
|
||||
<li><strong class="text-white">终极阶段:</strong> “具身智能，终极陪伴”，打造具备物理交互能力的通用AI伴侣，如表情陪伴人形机器人。</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 产业链图谱 -->
|
||||
<section class="bento-card col-span-12 p-6 rounded-3xl">
|
||||
<h2 class="section-title">产业链图谱与核心公司</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-slate-300">
|
||||
<div class="border border-purple-800/50 p-4 rounded-xl">
|
||||
<h3 class="font-semibold text-lg text-purple-200 mb-2">上游：基础层</h3>
|
||||
<ul class="space-y-1 text-sm">
|
||||
<li><strong>大模型/算法:</strong> <span class="badge badge-primary">字节跳动 (核心)</span></li>
|
||||
<li><strong>算力:</strong> 润泽科技, 亚康股份</li>
|
||||
<li><strong>数据:</strong> 海天瑞声</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="border border-purple-800/50 p-4 rounded-xl">
|
||||
<h3 class="font-semibold text-lg text-purple-200 mb-2">中游：技术与硬件方案层</h3>
|
||||
<ul class="space-y-1 text-sm">
|
||||
<li><strong>芯片:</strong> 乐鑫科技, 瑞芯微</li>
|
||||
<li><strong>模组:</strong> <span class="badge badge-secondary">移远通信 (价值量高)</span></li>
|
||||
<li><strong>解决方案:</strong> 中科创达</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="border border-purple-800/50 p-4 rounded-xl">
|
||||
<h3 class="font-semibold text-lg text-purple-200 mb-2">下游：终端产品与应用生态</h3>
|
||||
<ul class="space-y-1 text-sm">
|
||||
<li><strong>AI玩具/硬件:</strong> <span class="badge badge-accent">实丰文化, 苏豪弘业 (逻辑纯粹)</span></li>
|
||||
<li><strong>AI应用/内容:</strong> 掌阅科技, 恺英网络</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 风险与结论 -->
|
||||
<section class="bento-card col-span-12 lg:col-span-7 p-6 rounded-3xl">
|
||||
<h2 class="section-title">潜在风险与挑战</h2>
|
||||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||||
<li><strong>技术风险:</strong> 情感交互的深度和边界仍是挑战，多模态融合的稳定性要求高。</li>
|
||||
<li><strong>商业化风险:</strong> 用户长期付费意愿存疑，硬件成本与定价是商业化核心难题。</li>
|
||||
<li><strong>政策与竞争风险:</strong> AI生成内容、数据隐私等面临监管，赛道竞争激烈可能导致同质化。</li>
|
||||
<li><strong>信息交叉验证风险:</strong> 「猫箱」盈利能力等关键数据存在矛盾信息，需警惕单一信源风险。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="bento-card col-span-12 lg:col-span-5 p-6 rounded-3xl">
|
||||
<h2 class="section-title">综合结论与投资启示</h2>
|
||||
<p class="text-slate-300 mb-4">
|
||||
概念已进入早期验证期，具备长期赛道逻辑，但需跨越<strong class="text-purple-300">硬件规模化量产</strong>和<strong class="text-purple-300">商业模式长期验证</strong>两大门槛。投资本质是在投资字节AI应用的执行力及其生态的赋能效率。
|
||||
</p>
|
||||
<h3 class="font-semibold text-purple-200 mb-2">最具投资价值的细分环节:</h3>
|
||||
<ul class="list-disc list-inside space-y-1 text-slate-300 text-sm">
|
||||
<li><strong class="text-white">AI硬件核心组件供应商:</strong> 如芯片(乐鑫科技)和模组(移远通信)，确定性更高。</li>
|
||||
<li><strong class="text-white">深度绑定的应用生态伙伴:</strong> 如实丰文化，逻辑纯粹，风险与回报并存。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- 关联股票列表 -->
|
||||
<section class="bento-card col-span-12 p-6 rounded-3xl overflow-x-auto">
|
||||
<h2 class="section-title">字节AI陪伴 · 核心关联标的</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table table-zebra-zebra w-full">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1/6">股票名称</th>
|
||||
<th class="w-1/6">股票代码</th>
|
||||
<th class="w-4/6">核心逻辑 / 关联原因</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>实丰文化</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002862" target="_blank" class="link link-hover text-purple-300">002862</a></td>
|
||||
<td class="text-sm">AI玩具结合情感大模型，明确使用<strong class="text-primary">豆包大模型</strong>。拥有宝可梦、奶龙等IP资源，逻辑最纯粹。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>苏豪弘业</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=600128" target="_blank" class="link link-hover text-purple-300">600128</a></td>
|
||||
<td class="text-sm">与华麦机器人共同研发的AI陪伴玩偶搭载<strong class="text-primary">豆包大模型</strong>，智能毛绒玩具已在广交会展出。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>乐鑫科技</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=688018" target="_blank" class="link link-hover text-purple-300">688018</a></td>
|
||||
<td class="text-sm">提供连接处理器芯片，是AI大模型在端侧设备运用的关键环节，与字节跳动合作推出内嵌<strong class="text-primary">豆包大模型</strong>的AI玩具。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>移远通信</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=603236" target="_blank" class="link link-hover text-purple-300">603236</a></td>
|
||||
<td class="text-sm">全球领先的蜂窝物联网模组厂商，支持豆包AI玩具方案，路演纪要提及从中获得<strong class="text-secondary">显著利润分成</strong>，价值量高。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>中科创达</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300496" target="_blank" class="link link-hover text-purple-300">300496</a></td>
|
||||
<td class="text-sm">与字节跳动旗下<strong class="text-accent">火山引擎</strong>达成深度合作，共建联合实验室赋能端侧智能，推动大模型在智能硬件端的应用。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>润欣科技</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300493" target="_blank" class="link link-hover text-purple-300">300493</a></td>
|
||||
<td class="text-sm">与字节在AI玩具领域持续深度合作，开发的多款AI玩具已接入豆包大模型。新闻稿中提及有望成为字节<strong class="text-purple-400">AI眼镜</strong>模组供应商（预期）。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>润泽科技</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300442" target="_blank" class="link link-hover text-purple-300">300442</a></td>
|
||||
<td class="text-sm">作为字节跳动的<strong class="text-blue-300">算力提供商</strong>，为猫箱大模型等AI产品的训练和运营提供算力支持。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>亚康股份</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=301085" target="_blank" class="link link-hover text-purple-300">301085</a></td>
|
||||
<td class="text-sm">为字节跳动提供<strong class="text-blue-300">算力基础设施综合服务</strong>，保障猫箱等AI系统的稳定运行。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>海天瑞声</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=688787" target="_blank" class="link link-hover text-purple-300">688787</a></td>
|
||||
<td class="text-sm">专业的<strong class="text-green-300">训练数据提供商</strong>，为字节跳动的大模型（包括猫箱）提供高质量的语音、文本等数据。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>恺英网络</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002517" target="_blank" class="link link-hover text-purple-300">002517</a></td>
|
||||
<td class="text-sm">投资的自然选择将推出AI虚拟陪伴产品《EVE》，直接布局AI情感陪伴领域。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>科大讯飞</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002230" target="_blank" class="link link-hover text-purple-300">002230</a></td>
|
||||
<td class="text-sm">国内大模型龙头，星火语音大模型具备情绪表达能力，可应用于情感陪伴领域，形成行业对标。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>昆仑万维</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300418" target="_blank" class="link link-hover text-purple-300">300418</a></td>
|
||||
<td class="text-sm">推出「天工大模型」及智能语音互动产品Skyo，具备情感陪伴功能，是赛道内主要竞争者之一。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var chartDom = document.getElementById('mauChart');
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
backgroundColor: 'rgba(23, 23, 31, 0.8)',
|
||||
borderColor: 'rgba(167, 139, 250, 0.5)',
|
||||
textStyle: { color: '#e5e7eb' },
|
||||
formatter: '{b}<br/>MAU: {c} 万'
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['24年8月', '24年9月', '24年10月', '24年11月', '24年12月'],
|
||||
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.2)' } },
|
||||
axisLabel: { color: '#9ca3af' }
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
name: 'MAU (万)',
|
||||
nameTextStyle: { color: '#9ca3af' },
|
||||
axisLabel: { color: '#9ca3af' },
|
||||
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '猫箱 MAU',
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
symbol: 'circle',
|
||||
symbolSize: 8,
|
||||
data: [307, 334, 374, 458, 688],
|
||||
itemStyle: {
|
||||
color: '#a78bfa'
|
||||
},
|
||||
lineStyle: {
|
||||
color: '#a78bfa',
|
||||
width: 3,
|
||||
shadowColor: 'rgba(167, 139, 250, 0.5)',
|
||||
shadowBlur: 10
|
||||
},
|
||||
areaStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||||
offset: 0,
|
||||
color: 'rgba(167, 139, 250, 0.3)'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: 'rgba(167, 139, 250, 0)'
|
||||
}])
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
borderColor: '#fff',
|
||||
borderWidth: 2
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
myChart.setOption(option);
|
||||
window.addEventListener('resize', myChart.resize);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user