Files
vf_react/public/htmls/AI 医疗.html
2025-12-05 13:29:18 +08:00

448 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>AI 医疗 | 深度行业研究</title>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- ECharts -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<!-- Google Fonts -->
<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=Lexend:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color: rgba(79, 70, 229, 0.6);
--glow-color-light: rgba(129, 140, 248, 0.7);
}
body {
font-family: 'Lexend', sans-serif;
background-color: #020010;
background-image:
radial-gradient(at 20% 20%, hsla(212, 80%, 30%, 0.3) 0px, transparent 50%),
radial-gradient(at 80% 20%, hsla(289, 70%, 40%, 0.25) 0px, transparent 50%),
radial-gradient(at 50% 80%, hsla(190, 80%, 50%, 0.2) 0px, transparent 50%);
color: #e0e0e0;
}
.glass-card {
background: rgba(16, 17, 34, 0.4);
backdrop-filter: blur(12px) saturate(150%);
-webkit-backdrop-filter: blur(12px) saturate(150%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
box-shadow: 0 0 25px 0 rgba(79, 70, 229, 0.2);
border-color: rgba(79, 70, 229, 0.3);
}
.glow-text {
text-shadow: 0 0 8px var(--glow-color-light), 0 0 12px var(--glow-color);
}
.section-title {
font-family: 'IBM Plex Mono', monospace;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.timeline {
position: relative;
padding: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
left: 20px;
height: 100%;
width: 2px;
background: linear-gradient(to bottom, rgba(79, 70, 229, 0), var(--glow-color), rgba(79, 70, 229, 0));
}
.timeline-item {
position: relative;
padding-left: 50px;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: 12px;
top: 5px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--glow-color-light);
border: 3px solid #020010;
box-shadow: 0 0 10px var(--glow-color-light);
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-7xl mx-auto space-y-12">
<!-- Header -->
<header class="text-center py-8">
<h1 class="text-4xl md:text-6xl font-bold glow-text bg-clip-text text-transparent bg-gradient-to-br from-white to-indigo-300">
AI 医疗
</h1>
<p class="mt-4 text-xl md:text-2xl text-indigo-200 section-title tracking-widest">深度行业研究</p>
<p class="mt-4 text-sm text-gray-400">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现
</p>
</header>
<!-- Bento Grid: Overview -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="lg:col-span-2 glass-card p-6 flex flex-col justify-center">
<h2 class="section-title text-xl text-indigo-300 mb-4">核心观点摘要</h2>
<p class="text-gray-300 leading-relaxed">
AI医疗正处在一个由“技术平权”引爆的<strong class="text-white font-semibold">商业化落地加速期</strong>。其核心驱动力已从单纯的技术探索,转变为“<strong class="text-indigo-300">政策强力催化 + 数据价值重估 + 明确降本增效需求</strong>”三轮驱动的新阶段。未来,赛道的潜力将取决于能否构建“数据-模型-场景”的商业闭环,而短期内,拥有高质量专有数据和清晰应用场景的公司将率先兑现价值。
</p>
</div>
<div class="glass-card p-6">
<h2 class="section-title text-lg text-indigo-300 mb-2 text-center">市场规模 (国内)</h2>
<div id="marketSizeChart" class="w-full h-64"></div>
</div>
</section>
<!-- Timeline: Concept Events -->
<section class="glass-card p-8">
<h2 class="section-title text-2xl text-indigo-300 mb-8">概念发展脉络</h2>
<div class="timeline">
<div class="timeline-item">
<h3 class="font-bold text-lg text-white">技术奠基与范式变革期 <span class="text-sm font-normal text-gray-400 ml-2">(2024年初 - 2025年Q1)</span></h3>
<p class="text-gray-300 mt-2"><strong class="text-indigo-300">DeepSeek 开源低成本大模型</strong>为标志性事件极大降低AI部署门槛实现“AI平权”。产业焦点从模型能力转向数据价值开发与应用场景落地<strong class="font-semibold text-white">AI医疗订单与项目自25Q1起加速落地</strong></p>
</div>
<div class="timeline-item">
<h3 class="font-bold text-lg text-white">政策密集催化与生态构建期 <span class="text-sm font-normal text-gray-400 ml-2">(2025年Q2 - 至今)</span></h3>
<p class="text-gray-300 mt-2">国家层面印发<strong class="text-indigo-300">《医药工业数智化转型实施方案》</strong>地方广东发布应用场景案例。华为组建医疗军团、支付宝推出医疗Agent产业巨头入局生态构建加速。</p>
</div>
<div class="timeline-item">
<h3 class="font-bold text-lg text-white">市场验证与海外映射期 <span class="text-sm font-normal text-gray-400 ml-2">(2025年中)</span></h3>
<p class="text-gray-300 mt-2">英伟达<strong class="text-indigo-300">H20芯片恢复对华销售</strong>解决硬件端瓶颈。美股AI医疗龙头 <strong class="font-semibold text-white">Tempus AI (Q1收入+75.4%)</strong> 等股价持续上涨为A股提供了AI赋能医疗数据价值重估的清晰映射逻辑。</p>
</div>
</div>
</section>
<!-- Core Logic & Analysis -->
<section class="glass-card p-8" x-data="{ tab: 'drivers' }">
<div class="tabs tabs-boxed bg-black/20 mb-6">
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'drivers' }" @click.prevent="tab = 'drivers'">核心驱动力</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'expectation' }" @click.prevent="tab = 'expectation'">市场预期差</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'path' }" @click.prevent="tab = 'path'">未来发展路径</a>
</div>
<div x-show="tab === 'drivers'" class="space-y-6">
<h3 class="section-title text-2xl text-indigo-300">核心驱动力分析</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white text-lg">1. 技术范式转变 (AI平权)</h4>
<p class="text-gray-400 mt-2">以DeepSeek为代表的低成本、高性能开源大模型使AI部署进入“零门槛”时代解决了医疗IT企业“有数据、无能力”的困境竞争核心回归到行业数据本身的质量、维度和稀缺性。</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white text-lg">2. 政策顶层设计与强力推动</h4>
<p class="text-gray-400 mt-2">从工信部《转型方案》到广东省《场景案例》,政策不仅是口号,更给出了具体实施路径和应用场景,为商业化提供了确定性,降低了医院等下游客户的采纳顾虑。</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white text-lg">3. 数据价值的根本性重估</h4>
<p class="text-gray-400 mt-2">“本轮AI应用商业化落地本质在于行业数据”。联影医疗、Tempus AI等案例印证了高质量、多模态的专有数据是构筑竞争壁垒的核心。AI技术激活了沉睡的数据资产。</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white text-lg">4. 明确的商业化需求 (降本增效)</h4>
<p class="text-gray-400 mt-2">当前医院采购AI的核心动力是效率提升而非依赖医保。例如联影的“一扫多查”、讯飞的“智医助理”旨在解决医疗资源不均、医生负荷大的现实痛点商业逻辑清晰。</p>
</div>
</div>
</div>
<div x-show="tab === 'expectation'" class="space-y-4">
<h3 class="section-title text-2xl text-indigo-300">市场预期差分析</h3>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white text-lg">盈利能力的预期差</h4>
<p class="text-gray-400 mt-2">市场可能因“订单加速”而对短期盈利过于乐观。但行业龙头如联影智能2023年净亏损1.36亿元)仍处投入期,从订单到利润的转化难度和周期可能被低估。</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white text-lg">竞争格局的预期差</h4>
<p class="text-gray-400 mt-2">市场可能认为科技巨头将主导一切。但数据反复强调掌握核心行业数据和场景的传统医疗IT/设备商转型AI更具优势。AI平权后优势将从模型能力转向数据治理、场景理解和客户渠道。</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white text-lg">商业模式的预期差</h4>
<p class="text-gray-400 mt-2">市场可能仍在等待医保支付。但当前主流商业模式是面向B端的效率提升付费以及面向药企的数据服务付费如Tempus AI客户净留存率高达140%)。这些不依赖医保的模式可能比预期更快成熟。</p>
</div>
</div>
<div x-show="tab === 'path'" class="space-y-4">
<h3 class="section-title text-2xl text-indigo-300">长期发展路径</h3>
<ul class="steps steps-vertical">
<li class="step step-primary" data-content="1">
<div class="text-left ml-4">
<h4 class="font-semibold text-white text-lg">第一阶段 (当前-2027年) - “工具化”与“流程优化”</h4>
<p class="text-gray-400">以AI医学影像、CDSS等单点功能应用为主商业模式以B端项目制、订阅费为主。关键里程碑是实现基层诊疗智能辅助应用基本覆盖。</p>
</div>
</li>
<li class="step step-primary" data-content="2">
<div class="text-left ml-4">
<h4 class="font-semibold text-white text-lg">第二阶段 (2027-2030年) - “平台化”与“多模态融合”</h4>
<p class="text-gray-400">AI Agent和多模态大模型成为主流融合影像、基因、病理等多维数据提供全流程解决方案。AI+慢病管理、AI+药物研发进入快速发展期。</p>
</div>
</li>
<li class="step" data-content="3">
<div class="text-left ml-4">
<h4 class="font-semibold text-white text-lg">第三阶段 (2030年以后) - “智能化”与“生态闭环”</h4>
<p class="text-gray-400">AI深度融入医疗体系实现个性化精准医疗、AI自主研发新药。与硬件深度结合形成“AI+医+药+险+康养”的生态闭环。</p>
</div>
</li>
</ul>
</div>
</section>
<!-- Industry Chain & Core Companies -->
<section class="glass-card p-8">
<h2 class="section-title text-2xl text-indigo-300 mb-8">产业链与核心玩家深度剖析</h2>
<div class="space-y-8">
<!-- Industry Chain Map -->
<div>
<h3 class="font-bold text-xl text-white mb-4">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-center">
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-indigo-300">上游 | 基础层</h4>
<p class="text-sm text-gray-300 mt-2">数据提供 (医院, 体检机构)<br>算力提供 (英伟达)<br>算法/模型 (DeepSeek, 华为盘古)</p>
</div>
<div class="p-4 bg-indigo-900/30 rounded-xl border border-indigo-500/50">
<h4 class="font-semibold text-indigo-200">中游 | 技术/应用层 <span class="badge badge-primary badge-sm ml-1">核心</span></h4>
<p class="text-sm text-gray-300 mt-2">AI+诊断 (联影, 讯飞)<br>AI+医疗IT (卫宁, 东软)<br>AI+药物研发 (泓博医药)</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-indigo-300">下游 | 场景/用户层</h4>
<p class="text-sm text-gray-300 mt-2">G端 (卫健委, 医保局)<br>B端 (医院, 药企)<br>C端 (个人用户)</p>
</div>
</div>
</div>
<!-- Core Players -->
<div>
<h3 class="font-bold text-xl text-white mb-4">核心玩家对比</h3>
<div class="space-y-4">
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-medium text-white">
领导者梯队
</div>
<div class="collapse-content">
<p><strong>联影医疗:</strong> AI影像绝对龙头。“高端硬件+AI软件”生态闭环拥有国内最多的12张三类证监管与数据壁垒高。</p>
<p class="mt-2"><strong>讯飞医疗:</strong> 基层CDSS垄断者。基层市场61.5%占有率形成飞轮效应背靠星火大模型技术迭代快G/B/C三端联动。</p>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" />
<div class="collapse-title text-xl font-medium text-white">
核心追赶者/转型者
</div>
<div class="collapse-content">
<p><strong>卫宁健康/东软集团:</strong> 传统医疗IT巨头转型代表。优势在于庞大存量医院客户基础。东软集团Q1 AI订单+211%验证转型逻辑。</p>
<p class="mt-2"><strong>润达医疗:</strong> AI Agent潜力股。定位IVD数字化服务与华为深度合作Agent模式具备高成长性。</p>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" />
<div class="collapse-title text-xl font-medium text-white">
数据价值核心标的
</div>
<div class="collapse-content">
<p><strong>医渡科技:</strong> 逻辑最纯粹的医疗数据处理与价值挖掘公司。核心优势是处理了50亿+医疗记录的“医疗大脑”商业模式接近海外Tempus AI潜力巨大。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Investment Conclusion & Risks -->
<section class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="glass-card p-6">
<h2 class="section-title text-xl text-indigo-300 mb-4">综合结论与投资启示</h2>
<p class="text-gray-300 mb-4">AI医疗已进入由订单和应用驱动的<strong class="text-white">早期基本面兑现阶段</strong>。行业景气度向上,但距离大规模盈利仍有距离,属于典型的高成长、高估值、高风险赛道。投资逻辑应从“寻找概念”转向“甄选具备核心壁垒和落地能力的阿尔法”。</p>
<ul class="space-y-2 list-disc list-inside text-gray-300">
<li><strong class="text-indigo-300">短期 (1-2年):</strong> 关注强壁垒“AI+硬件/工具”提供商,如联影医疗、讯飞医疗。</li>
<li><strong class="text-indigo-300">中期 (2-3年):</strong> 关注订单强劲增长的“AI+IT”转型企业如东软集团。</li>
<li><strong class="text-indigo-300">长期 (3-5年):</strong> 关注掌握高质量专有数据的平台型公司,如医渡科技。</li>
</ul>
</div>
<div class="glass-card p-6">
<h2 class="section-title text-xl text-red-400 mb-4">潜在风险与挑战</h2>
<ul class="space-y-3">
<li><strong class="text-red-300">技术风险:</strong> 大模型存在“幻觉”问题在要求100%准确的医疗领域是致命短板。</li>
<li><strong class="text-red-300">商业化风险:</strong> 国内医院对纯软件付费意愿偏低C端用户信任度、付费意愿是瓶颈。</li>
<li><strong class="text-red-300">政策与竞争风险:</strong> 数据安全与隐私监管日益严格AI诊疗责任界定悬而未决“AI平权”可能导致同质化竞争。</li>
<li><strong class="text-red-300">验证风险:</strong> 行业高速发展的新闻报道与部分公司财报亏损存在“温差”,需平衡看待景气度与个体盈利现实。</li>
</ul>
</div>
</section>
<!-- Stock Tables -->
<section class="space-y-12">
<div>
<h2 class="section-title text-2xl text-indigo-300 mb-6">相关标的梳理 | AI+诊断/检验/信息化</h2>
<div class="overflow-x-auto glass-card p-4">
<table class="table table-zebra w-full">
<thead class="text-indigo-300">
<tr>
<th>股票名称</th>
<th>核心逻辑/业务</th>
<th>细分赛道</th>
</tr>
</thead>
<tbody>
<tr><td><a href="https://valuefrontier.cn/company?scode=603108" target="_blank" class="link link-hover">润达医疗 (603108)</a></td><td>第三方院内诊断机构排名第一、疾病智能诊疗、与华为合作良医小慧</td><td>AI+检验诊断</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=603882" target="_blank" class="link link-hover">金域医学 (603882)</a></td><td>智慧医检接入DeepSeek大模型提升基因数据学习效率</td><td>AI+检验诊断</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=300244" target="_blank" class="link link-hover">迪安诊断 (300244)</a></td><td>细胞病理、组织病理AI辅助诊断发布智慧实验室信息化管理系统</td><td>AI+检验诊断</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=002044" target="_blank" class="link link-hover">美年健康 (002044)</a></td><td>智能总检、与华为合作发布健康管理AI机器人“健康小美”</td><td>AI+病理诊断/健康管理</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=300676" target="_blank" class="link link-hover">华大基因 (300676)</a></td><td>发布首个基因检测多模态大模型GeneT推出遗传病诊断智能化解读工具</td><td>AI诊断</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=600055" target="_blank" class="link link-hover">万东医疗 (600055)</a></td><td>AI影像技术基于智慧天眼的MR、CT、DR等多产品线自动摆位技术</td><td>AI诊断</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=688358" target="_blank" class="link link-hover">祥生医疗 (688358)</a></td><td>超声AI产品“乳腺疾病超声辅助诊断软件”已取得Ⅲ类注册证</td><td>AI诊断</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=300253" target="_blank" class="link link-hover">卫宁健康 (300253)</a></td><td>国内医疗卫生信息化龙头发布基于DS的WiNGPT2.8</td><td>AI+医疗数据信息</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=600718" target="_blank" class="link link-hover">东软集团 (600718)</a></td><td>全国医保平台主要承建商之一25Q1新签AI+医疗合同同比+211%</td><td>AI+医疗数据信息</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=300451" target="_blank" class="link link-hover">创业慧康 (300451)</a></td><td>电子病历、医院智慧管理25Q1新增多个含AI大模型部署的千万级订单</td><td>AI+医疗数据信息</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=300288" target="_blank" class="link link-hover">朗玛信息 (300288)</a></td><td>“39AI全科医生”大模型应用于辅助诊断、健康咨询</td><td>AI+医疗数据信息</td></tr>
</tbody>
</table>
</div>
</div>
<div>
<h2 class="section-title text-2xl text-indigo-300 mb-6">相关标的梳理 | AI+制药/健康管理/自动化</h2>
<div class="overflow-x-auto glass-card p-4">
<table class="table table-zebra w-full">
<thead class="text-indigo-300">
<tr>
<th>股票名称</th>
<th>核心逻辑/业务</th>
<th>细分赛道</th>
</tr>
</thead>
<tbody>
<tr><td><a href="https://valuefrontier.cn/company?scode=688222" target="_blank" class="link link-hover">成都先导 (688222)</a></td><td>推进DEL+AI在新药发现与优化方面的应用AI模型基于海量真实实验数据</td><td>AI制药</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=301230" target="_blank" class="link link-hover">泓博医药 (301230)</a></td><td>设立CADD/AIDD技术平台已累计为69个新药项目提供技术支持</td><td>AI制药</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=688131" target="_blank" class="link link-hover">皓元医药 (688131)</a></td><td>与多家AI制药公司形成战略合作合作的合成预测平台可实现小分子合成路线预测</td><td>AI制药</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=002432" target="_blank" class="link link-hover">九安医疗 (002432)</a></td><td>投资月之暗面等AI公司布局AI慢病医生助手</td><td>AI健康管理</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=300562" target="_blank" class="link link-hover">乐心医疗 (300562)</a></td><td>从消费级穿戴设备转向医疗级远程患者监测(RPM)服务,结合内测心血管大模型</td><td>AI健康管理</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=688329" target="_blank" class="link link-hover">艾隆科技 (688329)</a></td><td>智慧药房,自动化药房设备</td><td>AI+自动化药房</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=605186" target="_blank" class="link link-hover">健麾信息 (605186)</a></td><td>智慧药房、智能化静配中心、医保结算无人售药机</td><td>AI+自动化药房</td></tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Footer / Disclaimer -->
<footer class="text-center py-8 mt-12 border-t border-white/10">
<p class="text-sm text-gray-500">本报告由北京价值前沿科技有限公司 AI投研agent“价小前投研” 合成生成。</p>
<p class="text-xs text-gray-600 mt-2">免责声明本报告内容基于公开数据、新闻、路演、研报和insight分析由AI模型处理和呈现可能存在信息滞后或偏差。内容仅供研究参考不构成任何投资建议。投资者据此操作风险自担。投资有风险入市需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('marketSizeChart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(16, 17, 34, 0.7)',
borderColor: 'rgba(79, 70, 229, 0.5)',
textStyle: {
color: '#E0E0E0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['2023年', '2024年 (预计)'],
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
}
},
axisLabel: {
color: '#A0AEC0'
}
},
yAxis: {
type: 'value',
name: '亿元',
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
}
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
},
axisLabel: {
color: '#A0AEC0'
}
},
series: [{
name: '市场规模',
type: 'bar',
barWidth: '40%',
data: [780.5, 936.6],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(129, 140, 248, 0.8)' },
{ offset: 1, color: 'rgba(79, 70, 229, 0.8)' }
]),
borderRadius: [4, 4, 0, 0]
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(165, 180, 252, 1)' },
{ offset: 1, color: 'rgba(99, 102, 241, 1)' }
]),
}
},
label: {
show: true,
position: 'top',
color: '#FFFFFF',
formatter: '{c} 亿元'
}
}]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>