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

474 lines
32 KiB
HTML
Raw Permalink 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>
<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="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></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=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background: #000010;
background-image:
radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), rgba(255, 255, 255, 0)),
radial-gradient(circle at 80% 20%, rgba(50, 150, 255, 0.15), transparent 50%),
radial-gradient(circle at 20% 80%, rgba(200, 50, 150, 0.15), transparent 50%);
color: #e0e0e0;
}
.glass-card {
background: rgba(22, 28, 45, 0.5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(28, 35, 56, 0.6);
border: 1px solid rgba(255, 255, 255, 0.15);
transform: translateY(-5px);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
}
@media (max-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.bento-grid {
grid-template-columns: 1fr;
}
}
.bento-item-large {
grid-column: span 2;
grid-row: span 2;
}
.bento-item-wide {
grid-column: span 2;
}
.bento-item-tall {
grid-row: span 2;
}
.glow-text {
text-shadow: 0 0 8px rgba(59, 130, 246, 0.6), 0 0 12px rgba(139, 92, 246, 0.4);
}
.section-title {
font-size: 2.5rem;
font-weight: 700;
background: -webkit-linear-gradient(45deg, #a855f7, #3b82f6, #14b8a6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 2rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.table th, .table td {
border-color: rgba(255, 255, 255, 0.15);
}
.table th.category-header {
background-color: rgba(59, 130, 246, 0.1);
color: #60a5fa;
font-size: 1.1rem;
text-align: center;
}
.highlight {
color: #60a5fa;
font-weight: 600;
}
</style>
</head>
<body class="min-h-screen">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center my-8 md:my-16">
<h1 class="text-4xl md:text-6xl font-bold glow-text">AI医药 x 华为</h1>
<p class="text-xl md:text-2xl mt-4 text-gray-400">深度行研报告</p>
<div class="mt-6 text-sm text-gray-500">
<p>呈现方: 北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
<p>本报告基于多源信息由AI合成仅供参考投资需谨慎。</p>
</div>
</header>
<!-- Concept Genesis Timeline -->
<section class="mb-16">
<h2 class="section-title">概念衍化路径</h2>
<div class="glass-card rounded-3xl p-6">
<div id="timeline-chart" style="width: 100%; height: 400px;"></div>
</div>
</section>
<!-- Insight Core -->
<section class="mb-16">
<h2 class="section-title">核心观点 (Insight)</h2>
<div class="space-y-8">
<div class="glass-card rounded-3xl p-8">
<h3 class="text-2xl font-bold text-cyan-400 mb-4">分析师摘要</h3>
<p class="text-lg text-gray-300">“AI医药华为”概念正从主题炒作阶段<span class="highlight">过渡到应用落地与基本面验证的初期</span>。其核心驱动力在于华为以“<span class="highlight">赋能者而非竞争者</span>”的角色提供从底层算力到上层模型平台的全栈国产化AI基础设施有效解决了医疗行业AI转型的技术与数据处理瓶颈。未来潜力巨大但短期内业绩兑现的拐点路演预期为<span class="highlight">2026-2027年</span>)与商业模式的成熟度是关键的观察点。</p>
</div>
<div class="glass-card rounded-3xl p-8">
<h3 class="text-2xl font-bold text-purple-400 mb-4">核心逻辑与市场认知</h3>
<ul class="space-y-4 list-disc list-inside text-gray-300">
<li><strong class="text-white">技术赋能与国产替代:</strong> 概念的根本逻辑是技术驱动。华为凭借其在<span class="highlight">昇腾AI芯片、鲲鹏服务器、盘古大模型、AI存储</span>等领域的全栈自研能力为医疗行业提供了安全可控、高性能的数字化底座契合了医疗数据安全和IT系统国产化替代的宏观政策趋势。</li>
<li><strong class="text-white">“平台+生态”的战略定位:</strong> 华为定位为“<span class="highlight">基础设施服务商</span>提供算力与基座与医院、ISV等生态伙伴合作开发场景应用。这种“被集成”策略使其与合作伙伴不存在业务竞争极大地调动了生态的积极性。</li>
<li><strong class="text-white">解决行业核心痛点:</strong> 华为的技术直指医疗行业的核心痛点。例如与瑞金医院合作中华为DCS AI解决方案可<span class="highlight">缩短80%医疗数据准备周期</span>解决了AI研发中最耗时的数据治理问题AI病理诊断则直接应对了中国病理医生严重短缺的现实困境。</li>
<li><strong class="text-white">预期差分析:</strong> 市场普遍认知可能将华为视为直接开发医疗AI应用的厂商但事实是其核心角色是<span class="highlight">技术底座的提供者</span>(如瑞金案例中算法依托商汤)。投资逻辑应聚焦于其生态的广度与合作伙伴的质量,而非华为自身的医疗算法能力。看似“枯燥”的<span class="highlight">医疗信息化(HIS)厂商</span>和数据治理公司,其价值可能被市场低估。</li>
</ul>
</div>
<div class="grid lg:grid-cols-2 gap-8">
<div class="glass-card rounded-3xl p-8">
<h3 class="text-2xl font-bold text-blue-400 mb-4">关键催化剂与未来路径</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-lg text-white">近期催化剂 (3-6个月)</h4>
<ul class="list-disc list-inside text-gray-400">
<li>更多标杆案例落地(影像、基因等)。</li>
<li>华为自身技术发布(如新一代昇腾芯片)。</li>
<li>行业标准建立(如数字化病理扫描共享格式推广)。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-lg text-white">长期发展路径</h4>
<ol class="list-decimal list-inside text-gray-400">
<li><span class="highlight">点状突破 (当前):</span> 与头部医院打造“样板间”。</li>
<li><span class="highlight">线状延伸 (中期):</span> 将成熟解决方案规模化复制。</li>
<li><span class="highlight">网状融合 (长期):</span> 构建“AI诊断-硬件-研发-协同”全链条生态。</li>
</ol>
</div>
</div>
</div>
<div class="glass-card rounded-3xl p-8">
<h3 class="text-2xl font-bold text-red-400 mb-4">潜在风险与挑战</h3>
<ul class="space-y-3 list-disc list-inside text-gray-300">
<li><strong class="text-white">技术风险:</strong> 医疗数据孤岛与标准化问题依然是巨大挑战AI性能高度依赖高质量数据。</li>
<li><strong class="text-white">商业化风险:</strong> 支付方不明确,商业模式仍在探索。医保是否付费是长期关键,医院需看到清晰的投入产出比。</li>
<li><strong class="text-white">信息交叉验证风险:</strong> 华为生态是开放的,会集成最优算法伙伴(如商汤),而非所有都是华为自研算法,需警惕简单化认知带来的误判。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Supporting Evidence - Bento Grid -->
<section class="mb-16">
<h2 class="section-title">多源情报聚合</h2>
<div class="bento-grid">
<div class="bento-item-large glass-card rounded-3xl p-6 flex flex-col">
<h4 class="text-xl font-bold text-cyan-300 mb-2">核心事件:华为 x 瑞金医院</h4>
<p class="text-sm text-gray-400 mb-4">发布“瑞智病理大模型RuiPath”标志着华为全栈AI技术在顶级医疗场景的成功落地。</p>
<div class="flex-grow grid grid-cols-2 gap-4 text-center">
<div class="bg-black/20 rounded-xl p-3">
<p class="text-2xl font-bold text-white">90%</p>
<p class="text-xs text-gray-400">癌种覆盖</p>
</div>
<div class="bg-black/20 rounded-xl p-3">
<p class="text-2xl font-bold text-white">秒级</p>
<p class="text-xs text-gray-400">单切片诊断时间</p>
</div>
<div class="bg-black/20 rounded-xl p-3">
<p class="text-2xl font-bold text-white">300本</p>
<p class="text-xs text-gray-400">病理诊断书籍学习</p>
</div>
<div class="bg-black/20 rounded-xl p-3">
<p class="text-2xl font-bold text-white">-80%</p>
<p class="text-xs text-gray-400">数据准备周期</p>
</div>
</div>
</div>
<div class="glass-card rounded-3xl p-6">
<h4 class="text-xl font-bold text-purple-300 mb-2">华为的角色定位</h4>
<p class="text-gray-300">提供DCS AI解决方案、昇腾芯片等软硬件构筑智慧医疗大模型根基实现一站式应用和诊疗一体。</p>
</div>
<div class="glass-card rounded-3xl p-6">
<h4 class="text-xl font-bold text-blue-300 mb-2">AI医疗战略</h4>
<p class="text-gray-300">组建<span class="highlight">医疗卫生军团</span>,推进盘古大模型在药物研发、智慧医疗等五大场景落地。</p>
</div>
<div class="bento-item-wide glass-card rounded-3xl p-6">
<h4 class="text-xl font-bold text-green-300 mb-2">产业链观点 (路演)</h4>
<p class="text-gray-300">华为作为“基础设施服务商”,通过<span class="highlight">昇腾/鲲鹏</span>推动医疗IT国产化与ISV如卫宁、东软合作赋能生态但不参与场景竞争降低对合作伙伴的威胁。</p>
</div>
<div class="glass-card rounded-3xl p-6">
<h4 class="text-xl font-bold text-yellow-300 mb-2">AI制药布局 (研报)</h4>
<p class="text-gray-300">发布<span class="highlight">盘古药物分子大模型</span>,与云南白药等药企合作,深入大小分子设计、数据库开发等核心环节。</p>
</div>
</div>
</section>
<!-- Industry Chain -->
<section class="mb-16">
<h2 class="section-title">产业链深度剖析</h2>
<div class="grid lg:grid-cols-3 gap-8">
<!-- Upstream -->
<div class="glass-card rounded-3xl p-6 border-t-4 border-blue-500">
<h3 class="text-2xl font-bold mb-4 text-blue-400">上游:技术与基础设施</h3>
<p class="mb-4 text-gray-400">华为作为核心提供全栈AI软硬件。</p>
<div class="badge badge-lg badge-outline border-blue-400 text-blue-400">华为 (未上市)</div>
<ul class="mt-4 space-y-2 text-sm">
<li><span class="font-semibold text-white">芯片:</span> 昇腾 / 鲲鹏</li>
<li><span class="font-semibold text-white">平台:</span> 华为云 / 盘古大模型</li>
<li><span class="font-semibold text-white">存储:</span> DCS存储解决方案</li>
</ul>
</div>
<!-- Midstream -->
<div class="glass-card rounded-3xl p-6 border-t-4 border-purple-500">
<h3 class="text-2xl font-bold mb-4 text-purple-400">中游:解决方案与应用</h3>
<p class="mb-4 text-gray-400">将华为AI能力集成并开发垂直应用。</p>
<div>
<h4 class="font-semibold text-white mb-2">医疗信息化厂商 (集成)</h4>
<div class="flex flex-wrap gap-2">
<div class="badge badge-outline">卫宁健康</div> <div class="badge badge-outline">东软集团</div> <div class="badge badge-outline">万达信息</div>
</div>
</div>
<div class="mt-4">
<h4 class="font-semibold text-white mb-2">垂直应用开发商 (AI)</h4>
<div class="flex flex-wrap gap-2">
<div class="badge badge-outline">润达医疗</div> <div class="badge badge-outline">金域医学</div> <div class="badge badge-outline">联影医疗</div> <div class="badge badge-outline">阳光诺和</div>
</div>
</div>
</div>
<!-- Downstream -->
<div class="glass-card rounded-3xl p-6 border-t-4 border-teal-500">
<h3 class="text-2xl font-bold mb-4 text-teal-400">下游:终端用户与设备</h3>
<p class="mb-4 text-gray-400">AI医疗技术的最终应用场景。</p>
<div>
<h4 class="font-semibold text-white mb-2">医疗机构</h4>
<div class="flex flex-wrap gap-2">
<div class="badge badge-outline">医院</div> <div class="badge badge-outline">体检中心</div> <div class="badge badge-outline">第三方实验室</div>
</div>
</div>
<div class="mt-4">
<h4 class="font-semibold text-white mb-2">C端硬件</h4>
<div class="flex flex-wrap gap-2">
<div class="badge badge-outline">乐心医疗 (ODM)</div>
</div>
</div>
</div>
</div>
<div class="mt-8 glass-card rounded-3xl p-8">
<h3 class="text-2xl font-bold text-yellow-400 mb-4">最具投资价值环节</h3>
<ul class="space-y-3 list-disc list-inside text-gray-300">
<li><strong class="text-white">“卖水者”——医疗信息化(IT)核心伙伴:</strong><span class="highlight">卫宁健康、东软集团</span>。它们是华为AI技术进入医院的“管道”业务确定性最高。</li>
<li><strong class="text-white">“数据金矿主”——拥有高质量数据的垂直领域龙头:</strong><span class="highlight">金域医学(病理)、润达医疗(综合检验)</span>。它们与华为的合作是“数据+算力”的强强联合,最有可能率先实现商业化。</li>
</ul>
</div>
</section>
<!-- Rise Analysis -->
<section class="mb-16">
<h2 class="section-title">近期异动个股解析</h2>
<div class="space-y-4">
<div class="collapse collapse-plus glass-card rounded-2xl" x-data="{ open: false }">
<div class="collapse-title text-xl font-medium" @click="open = !open">
沃华医药 (002107) <span class="text-green-400 ml-2">+10.01%</span>
</div>
<div class="collapse-content" x-show="open">
<p class="text-gray-400">核心结论: 7月16日晚骨疏康胶囊中药保护续保7年+参丹通脑滴丸纳入医保乙类目录+与华为云AI制药合作落地三大利好共振7月17日一字涨停。</p>
</div>
</div>
<div class="collapse collapse-plus glass-card rounded-2xl" x-data="{ open: false }">
<div class="collapse-title text-xl font-medium" @click="open = !open">
延华智能 (002178) <span class="text-green-400 ml-2">+9.94%</span>
</div>
<div class="collapse-content" x-show="open">
<p class="text-gray-400">核心结论: “2.3亿元三甲医院智能化大单+上海30%财政补贴新政+华为鸿蒙智慧病房合作”三重催化在48小时内集中兑现叠加半年度净利增183%的业绩安全垫,资金集中抢筹所致。</p>
</div>
</div>
<div class="collapse collapse-plus glass-card rounded-2xl" x-data="{ open: false }">
<div class="collapse-title text-xl font-medium" @click="open = !open">
华人健康 (301408) <span class="text-green-400 ml-2">+19.97%</span>
</div>
<div class="collapse-content" x-show="open">
<p class="text-gray-400">核心结论: 蚂蚁集团发布AI健康应用AQ作为阿里系关联企业(阿里持股5%),华人健康被认为有望受益。医疗信息化和创新药概念股当天整体走强,板块效应明显。</p>
</div>
</div>
</div>
</section>
<!-- Stock Table -->
<section class="mb-16">
<h2 class="section-title">相关概念股全景</h2>
<div class="overflow-x-auto glass-card rounded-3xl p-4">
<table class="table table-zebra w-full text-base">
<thead>
<tr class="text-white text-lg">
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>细分赛道</th>
</tr>
</thead>
<tbody>
<tr><th colspan="4" class="category-header">医疗大模型</th></tr>
<tr><td>润达医疗</td><td><a href="https://valuefrontier.cn/company?scode=603108" target="_blank" class="link link-hover text-blue-400">603108</a></td><td>医学AI智能体“睿兵Agent”由华西医院联合润达医疗、华为、智算云腾(成都)共同研发</td><td>华为AI医疗</td></tr>
<tr><td>塞力医疗</td><td><a href="https://valuefrontier.cn/company?scode=603716" target="_blank" class="link link-hover text-blue-400">603716</a></td><td>与华为武汉研究所合作脑科学大模型、罕见病/危重症等专病大模型</td><td>华为AI医疗</td></tr>
<tr><td>科大讯飞</td><td><a href="https://valuefrontier.cn/company?scode=002230" target="_blank" class="link link-hover text-blue-400">002230</a></td><td>华为与讯飞医疗开发智能医疗助手(支持语音病历、智能查房)</td><td>华为AI医疗</td></tr>
<tr><td>美年健康</td><td><a href="https://valuefrontier.cn/company?scode=002044" target="_blank" class="link link-hover text-blue-400">002044</a></td><td>联合华为云、润达医疗打造的“健康小美”辅助医生进行疾病诊断</td><td>华为AI医疗</td></tr>
<tr><th colspan="4" class="category-header">检验/病理</th></tr>
<tr><td>安必平</td><td><a href="https://valuefrontier.cn/company?scode=688393" target="_blank" class="link link-hover text-blue-400">688393</a></td><td>基于昇腾AI在病理数据库和算力生态方面, 打造整个病理科全科数字化的产品</td><td>华为AI医疗</td></tr>
<tr><td>迪安诊断</td><td><a href="https://valuefrontier.cn/company?scode=300244" target="_blank" class="link link-hover text-blue-400">300244</a></td><td>携手华为云发布迪安医检大模型</td><td>华为AI医疗</td></tr>
<tr><td>启迪药业</td><td><a href="https://valuefrontier.cn/company?scode=000590" target="_blank" class="link link-hover text-blue-400">000590</a></td><td>参股子公司衡道病理助力瑞金医院,与华为合作发布“瑞智(RuiPath)病理大模型”</td><td>华为AI医疗</td></tr>
<tr><td>金域医学</td><td><a href="https://valuefrontier.cn/company?scode=603882" target="_blank" class="link link-hover text-blue-400">603882</a></td><td>合作华为推出AI辅助病理诊断AI辅助宫颈癌筛查模型</td><td>华为AI医疗, AI检测</td></tr>
<tr><th colspan="4" class="category-header">影像</th></tr>
<tr><td>联影医疗</td><td><a href="https://valuefrontier.cn/company?scode=688271" target="_blank" class="link link-hover text-blue-400">688271</a></td><td>联影与华为战略签约构建医疗新生态AI影像设备市占率领先</td><td>华为AI医疗</td></tr>
<tr><td>万东医疗</td><td><a href="https://valuefrontier.cn/company?scode=600055" target="_blank" class="link link-hover text-blue-400">600055</a></td><td>合作华为云影像医疗平台</td><td>华为AI医疗</td></tr>
<tr><th colspan="4" class="category-header">医疗信息化</th></tr>
<tr><td>卫宁健康</td><td><a href="https://valuefrontier.cn/company?scode=300253" target="_blank" class="link link-hover text-blue-400">300253</a></td><td>与华为在AI辅助诊断等医疗信息化领域有合作</td><td>华为AI医疗</td></tr>
<tr><td>万达信息</td><td><a href="https://valuefrontier.cn/company?scode=300168" target="_blank" class="link link-hover text-blue-400">300168</a></td><td>华为金牌合作伙伴AI赋能DIP医保支付系统市占率领先</td><td>华为AI医疗</td></tr>
<tr><td>东软集团</td><td><a href="https://valuefrontier.cn/company?scode=600718" target="_blank" class="link link-hover text-blue-400">600718</a></td><td>医疗健康信息化领域的全面生态伙伴基于华为大模型技术推出了多款“AI+医疗”行业应用</td><td>华为AI医疗</td></tr>
<tr><td>创业慧康</td><td><a href="https://valuefrontier.cn/company?scode=300451" target="_blank" class="link link-hover text-blue-400">300451</a></td><td>华为医疗云核心合作伙伴AI技术应用于诊疗决策支持</td><td>华为AI医疗</td></tr>
<tr><th colspan="4" class="category-header">AI制药</th></tr>
<tr><td>阳光诺和</td><td><a href="https://valuefrontier.cn/company?scode=688621" target="_blank" class="link link-hover text-blue-400">688621</a></td><td>与华为深度合作开发基于华为盘古大模型的AI多肽分子大模型平台</td><td>华为AI医疗</td></tr>
<tr><td>天士力</td><td><a href="https://valuefrontier.cn/company?scode=600535" target="_blank" class="link link-hover text-blue-400">600535</a></td><td>与华为云合作开发的“中医药大模型”</td><td>华为AI医疗</td></tr>
<tr><td>翰宇药业</td><td><a href="https://valuefrontier.cn/company?scode=300199" target="_blank" class="link link-hover text-blue-400">300199</a></td><td>华为公司访问翰宇药业共谋AI制药行业合作新篇章</td><td>华为AI医疗</td></tr>
<tr><td>微芯生物</td><td><a href="https://valuefrontier.cn/company?scode=688321" target="_blank" class="link link-hover text-blue-400">688321</a></td><td>早期研发项目AI应用涉及盘古药物大模型为基础的华为云医疗智能体EIHealth平台</td><td>华为AI医疗</td></tr>
<tr><th colspan="4" class="category-header">基因检测 & 医疗器械</th></tr>
<tr><td>华大基因</td><td><a href="https://valuefrontier.cn/company?scode=300676" target="_blank" class="link link-hover text-blue-400">300676</a></td><td>华为与华大基因在华为云计算大会2015上签署《基因大数据存储系统联合开发协议》</td><td>基因检测</td></tr>
<tr><td>贝瑞基因</td><td><a href="https://valuefrontier.cn/company?scode=000710" target="_blank" class="link link-hover text-blue-400">000710</a></td><td>公司与国内数据云的领航者华为云和阿里云结成战略合作伙伴</td><td>基因检测</td></tr>
<tr><td>乐心医疗</td><td><a href="https://valuefrontier.cn/company?scode=300562" target="_blank" class="link link-hover text-blue-400">300562</a></td><td>公司与华为在智能体脂秤项目已建立深度合作关系,公司战略聚焦远程健康监测</td><td>医疗器械</td></tr>
</tbody>
</table>
</div>
</section>
<footer class="text-center text-gray-600 py-8">
<p>&copy; 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
<p>AI驱动投研赋能价值发现。数据仅供参考不构成任何投资建议。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('timeline-chart');
var myChart = echarts.init(chartDom, 'dark'); // Initialize with dark theme
var option;
const data = [
{ name: '早期探索', value: [new Date('2018-01-01'), '2018: 金域医学合作开发宫颈癌诊断AI模型效率提升100%'], itemStyle: { color: '#3b82f6' } },
{ name: '战略合作', value: [new Date('2022-07-01'), '2022: 与云南白药达成药物研发合作进入AI制药上游'], itemStyle: { color: '#8b5cf6' } },
{ name: '平台化加速', value: [new Date('2023-06-01'), '2023: 组建医疗卫生军团,发布盘古医疗大模型,与润达医疗合作落地'], itemStyle: { color: '#a855f7' } },
{ name: '市场引爆', value: [new Date('2025-02-01'), '2025: 联合瑞金医院发布“瑞智病理大模型”,引爆市场关注'], itemStyle: { color: '#ec4899' } },
{ name: '未来拐点', value: [new Date('2026-06-01'), '2026-2027: 业绩兑现拐点(券商路演预期)'], itemStyle: { color: '#14b8a6' } }
];
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
formatter: function (params) {
return params[0].value[1];
},
backgroundColor: 'rgba(22, 28, 45, 0.8)',
borderColor: 'rgba(255, 255, 255, 0.2)',
textStyle: {
color: '#e0e0e0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'time',
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
splitLine: { show: false },
},
yAxis: {
type: 'value',
data: data.map(item => item.name),
show: false
},
series: [{
type: 'line',
showSymbol: false,
data: data.map(item => [item.value[0], 0]), // Dummy line
lineStyle: { width: 0 }
}, {
type: 'custom',
renderItem: function (params, api) {
var categoryIndex = api.value(0);
var start = api.coord([api.value(1), categoryIndex]);
var end = api.coord([api.value(2), categoryIndex]);
var height = api.size([0, 1])[1] * 0.6;
var rectShape = echarts.graphic.clipRectByRect({
x: start[0],
y: start[1] - height / 2,
width: end[0] - start[0],
height: height
}, {
x: params.coordSys.x,
y: params.coordSys.y,
width: params.coordSys.width,
height: params.coordSys.height
});
return rectShape && {
type: 'rect',
shape: rectShape,
style: api.style()
};
},
itemStyle: {
opacity: 0.8
},
encode: {
x: [1, 2],
y: 0
},
data: data
},
{
name: 'events',
type: 'scatter',
symbol: 'circle',
symbolSize: 15,
label: {
show: true,
position: 'bottom',
formatter: '{b}',
color: '#fff',
fontSize: 12,
distance: 10,
},
data: data,
zlevel: 1
}]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>