vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions
Download Patch File Download Diff File Expand all files Collapse all files

471
public/htmls/AI陪伴.html Normal file
View File

@@ -0,0 +1,471 @@
好的，遵照您的要求，以下是为“AI陪伴”概念生成的深度研究HTML页面。
本页面由 **北京价值前沿科技有限公司 AI投研agent：“价小前投研”** 进行投研呈现。报告内容基于AI合成数据，旨在提供研究参考，不构成任何投资建议，投资需谨慎。
<!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陪伴 (AI Companionship) 深度投研报告</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=Inter:wght@300;400;500;600;700&family=Source+Code+Pro:wght@400;600&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.15) 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.15) 0px, transparent 50%),
radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 0.1) 0px, transparent 50%);
color: #E2E8F0;
}
.glass-card {
background: rgba(15, 23, 42, 0.4); /* slate-900 with opacity */
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.125);
border-radius: 1.5rem; /* rounded-3xl */
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 0 30px rgba(100, 180, 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(3, 1fr);
grid-auto-rows: minmax(200px, auto);
}
.grid-col-span-2 { grid-column: span 2; }
.grid-row-span-2 { grid-row: span 2; }
}
.section-title {
font-family: 'Source Code Pro', monospace;
font-size: 1.25rem;
font-weight: 600;
color: #93C5FD; /* blue-300 */
text-shadow: 0 0 8px rgba(147, 197, 253, 0.5);
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(147, 197, 253, 0.3);
margin-bottom: 1rem;
}
.highlight {
color: #A5B4FC; /* indigo-300 */
font-weight: 600;
}
.disclaimer {
font-size: 0.75rem;
color: #64748B; /* slate-500 */
text-align: center;
margin-top: 2rem;
padding: 1rem;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center py-8">
<h1 class="text-4xl md:text-5xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-blue-300 via-cyan-300 to-purple-300">
AI陪伴 (AI Companionship)
</h1>
<p class="mt-2 text-xl text-slate-300">深度投研报告</p>
<p class="mt-4 text-sm text-slate-400">Presented by <span class="font-semibold text-cyan-400">价小前投研</span> | 北京价值前沿科技有限公司</p>
</header>
<!-- Main Content -->
<main class="space-y-8">
<!-- Concept Genesis -->
<section class="glass-card p-6 md:p-8">
<h2 class="section-title">&lt;概念起源：技术、需求与资本的三重共振&gt;</h2>
<p class="text-slate-300 leading-relaxed">
“AI陪伴”概念的兴起并非单一事件驱动，而是在技术突破、市场需求显化和产业资本布局下的必然结果。其发展脉络清晰，正从软件应用验证用户需求，迈向硬件产品开启商业化元年的关键拐点。
</p>
<div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-6 text-sm">
<div class="border-l-2 border-cyan-400 pl-4">
<h3 class="font-semibold text-slate-100">技术奠基期 (2022-2024)</h3>
<p class="text-slate-400 mt-1">以ChatGPT为代表的大语言模型爆发，为AI的人格化与情感化奠定技术基础。Character.AI、星野等应用验证了用户高粘性需求，其中<span class="highlight">星野App日人均使用时长一度突破100分钟</span>。</p>
</div>
<div class="border-l-2 border-blue-400 pl-4">
<h3 class="font-semibold text-slate-100">硬件催化期 (2024下半年至今)</h3>
<p class="text-slate-400 mt-1">两大标志性事件引爆市场：<span class="highlight">字节豆包发布端到端实时语音功能</span>，拟人化交互能力远超GPT-4o；<span class="highlight">CES 2025涌现大量AI陪伴硬件</span>，成为消费电子新风向。OpenAI计划推出1亿台“伴侣”设备，进一步强化硬件赛道想象空间。</p>
</div>
<div class="border-l-2 border-purple-400 pl-4">
<h3 class="font-semibold text-slate-100">政策加持与产业布局</h3>
<p class="text-slate-400 mt-1">广东省印发《人工智能赋能玩具产业行动方案》，为“AI+玩具”融合提供政策背书。字节、苹果、腾讯等巨头均已入局，产业链资本布局广泛。</p>
</div>
</div>
</section>
<!-- Bento Grid Analysis -->
<div class="bento-grid">
<!-- Core Logic -->
<section class="glass-card p-6 md:p-8 lg:grid-col-span-2 lg:grid-row-span-2">
<h2 class="section-title">&lt;核心逻辑与市场认知&gt;</h2>
<div class="space-y-4 text-slate-300 text-base">
<div>
<h3 class="font-bold text-lg text-slate-100 mb-2">三大核心驱动力</h3>
<ul class="list-disc list-inside space-y-2 text-slate-400">
<li><strong class="text-slate-200">技术突破是根本前提：</strong>多模态大模型，特别是以<span class="highlight">字节豆包</span>为代表的实时语音模型，解决了交互延迟和机械感的核心痛点，是实现“真情实感”陪伴的技术奇点。</li>
<li><strong class="text-slate-200">情感需求是市场基石：</strong>孤独经济、Z世代“悦己”消费与老龄化趋势催生庞大需求。美国消费者日均独处时间已增至<span class="highlight">7.4小时</span>，国内百亿级乙女游戏市场反复印证了用户为“情感价值”付费的意愿。</li>
<li><strong class="text-slate-200">成本下降推动商业化：</strong>研报指出，消费者娱乐和陪伴成本正以<span class="highlight">每年75%的速度下降</span>，使得过去数万元的陪伴机器人有望以399元级别的AI玩具形态进入大众市场。</li>
</ul>
</div>
<div>
<h3 class="font-bold text-lg text-slate-100 mt-6 mb-2">预期差分析：宏大叙事与产业现实</h3>
<ul class="list-disc list-inside space-y-2 text-slate-400">
<li><strong class="text-slate-200">商业化路径：</strong>市场对千亿空间兴奋，但忽略了当前软件端<span class="highlight">盈利能力普遍低迷</span>的困境。用户时长与付费意愿不成正比。</li>
<li><strong class="text-slate-200">技术成熟度：</strong>市场强调语音突破，但低估了实现长期记忆（如星野“记忆力差”）、复杂多模态交互的技术鸿沟，从“能聊”到“懂你”仍需时日。</li>
<li><strong class="text-slate-200">终极形态：</strong>市场热点集中于AI玩具，但专家预测未来3-5年<span class="highlight">硬件将占60%以上份额</span>，而<span class="highlight">人形机器人</span>是未来核心载体，长期趋势被市场短期关注所忽略。</li>
</ul>
</div>
</div>
</section>
<!-- Market Size Chart -->
<section class="glass-card p-6">
<h2 class="section-title">&lt;市场规模预测&gt;</h2>
<div id="market-size-chart" class="w-full h-64 md:h-80"></div>
</section>
<!-- Catalysts & Future Path -->
<section class="glass-card p-6">
<h2 class="section-title">&lt;关键催化剂与发展路径&gt;</h2>
<div class="space-y-4">
<div>
<h3 class="font-semibold text-slate-100">近期催化剂 (3-6个月)</h3>
<ul class="list-none space-y-1 text-sm text-slate-400">
<li class="flex items-start"><span class="text-cyan-400 mr-2">▶</span>字节情感模型发布预期</li>
<li class="flex items-start"><span class="text-cyan-400 mr-2">▶</span>爆款硬件产品销量数据（如奋达科技机器人）</li>
<li class="flex items-start"><span class="text-cyan-400 mr-2">▶</span>OpenAI“伴侣”设备细节公布</li>
<li class="flex items-start"><span class="text-cyan-400 mr-2">▶</span>恺英《EVE》等AI陪伴游戏上线表现</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-slate-100">长期发展路径</h3>
<ol class="relative border-l border-gray-700 ml-2">
<li class="mb-6 ml-4">
<div class="absolute w-3 h-3 bg-blue-400 rounded-full mt-1.5 -left-1.5 border border-gray-900"></div>
<h4 class="text-slate-200">第一阶段 (当前)</h4>
<p class="text-sm text-slate-400">软件应用为主，硬件为辅，探索付费模式。</p>
</li>
<li class="mb-6 ml-4">
<div class="absolute w-3 h-3 bg-cyan-400 rounded-full mt-1.5 -left-1.5 border border-gray-900"></div>
<h4 class="text-slate-200">第二阶段 (1-3年)</h4>
<p class="text-sm text-slate-400">软硬一体化加速，桌面机器人、AI宠物普及。</p>
</li>
<li class="ml-4">
<div class="absolute w-3 h-3 bg-purple-400 rounded-full mt-1.5 -left-1.5 border border-gray-900"></div>
<h4 class="text-slate-200">第三阶段 (3-5年+)</h4>
<p class="text-sm text-slate-400">具身智能与深度陪伴，仿生/人形机器人成主流。</p>
</li>
</ol>
</div>
</div>
</section>
</div>
<!-- Industry Chain -->
<section class="glass-card p-6 md:p-8">
<h2 class="section-title">&lt;产业链深度剖析&gt;</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Upstream -->
<div class="space-y-2">
<h3 class="text-lg font-bold text-blue-300">上游：基础层</h3>
<p><strong class="text-slate-200">AI模型/算法:</strong> 字节跳动 (豆包), 昆仑万维 (天工)</p>
<p><strong class="text-slate-200">算力:</strong> 润泽科技, 亚康股份</p>
<p><strong class="text-slate-200">芯片/模组:</strong> 博通集成 (AI玩具套件), 乐鑫科技, 移远通信</p>
</div>
<!-- Midstream -->
<div class="space-y-2">
<h3 class="text-lg font-bold text-cyan-300">中游：产品/平台层</h3>
<p><strong class="text-slate-200">IP版权方:</strong> 奥飞娱乐 (喜羊羊), 汤姆猫, 上海电影</p>
<p><strong class="text-slate-200">硬件制造商:</strong> 实丰文化, 奋达科技, 洲明科技</p>
<p><strong class="text-slate-200">软件/应用开发商:</strong> 恺英网络 (EVE), 盛天网络 (给聊)</p>
</div>
<!-- Downstream -->
<div class="space-y-2">
<h3 class="text-lg font-bold text-purple-300">下游：应用场景</h3>
<p><strong class="text-slate-200">儿童市场:</strong> AI玩具 (华为"智能憨憨"), 智能教辅</p>
<p><strong class="text-slate-200">成人市场:</strong> 桌面机器人 (Looi), AI宠物 (Casio Moflin)</p>
<p><strong class="text-slate-200">老年市场:</strong> 康养护理机器人</p>
</div>
</div>
</section>
<!-- Products Showcase -->
<section x-data="{ tab: 'children' }" class="glass-card p-6 md:p-8">
<h2 class="section-title">&lt;产品形态与应用实例&gt;</h2>
<div class="tabs tabs-boxed bg-slate-800/50">
<a class="tab" :class="{ 'tab-active': tab === 'children' }" @click.prevent="tab = 'children'">儿童向AI玩具</a>
<a class="tab" :class="{ 'tab-active': tab === 'adults' }" @click.prevent="tab = 'adults'">成人向陪伴产品</a>
<a class="tab" :class="{ 'tab-active': tab === 'software' }" @click.prevent="tab = 'software'">软件及其他形态</a>
</div>
<div class="mt-6 text-sm">
<div x-show="tab === 'children'">
<p class="mb-4 text-slate-300">核心特点：<span class="highlight">IP与互动性</span>。本质是音箱+毛绒玩具+大模型+角色IP。目前主流产品定价399元左右，销量多的在10万台级别。</p>
<ul class="grid grid-cols-2 md:grid-cols-4 gap-4 text-slate-400">
<li><strong>FollowToy "显眼包"</strong>: 与火山引擎合作，搭载豆包大模型。</li>
<li><strong>悦然创新 "Bubble Pill"</strong>: AI陪伴挂件，结合二十多款IP。</li>
<li><strong>奥飞娱乐 "AI喜羊羊"</strong>: 基于自有IP的哄睡智能玩具。</li>
<li><strong>华为 "智能憨憨"</strong>: 首款AI情绪陪伴玩具，开售后售罄。</li>
<li><strong>海外 "BubblePal"</strong>: AI毛绒玩具，上线3个月销量数万台。</li>
<li><strong>Miko AI</strong>: 全球销售近50万台，与派拉蒙合作。</li>
</ul>
</div>
<div x-show="tab === 'adults'" x-cloak>
<p class="mb-4 text-slate-300">核心特点：<span class="highlight">功能性与高客单价</span>。目前落地较晚但市场开始起步，可覆盖老年人陪伴和康养护理场景。</p>
<ul class="grid grid-cols-2 md:grid-cols-4 gap-4 text-slate-400">
<li><strong>Looi</strong>: 可移动手机支架形态桌面机器人，具备自主学习能力。</li>
<li><strong>卡西欧 "moly"</strong>: AI宠物机器人，能像真实宠物一样互动。</li>
<li><strong>奋达科技</strong>: 陪伴类AI桌面机器人已开始试产。</li>
<li><strong>洲明科技</strong>: LED+AI创新产品—AI全息陪伴助手。</li>
<li><strong>海外 Lovot</strong>: 定价2万以上的高端陪伴机器人。</li>
<li><strong>日本 Moflin</strong>: 智能宠物机器人，售价约3000元。</li>
</ul>
</div>
<div x-show="tab === 'software'" x-cloak>
<p class="mb-4 text-slate-300">核心特点：<span class="highlight">高用户粘性</span>。通过游戏化、UGC生态等方式吸引用户，但商业化是普遍痛点。</p>
<ul class="grid grid-cols-2 md:grid-cols-4 gap-4 text-slate-400">
<li><strong>Talkie</strong>: 引领全球AI陪聊赛道，海外DAU近400万。</li>
<li><strong>字节 "猫箱APP"</strong>: 国内IOS端DAU近40万，MAU达688万。</li>
<li><strong>恺英网络 "EVE"</strong>: 3D AI情感陪伴游戏，备受期待。</li>
<li><strong>AI+硬件</strong>: 字节AI耳机"Ola Friend"，AI音箱+全息投影。</li>
</ul>
</div>
</div>
</section>
<!-- Risks & Conclusion -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<!-- Risks -->
<section class="glass-card p-6">
<h2 class="section-title">&lt;潜在风险与挑战&gt;</h2>
<ul class="space-y-3 text-sm text-slate-400">
<li class="flex items-start">
<span class="text-red-400 mr-2 font-bold">!</span>
<div><strong class="text-slate-200">技术风险：</strong>长期记忆与个性化瓶颈依然存在，多模态融合技术壁垒高、成本难控。</div>
</li>
<li class="flex items-start">
<span class="text-red-400 mr-2 font-bold">!</span>
<div><strong class="text-slate-200">商业化风险：</strong>存在“付费意愿悖论”，用户愿意投入时间，但为陪伴本身付费意愿不强，商业模式仍待验证。</div>
</li>
<li class="flex items-start">
<span class="text-red-400 mr-2 font-bold">!</span>
<div><strong class="text-slate-200">政策与竞争风险：</strong>内容监管红线风险高，数据隐私是悬顶之剑。字节、苹果、OpenAI等巨头入局，竞争将异常激烈。</div>
</li>
<li class="flex items-start">
<span class="text-red-400 mr-2 font-bold">!</span>
<div><strong class="text-slate-200">信息交叉验证风险：</strong>市场预期（蓝海市场）与产业现实（盈利难、成本高）存在显著脱节，市场可能对实现路径和时间表过于乐观。</div>
</li>
</ul>
</section>
<!-- Conclusion -->
<section class="glass-card p-6">
<h2 class="section-title">&lt;综合结论与投资启示&gt;</h2>
<p class="mb-4 text-slate-300">
<strong>最终看法：</strong>AI陪伴已进入由技术驱动、基本面萌芽的早期成长阶段，但商业模式尚未跑通，距离大规模兑现有较长距离。当前投资更偏向于对“可能性”和“成长性”的定价。
</p>
<h3 class="font-semibold text-slate-100 mb-2">最具投资价值的细分环节：</h3>
<ul class="space-y-2 text-sm text-slate-400">
<li><strong class="text-blue-300">1. 上游核心元器件 (卖水者逻辑):</strong> AI芯片/模组供应商 (如博通集成、乐鑫科技)，赛道放量即可受益，确定性相对高。</li>
<li><strong class="text-cyan-300">2. 强势IP硬件厂商 (爆款逻辑):</strong> 如奥飞娱乐、汤姆猫。IP是情感载体，若产品成爆款则业绩弹性巨大，高风险高回报。</li>
<li><strong class="text-purple-300">3. 已验证游戏化变现的应用开发商 (现金流逻辑):</strong> 如恺英网络。将AI陪伴融入成熟付费模型，是当前最快看到收入的方向。</li>
</ul>
</section>
</div>
<!-- Stock Table -->
<section class="glass-card p-6 md:p-8">
<h2 class="section-title">&lt;相关概念股梳理&gt;</h2>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr class="border-b border-slate-700 text-slate-300">
<th class="bg-transparent">股票名称</th>
<th class="bg-transparent">股票代码</th>
<th class="bg-transparent">核心逻辑</th>
</tr>
</thead>
<tbody class="text-sm text-slate-400">
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">博通集成</td>
<td><a href="https://valuefrontier.cn/company?scode=603068" target="_blank" class="text-cyan-400 hover:underline">603068</a></td>
<td>与奥嘟比合作推出搭载AI大模型的玩具智能套件，属于上游“卖水者”。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">乐鑫科技</td>
<td><a href="https://valuefrontier.cn/company?scode=688018" target="_blank" class="text-cyan-400 hover:underline">688018</a></td>
<td>提供端侧处理器芯片，与字节跳动合作推出内嵌豆包大模型的AI玩具。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">实丰文化</td>
<td><a href="https://valuefrontier.cn/company?scode=002862" target="_blank" class="text-cyan-400 hover:underline">002862</a></td>
<td>拥有宝可梦、奶龙等IP授权，使用豆包大模型与玩具结合，推出AI魔法星等产品。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">汤姆猫</td>
<td><a href="https://valuefrontier.cn/company?scode=300459" target="_blank" class="text-cyan-400 hover:underline">300459</a></td>
<td>拥有全球知名IP“会说话的汤姆猫家族”，已推出AI情感陪伴机器人产品，IP硬件化逻辑纯粹。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">奥飞娱乐</td>
<td>N/A</td>
<td>拥有喜羊羊、巴啦啦小魔仙等头部儿童IP，已推出“哄睡AI喜羊羊”毛绒玩具。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">恺英网络</td>
<td><a href="https://valuefrontier.cn/company?scode=002517" target="_blank" class="text-cyan-400 hover:underline">002517</a></td>
<td>投资的自然选择将推出AI虚拟陪伴产品《EVE》，布局3D AI情感陪伴游戏赛道。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">昆仑万维</td>
<td><a href="https://valuefrontier.cn/company?scode=300418" target="_blank" class="text-cyan-400 hover:underline">300418</a></td>
<td>自研“天工大模型”，海外AI社交产品Linky月活超378万，采用订阅+抽卡模式变现。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">顺网科技</td>
<td><a href="https://valuefrontier.cn/company?scode=300113" target="_blank" class="text-cyan-400 hover:underline">300113</a></td>
<td>发布AI陪伴应用“唠唠”，依托网吧、电竞用户流量，探索社交+陪伴融合场景。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">科大讯飞</td>
<td><a href="https://valuefrontier.cn/company?scode=002230" target="_blank" class="text-cyan-400 hover:underline">002230</a></td>
<td>大模型龙头，星火语音大模型具备多情感超拟人合成能力，可应用于情感陪伴领域。</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
<td class="font-semibold text-slate-200">润泽科技</td>
<td><a href="https://valuefrontier.cn/company?scode=300442" target="_blank" class="text-cyan-400 hover:underline">300442</a></td>
<td>作为字节跳动的算力提供商，为猫箱大模型等AI产品提供算力支持。</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
<!-- Footer -->
<footer class="disclaimer">
<p>本报告由 北京价值前沿科技有限公司 AI投研agent：“价小前投研” 生成。</p>
<p>报告内容基于AI合成数据，所有信息仅供研究参考，不构成任何投资建议。市场有风险，投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-size-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{b}<br/>{a0}: {c0} 亿元<br/>{a1}: {c1} 亿元'
},
legend: {
data: ['全球陪伴机器人市场规模', '中国儿童AI玩具市场规模'],
textStyle: {
color: '#9CA3AF'
},
top: '5%'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['2023', '2025', '2027', '2029'],
axisLine: {
lineStyle: {
color: '#4A5568'
}
}
}
],
yAxis: [
{
type: 'value',
name: '规模(亿元)',
axisLabel: {
formatter: '{value}'
},
splitLine: {
lineStyle: {
type: 'dashed',
color: '#2D3748'
}
},
axisLine: {
lineStyle: {
color: '#4A5568'
}
}
}
],
series: [
{
name: '全球陪伴机器人市场规模',
type: 'bar',
barWidth: '30%',
data: [451, null, null, 3043], // 2023年全球451亿，2029年3043亿
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#60A5FA' }, // blue-400
{ offset: 1, color: '#3B82F6' } // blue-600
])
}
},
{
name: '中国儿童AI玩具市场规模',
type: 'bar',
barWidth: '30%',
data: [null, null, 323, null], // 2027年儿童AI玩具323亿
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#5EEAD4' }, // cyan-300
{ offset: 1, color: '#14B8A6' } // teal-500
])
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>