Files
vf_react/public/htmls/多胎辅助生殖概念240926.html
2025-12-05 13:29:18 +08:00

377 lines
30 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>多胎辅助生殖概念240926 - 深度投研报告</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Inter', 'Noto Sans SC', sans-serif;
background-color: #020410;
background-image:
radial-gradient(ellipse at 50% 0%, rgba(29, 78, 216, 0.3) 0%, rgba(2, 4, 16, 0) 50%),
radial-gradient(ellipse at 50% 100%, rgba(56, 189, 248, 0.2) 0%, rgba(2, 4, 16, 0) 45%);
background-attachment: fixed;
color: #E0E0E0;
}
.glass-card {
background: rgba(17, 24, 39, 0.6); /* bg-gray-900 with opacity */
backdrop-filter: blur(24px) saturate(150%);
-webkit-backdrop-filter: blur(24px) saturate(150%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem; /* 32px for extreme rounding */
box-shadow: 0 0 40px rgba(56, 189, 248, 0.1);
}
.glow-text-cyan {
text-shadow: 0 0 8px rgba(103, 232, 249, 0.6), 0 0 20px rgba(56, 189, 248, 0.4);
}
.glow-text-title {
text-shadow: 0 0 12px rgba(192, 132, 252, 0.7), 0 0 30px rgba(167, 139, 250, 0.5);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
/* Timeline style */
.timeline-item::before {
content: '';
position: absolute;
left: -1px;
top: 2rem;
bottom: -2rem;
width: 2px;
background: rgba(56, 189, 248, 0.2);
}
.timeline-item:last-child::before {
display: none;
}
.timeline-dot {
position: absolute;
left: -8px;
top: 1.5rem;
height: 18px;
width: 18px;
border-radius: 50%;
background-color: #0ea5e9;
border: 3px solid #020410;
box-shadow: 0 0 15px #0ea5e9;
}
/* DaisyUI overrides for our theme */
.tab-lifted.tab-active {
background-color: rgba(17, 24, 39, 0.6) !important;
border-bottom-color: transparent !important;
}
.table th, .table td {
background-color: transparent !important;
border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.table tr:last-child td {
border-bottom: none;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-8 md:p-12">
<div class="max-w-7xl mx-auto space-y-12">
<!-- Header -->
<header class="text-center space-y-4">
<h1 class="text-4xl sm:text-5xl md:text-6xl font-bold glow-text-title bg-gradient-to-r from-purple-400 via-sky-400 to-cyan-300 bg-clip-text text-transparent">
多胎辅助生殖概念240926
</h1>
<p class="text-xl text-slate-300">深度投研报告</p>
<div class="inline-block text-xs text-slate-500 border border-slate-700 rounded-full px-4 py-1">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。
</div>
</header>
<!-- Insight Section -->
<main class="space-y-12">
<!-- Bento Grid Start -->
<div class="bento-grid">
<!-- Core Viewpoint -->
<div class="col-span-12 glass-card p-8">
<h2 class="text-2xl font-bold mb-4 text-cyan-300 glow-text-cyan">核心观点摘要</h2>
<p class="text-slate-300 text-lg leading-relaxed">
“多胎辅助生殖”概念是一个由 <strong class="text-purple-400">强政策驱动</strong>,正从主题炒作向 <strong class="text-purple-400">早期基本面验证过渡</strong> 的核心赛道。其核心驱动力在于“医保降费”与“多胎补贴”双轮驱动下,对压抑已久的刚性需求的集中释放。未来潜力巨大,但短期业绩兑现节奏与市场高预期之间可能存在温差,投资机会将分化于产业链各环节的真实受益程度。
</p>
</div>
<!-- Concept Genesis -->
<div class="col-span-12 md:col-span-7 glass-card p-8">
<h2 class="text-2xl font-bold mb-6 text-cyan-300 glow-text-cyan">概念事件与催化时间轴</h2>
<div class="relative pl-8 space-y-8">
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<h4 class="font-semibold text-sky-300">政策酝酿与地方试点期 (2023.07 - 2024.10)</h4>
<p class="text-sm text-slate-400 mt-1">北京率先将16项辅助生殖项目纳入医保成为全国风向标。随后广东、四川等多省密集发文政策加速落地。</p>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<h4 class="font-semibold text-sky-300">全国性政策普及期 (2024.11 - 2025.01)</h4>
<p class="text-sm text-slate-400 mt-1">国家医保局确认全国31个省份及兵团已全部将辅助生殖纳入医保支付端核心障碍在全国范围基本扫清。</p>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<h4 class="font-semibold text-sky-300">“多胎”激励加码期 (2025.03 - 至今)</h4>
<p class="text-sm text-slate-400 mt-1">“发放育儿补贴”写入政府工作报告呼和浩特等地推出高额差异化多胎补贴三孩10万财政部设立900亿“育儿补贴补助资金”。</p>
</div>
</div>
</div>
<!-- Market Size & Penetration -->
<div class="col-span-12 md:col-span-5 glass-card p-8">
<h2 class="text-2xl font-bold mb-4 text-cyan-300 glow-text-cyan">市场空间与渗透率</h2>
<div id="penetrationRateChart" class="w-full h-64"></div>
<p class="text-sm text-slate-400 mt-2 text-center">政策支持下,我国辅助生殖渗透率提升空间巨大,市场规模有望突破千亿。</p>
</div>
</div>
<!-- Bento Grid End -->
<!-- Core Logic & Analysis -->
<div class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 text-cyan-300 glow-text-cyan">核心逻辑与市场认知分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 text-slate-300 leading-relaxed">
<div>
<h3 class="font-semibold text-lg text-sky-300 mb-2">双轮驱动:破除成本壁垒</h3>
<p><strong class="text-white">1. 支付端革命 (医保全面覆盖):</strong> 最核心驱动力。自2025年1月起全国实现医保全覆盖根本性改善超5000万不孕不育患者群体的支付能力。北京纳入医保后取卵周期数增长 <span class="text-purple-400 font-bold">62.7%</span>,广西门诊量增长 <span class="text-purple-400 font-bold">35.64%</span>,强力验证了价格弹性带来的需求释放。</p>
<p class="mt-4"><strong class="text-white">2. 意愿端激励 (高额多胎补贴):</strong> 概念升级关键。医保解决“生不出”而呼和浩特三孩补贴10万等地方实践旨在解决“不想生、不敢生多胎”。这使辅助生殖成为实现多胎家庭规划的重要途径。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-sky-300 mb-2">预期差分析</h3>
<ul class="space-y-3 list-disc list-inside">
<li><strong class="text-white">业绩释放节奏差:</strong> 市场预期“井喷”,但路演数据显示政策落地前存在“持币观望”,真实业绩兑现可能晚于预期,构成 <span class="text-red-400">潜在负向预期差</span></li>
<li><strong class="text-white">受益纯度差:</strong> 市场炒作常混淆直接受益的医疗服务与间接受益的下游消费品。最直接利好的是中上游医疗产业链。</li>
<li><strong class="text-white">国产替代预期差:</strong> 辅助生殖器械耗材90%依赖进口。市场可能未充分定价“医保控费”压力下,国产替代加速带来的结构性机会,构成 <span class="text-green-400">潜在正向预期差</span></li>
</ul>
</div>
</div>
</div>
<!-- Catalysts & Path Forward -->
<div class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 text-cyan-300 glow-text-cyan">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 text-slate-300">
<div>
<h3 class="font-semibold text-lg text-sky-300 mb-2">近期催化剂 (未来3-6个月)</h3>
<ul class="space-y-3">
<li class="flex items-start"><span class="text-cyan-400 mr-3 mt-1"></span><span><strong class="text-white">业绩验证:</strong>2025年Q1/Q2财报中服务机构的“试管婴儿周期数”将是关键试金石。</span></li>
<li class="flex items-start"><span class="text-cyan-400 mr-3 mt-1"></span><span><strong class="text-white">地方补贴扩散:</strong>关注更多省市效仿呼和浩特等地推出高额现金补贴方案。</span></li>
<li class="flex items-start"><span class="text-cyan-400 mr-3 mt-1"></span><span><strong class="text-white">“冻卵”政策试点:</strong>国家卫健委计划分步开放冻卵,一旦政策破冰将打开全新市场空间。</span></li>
</ul>
</div>
<div>
<h3 class="font-semibold text-lg text-sky-300 mb-2">长期发展路径</h3>
<ul class="space-y-3">
<li class="flex items-start"><span class="text-purple-400 mr-3 mt-1"></span><span><strong class="text-white">渗透率提升 (当前-2027年)</strong>医保驱动下渗透率从不足10%向15%-20%迈进。</span></li>
<li class="flex items-start"><span class="text-purple-400 mr-3 mt-1"></span><span><strong class="text-white">技术升级与国产替代 (2027-2030年)</strong>PGT技术普及上游药物、耗材国产替代成为主旋律。</span></li>
<li class="flex items-start"><span class="text-purple-400 mr-3 mt-1"></span><span><strong class="text-white">商业保险与生态成熟 (2030年以后)</strong>商业保险介入,扩展至全周期健康管理生态。</span></li>
</ul>
</div>
</div>
</div>
<!-- Data Synthesis Tabs -->
<div x-data="{ tab: 'news' }" class="glass-card">
<div class="tabs tabs-lifted p-8 pb-0">
<a class="tab text-lg" :class="{ 'tab-active text-cyan-300': tab === 'news' }" @click="tab = 'news'">新闻要点</a>
<a class="tab text-lg" :class="{ 'tab-active text-cyan-300': tab === 'roadshow' }" @click="tab = 'roadshow'">路演精粹</a>
<a class="tab text-lg" :class="{ 'tab-active text-cyan-300': tab === 'research' }" @click="tab = 'research'">研报洞察</a>
</div>
<div class="p-8 pt-4">
<!-- News Content -->
<div x-show="tab === 'news'" class="prose prose-invert max-w-none prose-p:text-slate-300 prose-li:text-slate-300">
<h4>核心政策:辅助生殖纳入医保</h4>
<ul>
<li><strong>全国性进展</strong>: 截至2025年1月17日全国31个省份和新疆生产建设兵团均已将辅助生殖纳入医保2024年已惠及超100万人次。国家医保局印发《指南》将项目统一整合为12项规范立项。</li>
<li><strong>地方执行</strong>: 四川、重庆、广东、湖南、宁夏、云南、河南等多地明确报销比例50%-70%不等和执行时间普遍在2024年Q4至2025年Q1开始执行。</li>
</ul>
<h4>地方性补贴政策</h4>
<ul>
<li><strong>四川攀枝花</strong>: 对符合条件的孕产妇给予一次性5000元辅助生殖补贴。</li>
<li><strong>湖北孝感</strong>: 对市内进行人工授精辅助生育的家庭给予补贴。</li>
</ul>
<h4>市场与行业分析</h4>
<ul>
<li><strong>市场规模</strong>: 机构预测2025年市场规模有望突破千亿元未来或超850亿。</li>
<li><strong>渗透率</strong>: 2023年我国渗透率约9.2%远低于美国的33%,提升空间巨大。</li>
<li><strong>行业趋势</strong>: 政策推动下需求有望快速释放产业链发展提速。器械耗材90%依赖进口,国产替代进程正在加速。</li>
</ul>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'" class="prose prose-invert max-w-none prose-p:text-slate-300 prose-li:text-slate-300">
<h4>多胎生育补贴升级</h4>
<ul>
<li><strong>国家战略</strong>: 2025年3月“生育补贴”被正式纳入政府工作报告。</li>
<li><strong>地方高额补贴案例</strong>: 呼和浩特对三孩发放10万元补贴叠加自由择校政策有效降低养育成本。湖北天门市试点后出生人口增长17%二、三孩占比超50%。</li>
</ul>
<h4>医保覆盖市场反馈</h4>
<ul>
<li><strong>北京案例</strong>: 纳入医保后,生殖科门诊量+36%,取卵周期+62.7%。</li>
<li><strong>短期影响</strong>: 政策预期导致患者观望部分机构Q2/Q3业务量下滑。医保落地初期初诊量增长15%-20%后趋稳。</li>
</ul>
<h4>行业驱动与技术前景</h4>
<ul>
<li><strong>核心驱动</strong>: 高龄产妇比例上升、不孕不育率升至18.2% (患者超5000万)、低渗透率不足10%)。</li>
<li><strong>冻卵政策前景</strong>: 国家卫健委计划分步开放,优先试点已婚女性,首批试点医院可能为北医三院等公立三甲。</li>
<li><strong>国产替代</strong>: 器械国产化率低(<10%胚胎培养液等95%依赖进口集采政策倒逼国产替代</li>
</ul>
</div>
<!-- Research Report Content -->
<div x-show="tab === 'research'" class="prose prose-invert max-w-none prose-p:text-slate-300 prose-li:text-slate-300">
<h4>核心驱动力:多胎鼓励与医保覆盖</h4>
<ul>
<li><strong>多胎生育补贴</strong>: 呼和浩特市政策对二孩、三孩发放5万、10万元高额补贴精准刺激多胎需求。</li>
<li><strong>医保覆盖效果</strong>: 广西纳入医保后门诊量同比增长35.64%北京门诊量增长36.3%取卵周期数增长62.7%。</li>
</ul>
<h4>行业背景与市场影响</h4>
<ul>
<li><strong>行业背景</strong>: 中国不孕发病率上升至18%,育龄妇女人数减少,政策着力于支持有生育意愿的家庭。</li>
<li><strong>市场影响</strong>: 医保覆盖加速渗透率提升,尤其在二孩、三孩群体。患者支付压力降低,存量及新增需求快速释放。</li>
</ul>
<h4>受益细分领域</h4>
<ul>
<li><strong>核心受益</strong>: 辅助生殖服务(下游),周期数有望快速提升。</li>
<li><strong>关联受益</strong>: 无创产前筛查(NIPT),高龄孕妇比例上升带动需求。</li>
<li><strong>上游放量</strong>: 辅助生殖药物(促排卵药等)与耗材(检测试剂、冷冻液等)需求增加。</li>
</ul>
</div>
</div>
</div>
<!-- Stock Data -->
<div class="space-y-12">
<h2 class="text-3xl font-bold text-center glow-text-title bg-gradient-to-r from-purple-400 via-sky-400 to-cyan-300 bg-clip-text text-transparent">
核心关联标的
</h2>
<!-- Related Stocks Table -->
<div class="glass-card p-6 overflow-x-auto">
<h3 class="text-xl font-bold mb-4 text-cyan-300">概念相关个股</h3>
<table class="table table-zebra w-full text-base">
<thead>
<tr class="text-sky-300">
<th>股票名称</th>
<th>股票代码</th>
<th>关联原因</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<tr><td>双成药业</td><td><a href="https://valuefrontier.cn/company?scode=002693" target="_blank" class="link link-hover text-purple-400">002693</a></td><td>公司产品醋酸曲普瑞林注射液适用于不育治疗下所需的垂体降调节。</td><td><span class="badge badge-error badge-outline">涨停个股</span></td></tr>
<tr><td>安奈儿</td><td><a href="https://valuefrontier.cn/company?scode=002875" target="_blank" class="link link-hover text-purple-400">002875</a></td><td>公司旗下拥有“Annil安奈儿”童装品牌公司产品涵盖大童装与小童装两大类别。</td><td><span class="badge badge-error badge-outline">涨停个股</span></td></tr>
<tr><td>跨境通</td><td><a href="https://valuefrontier.cn/company?scode=002640" target="_blank" class="link link-hover text-purple-400">002640</a></td><td>公司旗下子公司上海优壹电子商务有限公司致力于为中国的准妈妈和婴幼儿提供高品质的母婴产品和服务。</td><td><span class="badge badge-error badge-outline">涨停个股</span></td></tr>
<tr><td>孩子王</td><td><a href="https://valuefrontier.cn/company?scode=301078" target="_blank" class="link link-hover text-purple-400">301078</a></td><td>【零售+三胎+名字贴合】公司主要从事母婴童商品零售及增值服务。</td><td><span class="badge badge-error badge-outline">涨停个股</span></td></tr>
<tr><td>爱婴室</td><td><a href="https://valuefrontier.cn/company?scode=603214" target="_blank" class="link link-hover text-purple-400">603214</a></td><td>【零售+三胎+名字贴合】母婴商品连锁零售为孕前0-6岁婴幼儿家庭提供母婴产品的公司。</td><td><span class="badge badge-error badge-outline">涨停个股</span></td></tr>
<tr><td>葫芦娃</td><td><a href="https://valuefrontier.cn/company?scode=605199" target="_blank" class="link link-hover text-purple-400">605199</a></td><td>【三胎+名字贴合】公司小儿肺热咳喘颗粒在零售终端儿童感冒咳嗽用药销售增长排名领先。</td><td><span class="badge badge-error badge-outline">涨停个股</span></td></tr>
<tr><td>可靠股份</td><td><a href="https://valuefrontier.cn/company?scode=301009" target="_blank" class="link link-hover text-purple-400">301009</a></td><td>【三胎+消费+低价小盘】公司 ODM 业务产品以生产婴儿护理用品为主。</td><td><span class="badge badge-error badge-outline">涨停个股</span></td></tr>
<tr><td>三只松鼠</td><td><a href="https://valuefrontier.cn/company?scode=300783" target="_blank" class="link link-hover text-purple-400">300783</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=832786" target="_blank" class="link link-hover text-purple-400">832786</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=301126" target="_blank" class="link link-hover text-purple-400">301126</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=600824" target="_blank" class="link link-hover text-purple-400">600824</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=600774" target="_blank" class="link link-hover text-purple-400">600774</a></td><td>【三胎+重组+消费】同济生殖医院拥有试管婴儿、湖北省人类精子库等执业许可资质。</td><td><span class="badge badge-info badge-outline">相关个股</span></td></tr>
</tbody>
</table>
</div>
<!-- Rise Analysis Table -->
<div class="glass-card p-6 overflow-x-auto">
<h3 class="text-xl font-bold mb-4 text-cyan-300">涨幅异动分析</h3>
<table class="table table-zebra w-full text-base">
<thead>
<tr class="text-sky-300">
<th class="w-1/6">股票名称</th>
<th class="w-1/6">涨跌幅</th>
<th class="w-1/6">异动日期</th>
<th class="w-3/6">核心逻辑</th>
</tr>
</thead>
<tbody>
<tr><td>利德曼 (<a href="https://valuefrontier.cn/company?scode=300289" target="_blank" class="link link-hover text-purple-400">300289</a>)</td><td><span class="text-error font-semibold">+20.03%</span></td><td>2025-08-01</td><td>三部委发文将IVF核心项目纳入医保甲类并明确国产试剂优先公司手握AMH等辅助生殖检测注册证政策-产品-渠道闭环催化。</td></tr>
<tr><td>共同药业 (<a href="https://valuefrontier.cn/company?scode=300966" target="_blank" class="link link-hover text-purple-400">300966</a>)</td><td><span class="text-error font-semibold">+19.99%</span></td><td>2025-07-31</td><td>北京将核心项目纳入医保甲类,公司主营甾体激素原料药,下游直接对接促排及黄体支持药物,叠加婴童育儿补贴催化。</td></tr>
<tr><td>南模生物 (<a href="https://valuefrontier.cn/company?scode=688265" target="_blank" class="link link-hover text-purple-400">688265</a>)</td><td><span class="text-error font-semibold">+19.99%</span></td><td>2025-08-08</td><td>医保局拟将辅助生殖技术纳入医保,公司为生殖中心模型市占率第一稀缺标的,叠加上海研发补贴和新签订单,基本面预期上修。</td></tr>
<tr><td>福元医药 (<a href="https://valuefrontier.cn/company?scode=601089" target="_blank" class="link link-hover text-purple-400">601089</a>)</td><td><span class="text-error font-semibold">+9.98%</span></td><td>2025-08-04</td><td>辅助生殖技术配置规划+来曲唑医保谈判温和预期+山东省集采中标三大利好共振,公司拥有多个辅助生殖核心品种。</td></tr>
<tr><td>安科生物 (<a href="https://valuefrontier.cn/company?scode=300009" target="_blank" class="link link-hover text-purple-400">300009</a>)</td><td><span class="text-error font-semibold">+20.02%</span></td><td>2025-07-31</td><td>北京将辅助生殖纳入医保,公司生长激素水针若成功纳入医保增补,渗透率有望大幅提升,带来显著收入增量。</td></tr>
<tr><td>澳洋健康 (<a href="https://valuefrontier.cn/company?scode=002172" target="_blank" class="link link-hover text-purple-400">002172</a>)</td><td><span class="text-error font-semibold">+10.08%</span></td><td>2025-06-09</td><td>财政部表示将建立实施育儿补贴制度,公司涉及辅助生殖业务并布局妇幼健康服务。</td></tr>
<tr><td>星昊医药 (<a href="https://valuefrontier.cn/company?scode=430017" target="_blank" class="link link-hover text-purple-400">430017</a>)</td><td><span class="text-error font-semibold">+5.21%</span></td><td>2025-07-29</td><td>被市场视为"北交所唯一辅助生殖概念股",具备稀缺性,受益于辅助生殖板块整体走强。</td></tr>
<tr><td>戴维医疗 (<a href="https://valuefrontier.cn/company?scode=300314" target="_blank" class="link link-hover text-purple-400">300314</a>)</td><td><span class="text-error font-semibold">+6.55%</span></td><td>2025-07-28</td><td>国家育儿补贴政策出台,公司被市场视为"三胎龙头"和"A股人造第一股",直接受益于婴童产业链政策利好。</td></tr>
</tbody>
</table>
</div>
</div>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('penetrationRateChart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{b}: {c}%'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
splitLine: { show: false }
},
yAxis: {
type: 'category',
data: ['中国 (2023)', '美国 (2023)'],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } }
},
series: [
{
name: '渗透率',
type: 'bar',
data: [9.2, 33.0],
itemStyle: {
borderRadius: [0, 5, 5, 0],
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
{ offset: 0, color: '#22d3ee' }, // cyan
{ offset: 1, color: '#a855f7' } // purple
])
},
label: {
show: true,
position: 'right',
formatter: '{c}%',
color: '#fff'
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>