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

474
public/htmls/AI医药华为.html Normal file
View File

@@ -0,0 +1,474 @@
<!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>