Files
vf_react/public/htmls/三胎.html
2025-12-05 13:29:18 +08:00

410 lines
29 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>深度研报 | '三胎'概念全景解析</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 src="//unpkg.com/alpinejs" defer></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=Inter:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Manrope', 'Inter', sans-serif;
background-color: #0c0a09;
background-image:
radial-gradient(ellipse 25% 40% at 20% 20%, rgba(14, 165, 233, 0.15), transparent),
radial-gradient(ellipse 25% 40% at 80% 70%, rgba(139, 92, 246, 0.15), transparent);
background-attachment: fixed;
overflow-x: hidden;
}
.glass-card {
background: rgba(17, 24, 39, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
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:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
border-color: rgba(59, 130, 246, 0.5);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.card-title-glow {
text-shadow: 0 0 8px rgba(59, 130, 246, 0.7);
}
.timeline-item::before {
background-color: #3b82f6 !important;
}
.text-highlight {
color: #60a5fa; /* A bright blue */
font-weight: 600;
}
details summary {
cursor: pointer;
transition: all 0.2s ease-in-out;
}
details summary:hover {
color: #3b82f6;
}
.table-custom-header th {
background-color: rgba(31, 41, 55, 0.8) !important;
color: #d1d5db !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.table-custom-row td {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
</style>
</head>
<body class="text-gray-300 min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center py-12">
<h1 class="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-violet-500 mb-4">
'三胎' 概念全景深度解析
</h1>
<p class="text-lg text-gray-400 max-w-3xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现
</p>
<div class="mt-4 text-xs font-mono text-amber-500/70 p-2 border border-amber-500/30 rounded-lg inline-block">
注意本报告为AI基于多源数据合成观点仅供研究参考不构成任何投资建议投资需谨慎。
</div>
</header>
<!-- Main Content -->
<main class="space-y-8">
<!-- Bento Grid Layout -->
<div class="bento-grid">
<!-- Concept Event Timeline -->
<div class="glass-card p-6 col-span-12 lg:col-span-4">
<h2 class="text-2xl font-bold mb-6 card-title-glow">概念演进时间轴</h2>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
<li>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.00-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end md:text-left mb-10">
<time class="font-mono italic text-sm">2024.10 - 2025.01</time>
<div class="text-lg font-black text-sky-400">政策酝酿与预期</div>
<p class="text-gray-400 text-sm mt-1">国务院、医保局释放信号,研究育儿补贴。小鹏汽车等企业率先推出内部三胎补贴,市场预期形成。</p>
</div>
<hr class="bg-blue-500"/>
</li>
<li>
<hr class="bg-blue-500"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.00-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end md:text-left mb-10">
<time class="font-mono italic text-sm">2025.03 - 2025.04</time>
<div class="text-lg font-black text-sky-300">地方试点超预期</div>
<p class="text-gray-400 text-sm mt-1">呼和浩特公布<span class="text-highlight">三胎补贴10万元</span>的空前方案远超市场预期引爆首轮行情。孩子王等个股20cm涨停。</p>
</div>
<hr class="bg-blue-500"/>
</li>
<li>
<hr class="bg-blue-500"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.00-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end md:text-left">
<time class="font-mono italic text-sm">2025.07</time>
<div class="text-lg font-black text-sky-200">国家政策正式落地</div>
<p class="text-gray-400 text-sm mt-1">国家方案公布,对所有新生儿每年补贴<span class="text-highlight">3600元</span>直至3周岁。港股锦欣生殖等应声大涨市场进入效果验证期。</p>
</div>
</li>
</ul>
</div>
<!-- Core Logic -->
<div class="glass-card p-6 col-span-12 lg:col-span-8">
<h2 class="text-2xl font-bold mb-4 card-title-glow">核心观点与市场认知</h2>
<p class="mb-4 text-gray-300 leading-relaxed">“三胎”概念本质是强政策驱动的宏大叙事主题,其核心驱动力源于国家应对人口结构挑战的战略决心。当前,该概念已从<span class="text-highlight">政策预期阶段</span>迈入<span class="text-highlight">政策落地与效果验证阶段</span>。其未来潜力高度依赖于补贴政策的实际效果及教育、医疗等综合配套措施的跟进程度。</p>
<div class="border-l-4 border-sky-500 pl-4 mt-4">
<h3 class="font-semibold text-lg text-gray-100">核心驱动逻辑链:</h3>
<p class="text-gray-400 font-mono text-sm tracking-wider">国家战略 (应对老龄化) → 财政补贴 (降低成本) → 刺激生育意愿 → 新生儿数量回升 → 带动母婴、教育、大空间消费等产业链需求增长</p>
</div>
<div class="border-l-4 border-violet-500 pl-4 mt-4">
<h3 class="font-semibold text-lg text-gray-100">市场热度与情绪:</h3>
<p class="text-gray-400">市场热度呈脉冲式爆发,对政策高度敏感。每当重磅政策出台,相关概念股便出现集体拉升。市场情绪整体乐观,但主要建立在对政策效果的<span class="font-bold text-amber-400">“预期”</span>之上。</p>
</div>
</div>
<!-- Expectation Gap -->
<div class="glass-card p-6 col-span-12">
<h2 class="text-2xl font-bold mb-4 card-title-glow">预期差分析:机遇与陷阱</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="p-4 bg-gray-900/50 rounded-xl border border-green-500/30">
<h3 class="font-bold text-xl text-green-400 flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" /></svg>
正面预期差 (已兑现)
</h3>
<p class="mt-2 text-gray-300">2025年3月<span class="text-highlight">呼和浩特试点政策</span>是关键来源。其补贴力度(三胎10万元)和周期(至10周岁)远超市场普遍预期,直接引爆第一波行情,证明了政策想象空间。</p>
</div>
<div class="p-4 bg-gray-900/50 rounded-xl border border-red-500/30">
<h3 class="font-bold text-xl text-red-400 flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 17h8m0 0V9m0 8l-8-8-4 4-6-6" /></svg>
潜在负面预期差 (关键风险)
</h3>
<p class="mt-2 text-gray-300"><span class="font-semibold">1. 政策效果不确定性:</span><span class="text-amber-400">日本经验</span>表明高额现金补贴对生育率提振效果有限70%家庭选择储蓄而非消费。</p>
<p class="mt-1 text-gray-300"><span class="font-semibold">2. 补贴力度分化:</span>全国性方案(每年3600元)及部分地区(安徽亳州取消)实际力度远不及“样板工程”,可能导致市场预期修正。</p>
</div>
</div>
</div>
<!-- Word Cloud & Future Path -->
<div class="glass-card p-6 col-span-12 lg:col-span-7">
<h2 class="text-2xl font-bold mb-4 card-title-glow">未来发展路径与催化剂</h2>
<ul class="steps steps-vertical lg:steps-horizontal w-full">
<li class="step step-primary">
<span class="text-left"><strong>阶段一 (当前):</strong><br/>政策驱动与主题炒作</span>
</li>
<li class="step">
<span class="text-left"><strong>阶段二:</strong><br/>基本面验证 (新生儿数据)</span>
</li>
<li class="step">
<span class="text-left"><strong>阶段三:</strong><br/>产业结构深化 (托育、AI教育)</span>
</li>
</ul>
<div class="mt-6">
<h3 class="font-semibold text-lg text-gray-100">近期关键催化剂 (未来3-6个月)</h3>
<ul class="list-disc list-inside mt-2 space-y-1 text-gray-400">
<li>一线城市是否出台<span class="text-highlight">“加码”</span>政策。</li>
<li>2026年初公布的<span class="text-highlight">2025年全年出生人口数据</span></li>
<li>教育、医疗、住房等<span class="text-highlight">综合性配套政策</span>出台。</li>
</ul>
</div>
</div>
<div class="glass-card p-6 col-span-12 lg:col-span-5 flex flex-col">
<h2 class="text-2xl font-bold mb-4 card-title-glow">市场热点词云</h2>
<div id="wordcloud" class="flex-grow w-full h-64"></div>
</div>
<!-- Industry Chain -->
<div class="glass-card p-6 col-span-12">
<h2 class="text-2xl font-bold mb-6 text-center card-title-glow">产业链图谱与核心公司</h2>
<div class="flex flex-col md:flex-row items-center justify-between gap-4 font-mono text-center">
<!-- Upstream -->
<div class="p-4 rounded-xl bg-sky-900/30 w-full md:w-1/4">
<h3 class="font-bold text-sky-300">上游 (孕产期)</h3>
<p class="text-sm mt-2">辅助生殖</p>
<p class="font-semibold text-xs text-white">锦欣生殖, 麦迪科技</p>
<p class="text-sm mt-1">孕产妇保健</p>
</div>
<div class="text-2xl text-gray-500"></div>
<!-- Midstream -->
<div class="p-4 rounded-xl bg-violet-900/30 w-full md:w-2/4">
<h3 class="font-bold text-violet-300">中游 (0-6岁核心消费)</h3>
<div class="grid grid-cols-2 gap-2 text-xs mt-2">
<div><p>奶粉:</p><p class="font-semibold text-white">贝因美, 飞鹤</p></div>
<div><p>母婴用品:</p><p class="font-semibold text-white">豪悦护理</p></div>
<div><p>儿童药:</p><p class="font-semibold text-white">葫芦娃</p></div>
<div><p>童装:</p><p class="font-semibold text-white">森马服饰</p></div>
</div>
</div>
<div class="text-2xl text-gray-500"></div>
<!-- Downstream -->
<div class="p-4 rounded-xl bg-emerald-900/30 w-full md:w-1/4">
<h3 class="font-bold text-emerald-300">下游 (服务与零售)</h3>
<p class="text-sm mt-2">母婴连锁零售</p>
<p class="font-semibold text-xs text-white">孩子王, 爱婴室</p>
<p class="text-sm mt-1">教育/托育服务</p>
</div>
</div>
</div>
<!-- Risks -->
<div class="glass-card p-6 col-span-12">
<h2 class="text-2xl font-bold mb-4 card-title-glow">潜在风险与挑战</h2>
<div role="alert" class="alert alert-error bg-red-900/30 border-red-500/50 text-red-200">
<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>
<div>
<h3 class="font-bold">重大信息交叉验证风险!</h3>
<div class="text-xs">研报数据中,大量关于“三胎”的分析实际上是指<span class="font-bold">轮胎行业</span>(乘用车胎/商用车胎/非公路胎),与三孩生育政策完全无关。这是自动化分析的严重误导,投资者需深度甄别。</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
<div class="p-3 bg-gray-800/40 rounded-lg"><strong>政策风险:</strong> 政策效果不及预期是最大风险。出生人口数据若持续低迷将导致概念逻辑被证伪。</div>
<div class="p-3 bg-gray-800/40 rounded-lg"><strong>商业化风险:</strong> 补贴能否有效转化为即时消费存疑,可能被家庭储蓄用于长期教育开支。</div>
</div>
</div>
</div>
<!-- Data Sources -->
<div class="glass-card p-6">
<h2 class="text-2xl font-bold mb-4 text-center card-title-glow">核心数据源摘要</h2>
<div class="space-y-4">
<details class="collapse collapse-plus bg-gray-900/50">
<summary class="collapse-title text-xl font-medium">新闻数据精要</summary>
<div class="collapse-content">
<p><strong>政策与补贴:</strong>国家方案明确每年补贴3600元至3岁。地方层面呼和浩特三胎10万、广州黄埔三胎5万等城市出台高额补贴但也有安徽亳州取消补贴的情况。</p>
<p><strong>资本市场反应:</strong>政策发布节点如2025-03-14, 2025-07-29引发三胎概念股集体大涨孩子王、爱婴室、贝因美、金发拉比等 repeatedly 成为领涨龙头。</p>
<p><strong>行业动态:</strong>出版童书、汽车大空间MPV/SUV、医药儿童药等行业被认为受益。孩子王、爱婴室等母婴零售商被机构重点看好。</p>
</div>
</details>
<details class="collapse collapse-plus bg-gray-900/50">
<summary class="collapse-title text-xl font-medium">路演核心观点</summary>
<div class="collapse-content">
<p><strong>中信证券:</strong>呼和浩特政策在覆盖人群、补贴力度、周期上均超预期,提振市场信心。生育补贴针对消费边际倾向高的母婴家庭,撬动效应显著。</p>
<p><strong>野村东方国际:</strong>提供关键反向视角参考日本经验现金补贴刺激生育率效果有限70%家庭将补贴用于储蓄(教育),对即时消费刺激效果不大。</p>
<p><strong>天风证券:</strong>育儿补贴政策是消费提振核心影响因素,但对中低线城市效果可能有限。</p>
<p><strong>财通策略:</strong>三胎相关领域(母婴消费、辅助生殖)是政策挖掘重点,建议短期配置。</p>
</div>
</details>
<details class="collapse collapse-plus bg-gray-900/50">
<summary class="collapse-title text-xl font-medium">近期涨停个股原因剖析</summary>
<div class="collapse-content space-y-4">
<div class="p-4 border border-gray-700 rounded-lg">
<p><strong class="text-sky-400">海伦钢琴 (300329) - 2025-08-01 涨停19.96%</strong></p>
<p class="text-sm text-gray-400"><strong>核心驱动:</strong> 控制权变更+“三胎+教育信息化”政策催化。国务院育儿补贴方案明确将“数字音乐启蒙”纳入专项补贴公司幼儿音乐启蒙课程直接受益。同时新控股股东具AI算法与数字内容分发背景市场预期打造“钢琴+AI内容”第二曲线。</p>
</div>
<div class="p-4 border border-gray-700 rounded-lg">
<p><strong class="text-sky-400">麒盛科技 (603610) - 2025-06-17 涨停10.03%</strong></p>
<p class="text-sm text-gray-400"><strong>核心驱动:</strong> 脑机接口概念带动,叠加三胎、智能电动床多重题材共振。三胎概念方面,公司智能电动床产品适用于母婴市场,婴童睡眠监测是产品重要应用场景之一。</p>
</div>
</div>
</details>
</div>
</div>
<!-- Stock List Table -->
<div class="glass-card p-6">
<h2 class="text-2xl font-bold mb-6 text-center card-title-glow">“三胎”概念核心标的池</h2>
<div class="overflow-x-auto">
<table class="table w-full table-custom-row">
<thead class="table-custom-header">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>细分标签</th>
</tr>
</thead>
<tbody>
<!-- 辅助生殖 -->
<tr class="bg-gray-800/30"><td colspan="4" class="font-bold text-lg text-sky-300">辅助生殖 (产业链上游)</td></tr>
<tr><td>麦迪科技</td><td><a href="https://valuefrontier.cn/company?scode=603990" target="_blank" class="link link-hover link-primary">603990</a></td><td>辅助生殖</td><td>技术支持</td></tr>
<tr><td>戴维医疗</td><td><a href="https://valuefrontier.cn/company?scode=300314" target="_blank" class="link link-hover link-primary">300314</a></td><td>辅助生殖</td><td>医疗器械</td></tr>
<tr><td>悦心健康</td><td><a href="https://valuefrontier.cn/company?scode=002162" target="_blank" class="link link-hover link-primary">002162</a></td><td>辅助生殖</td><td>技术支持</td></tr>
<tr><td>国际医学</td><td><a href="https://valuefrontier.cn/company?scode=000516" target="_blank" class="link link-hover link-primary">000516</a></td><td>辅助生殖</td><td>技术支持</td></tr>
<!-- 母婴 -->
<tr class="bg-gray-800/30"><td colspan="4" class="font-bold text-lg text-violet-300">母婴零售 (产业链下游)</td></tr>
<tr><td>孩子王</td><td><a href="https://valuefrontier.cn/company?scode=301078" target="_blank" class="link link-hover link-primary">301078</a></td><td>母婴</td><td>一站式零售</td></tr>
<tr><td>爱婴室</td><td><a href="https://valuefrontier.cn/company?scode=603214" target="_blank" class="link link-hover link-primary">603214</a></td><td>母婴</td><td>连锁零售</td></tr>
<tr><td>金发拉比</td><td>N/A</td><td>母婴</td><td>服饰及用品</td></tr>
<!-- 奶粉 -->
<tr class="bg-gray-800/30"><td colspan="4" class="font-bold text-lg text-amber-300">奶粉 (核心消费)</td></tr>
<tr><td>贝因美</td><td><a href="https://valuefrontier.cn/company?scode=002570" target="_blank" class="link link-hover link-primary">002570</a></td><td>奶粉</td><td>国产奶粉</td></tr>
<tr><td>伊利股份</td><td><a href="https://valuefrontier.cn/company?scode=600887" target="_blank" class="link link-hover link-primary">600887</a></td><td>奶粉</td><td>乳业龙头</td></tr>
<tr><td>光明乳业</td><td><a href="https://valuefrontier.cn/company?scode=600597" target="_blank" class="link link-hover link-primary">600597</a></td><td>奶粉</td><td>乳制品</td></tr>
<tr><td>嘉必优</td><td><a href="https://valuefrontier.cn/company?scode=688089" target="_blank" class="link link-hover link-primary">688089</a></td><td>奶粉</td><td>原料供应商(ARA/DHA)</td></tr>
<!-- 儿童药 -->
<tr class="bg-gray-800/30"><td colspan="4" class="font-bold text-lg text-rose-300">儿童药 (核心消费)</td></tr>
<tr><td>葫芦娃</td><td>N/A</td><td>儿童药</td><td>中成药</td></tr>
<tr><td>葵花药业</td><td><a href="https://valuefrontier.cn/company?scode=002737" target="_blank" class="link link-hover link-primary">002737</a></td><td>儿童药</td><td>品牌中药</td></tr>
<tr><td>华特达因</td><td><a href="https://valuefrontier.cn/company?scode=000915" target="_blank" class="link link-hover link-primary">000915</a></td><td>儿童药</td><td>伊可新(维生素AD)</td></tr>
<!-- 日用 -->
<tr class="bg-gray-800/30"><td colspan="4" class="font-bold text-lg text-emerald-300">日用 (核心消费)</td></tr>
<tr><td>森马服饰</td><td><a href="https://valuefrontier.cn/company?scode=002563" target="_blank" class="link link-hover link-primary">002563</a></td><td>日用</td><td>童装孕妇装(巴拉巴拉)</td></tr>
<tr><td>豪悦护理</td><td><a href="https://valuefrontier.cn/company?scode=605009" target="_blank" class="link link-hover link-primary">605009</a></td><td>日用</td><td>婴童产品(纸尿裤)</td></tr>
<tr><td>中顺洁柔</td><td><a href="https://valuefrontier.cn/company?scode=002511" target="_blank" class="link link-hover link-primary">002511</a></td><td>日用</td><td>婴童产品</td></tr>
<tr><td>奥飞娱乐</td><td><a href="https://valuefrontier.cn/company?scode=002292" target="_blank" class="link link-hover link-primary">002292</a></td><td>日用</td><td>婴童产品(玩具IP)</td></tr>
<!-- 教育 -->
<tr class="bg-gray-800/30"><td colspan="4" class="font-bold text-lg text-indigo-300">教育 (延伸领域)</td></tr>
<tr><td>美吉姆</td><td>N/A</td><td>教育</td><td>早教</td></tr>
<tr><td>时代出版</td><td><a href="https://valuefrontier.cn/company?scode=600551" target="_blank" class="link link-hover link-primary">600551</a></td><td>教育</td><td>儿童图书</td></tr>
<tr><td>珠江钢琴</td><td><a href="https://valuefrontier.cn/company?scode=002678" target="_blank" class="link link-hover link-primary">002678</a></td><td>教育</td><td>艺术教育</td></tr>
</tbody>
</table>
</div>
</div>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('wordcloud');
var myChart = echarts.init(chartDom);
var option;
// Data extracted from news, counting mentions of stocks
var wordCloudData = [
{ name: '孩子王', value: 10 }, { name: '爱婴室', value: 9 },
{ name: '贝因美', value: 8 }, { name: '金发拉比', value: 7 },
{ name: '葫芦娃', value: 4 }, { name: '锦欣生殖', value: 3 },
{ name: '中国飞鹤', value: 2 }, { name: '荣信文化', value: 3 },
{ name: '海伦钢琴', value: 2 }, { name: '森马服饰', value: 2 },
{ name: '育儿补贴', value: 12 }, { name: '政策', value: 15 },
{ name: '涨停', value: 9 }, { name: '呼和浩特', value: 6 },
{ name: '母婴', value: 8 }, { name: '奶粉', value: 5 },
{ name: '托育', value: 4 }, { name: '辅助生殖', value: 3 },
{ name: '消费', value: 7 }, { name: 'AI教育', value: 3 },
];
option = {
tooltip: {
show: true
},
series: [{
type: 'wordCloud',
shape: 'circle',
left: 'center',
top: 'center',
width: '100%',
height: '100%',
right: null,
bottom: null,
sizeRange: [12, 50],
rotationRange: [-45, 45],
rotationStep: 45,
gridSize: 8,
drawOutOfBound: false,
textStyle: {
fontFamily: 'Manrope, sans-serif',
fontWeight: 'bold',
color: function () {
const colors = ['#60a5fa', '#a78bfa', '#5eead4', '#f87171', '#fbbf24'];
return colors[Math.floor(Math.random() * colors.length)];
}
},
emphasis: {
textStyle: {
shadowBlur: 10,
shadowColor: '#333'
}
},
data: wordCloudData
}]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>