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

423
public/htmls/AI医疗-阿里系.html Normal file
View File

@@ -0,0 +1,423 @@
<!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>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/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=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background-color: #0c0a18;
background-image:
radial-gradient(ellipse at 30% 20%, rgba(28, 25, 23, 0.2) 0%, transparent 70%),
radial-gradient(ellipse at 70% 80%, rgba(28, 25, 23, 0.2) 0%, transparent 70%),
url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?q=80&w=3271&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.glass-card {
background: rgba(20, 20, 40, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
.glow-border {
border: 1px solid rgba(0, 191, 255, 0.3);
box-shadow: 0 0 15px rgba(0, 191, 255, 0.1), 0 0 25px rgba(0, 191, 255, 0.1);
}
.text-glow {
text-shadow: 0 0 8px rgba(0, 191, 255, 0.6);
}
.bento-grid {
display: grid;
gap: 1.5rem;
}
.bento-item {
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.bento-item:hover {
transform: translateY(-5px);
box-shadow: 0 0 25px rgba(132, 94, 247, 0.3), 0 0 45px rgba(132, 94, 247, 0.2);
}
.section-title {
position: relative;
padding-left: 1.5rem;
border-left: 4px solid #4f46e5;
}
.section-title::before {
content: '';
position: absolute;
left: -4px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 50%;
background: #a78bfa;
box-shadow: 0 0 15px #a78bfa;
animation: pulse-border 2s infinite;
}
@keyframes pulse-border {
0% {
height: 50%;
opacity: 1;
}
50% {
height: 100%;
opacity: 0.7;
}
100% {
height: 50%;
opacity: 1;
}
}
</style>
</head>
<body class="text-gray-200 antialiased">
<div class="container mx-auto p-4 sm:p-6 lg:p-8">
<!-- Header -->
<header class="text-center mb-12 py-6 glass-card rounded-3xl glow-border">
<h1 class="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-purple-400 to-indigo-500 text-glow">
深度研究报告：AI医疗-阿里系
</h1>
<p class="mt-4 text-lg text-gray-400">
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 呈现
</p>
<p class="text-xs text-gray-500 mt-2">本报告为AI合成数据，投资需谨慎。</p>
</header>
<!-- Main Content -->
<main class="space-y-12">
<!-- Section 1: Concept Event & Key Catalysts -->
<section id="concept-event" class="glass-card rounded-3xl p-6 md:p-8 bento-item">
<h2 class="text-3xl font-bold mb-6 section-title text-glow text-cyan-300">概念事件与关键催化剂</h2>
<div class="prose max-w-none prose-invert prose-p:text-gray-300 prose-li:text-gray-300">
<p>“AI医疗-阿里系”概念的形成与发酵，源于阿里巴巴集团依托其深厚的AI技术底蕴和庞大的生态系统，对医疗健康领域的系统性、全产业链渗透。这一进程并非单一事件驱动，而是一系列技术发布、产品落地、战略投资与生态合作共同作用的结果。</p>
<h3 class="text-xl font-semibold mt-6 text-purple-400">关键时间轴与催化事件</h3>
<ul class="list-disc space-y-4 pl-5">
<li><strong>技术奠基期 (长期):</strong> 通过 <strong>阿里云</strong> 提供底层算力，持续迭代 <strong>通义千问</strong> 系列大模型，并宣布未来三年 <strong>3800亿元</strong> 的AI与云基础设施资本支出计划。</li>
<li><strong>生态布局期 (2015年起):</strong> 陆续与 <strong>卫宁健康</strong> (医疗IT)、 <strong>漱玉平民/华人健康</strong> (医药新零售)、 <strong>美年健康</strong> (健康体检) 建立深度合作或股权关系。</li>
<li><strong>应用爆发期 (2024-2025年):</strong>
<ul class="list-disc space-y-2 pl-5 mt-2">
<li><strong>2024年9月:</strong> 支付宝上线“AI健康管家”，服务用户超 <strong>7000万</strong>。</li>
<li><strong>2025年1月:</strong> 蚂蚁集团收购拥有 <strong>28万</strong> 注册医生的 <strong>好大夫</strong> 在线。</li>
<li><strong>2025年6月25日:</strong> 达摩院发布胃癌影像筛查AI模型 <strong>DAMO GRAPE</strong>。</li>
<li><strong>2025年6月26日:</strong> <span class="font-bold text-yellow-300">蚂蚁集团正式发行独立AI健康应用“AQ”</span>，安卓市场2个月下载量超 <strong>2051万</strong>，标志着战略从研发全面转向规模化应用。</li>
<li><strong>2025年11月6日:</strong> 达摩院与 <strong>GE医疗</strong> 签约，推动AI技术“软硬一体化”。</li>
</ul>
</li>
</ul>
<div class="mt-6 p-4 border-l-4 border-cyan-500 bg-cyan-500/10 rounded-r-lg">
<p class="font-semibold text-cyan-200">核心催化剂：蚂蚁集团AQ应用的成功发布与快速上量，是引爆该概念的核心催化剂。它验证了阿里系在C端健康管理领域的产品能力和流量优势，也为整个生态链提供了明确的落地场景和价值锚点。</p>
</div>
</div>
</section>
<!-- Section 2: Core Logic & Market Perception -->
<section id="core-logic" class="bento-grid grid-cols-1 lg:grid-cols-3">
<div class="lg:col-span-3 glass-card rounded-3xl p-6 md:p-8 bento-item">
<h2 class="text-3xl font-bold mb-6 section-title text-glow text-cyan-300">核心逻辑与市场认知</h2>
</div>
<!-- Core Viewpoint Summary -->
<div class="lg:col-span-3 glass-card rounded-3xl p-6 md:p-8 bento-item bg-purple-900/20 glow-border border-purple-500/50">
<h3 class="text-2xl font-semibold mb-4 text-purple-300">核心观点摘要</h3>
<p class="text-lg text-gray-300">“AI医疗-阿里系”概念正处于从 <strong>技术基建与生态布局</strong> 向 <strong>旗舰应用驱动商业化</strong> 过渡的关键阶段。其核心驱动力是阿里巴巴“<strong>云+大模型</strong>”的全栈AI能力与庞大生态流量的协同效应。未来潜力在于通过旗舰C端应用（如AQ）重塑个人健康管理入口，并以此为支点，深度赋能其投资的B端产业链公司，形成一个从技术到应用再到商业变现的闭环生态系统。</p>
</div>
<!-- Core Drivers -->
<div class="glass-card rounded-3xl p-6 bento-item">
<h4 class="text-xl font-bold mb-3 text-indigo-400">核心驱动力</h4>
<ul class="space-y-3 text-gray-300 text-sm">
<li><strong>技术全栈自控:</strong> 从自研芯片(平头哥)、国内第一的云计算(阿里云)，到领先的大模型(通义千问)，掌握核心生产资料。</li>
<li><strong>生态协同飞轮:</strong> 上游(达摩院)→中游(蚂蚁AQ)→下游(卫宁/美年)，形成数据、流量、能力的自我强化闭环。</li>
<li><strong>场景与数据优势:</strong> 支付宝/淘宝的国民级流量入口，结合好大夫/美年健康的专业医疗场景与数据，构筑强大护城河。</li>
</ul>
</div>
<!-- Market Perception -->
<div class="glass-card rounded-3xl p-6 bento-item">
<h4 class="text-xl font-bold mb-3 text-indigo-400">市场热度与情绪</h4>
<p class="text-gray-300 text-sm">当前市场对该概念抱有极高的关注度和普遍乐观的情绪。分析师频繁使用“<strong>强call</strong>”、“<strong>引领产业创新</strong>”等积极措辞。AQ上线被视为行业标志性事件，市场认为行业已进入“政策与技术双轮驱动”的新阶段。</p>
</div>
<!-- Expectation Gap Analysis -->
<div class="glass-card rounded-3xl p-6 bento-item">
<h4 class="text-xl font-bold mb-3 text-indigo-400">预期差分析</h4>
<ul class="space-y-3 text-gray-300 text-sm">
<li><strong>主体混淆:</strong> 市场误将阿里健康(0241.HK)视为核心，但AQ应用主角是未上市的<strong>蚂蚁集团</strong>，可能存在价值错配。</li>
<li><strong>业务占比:</strong> 阿里健康医疗数字化服务仅占<strong>3-4%</strong>，本质仍是“药品电商+AI工具”，与市场宏大叙事存在差距。</li>
<li><strong>实现难度:</strong> AI诊疗面临权责、伦理等长期瓶颈，市场对此可能过于乐观。当前AI价值更多在于辅助和效率提升。</li>
</ul>
</div>
</section>
<!-- Section 3: Industry Chain & Core Companies -->
<section id="industry-chain" class="glass-card rounded-3xl p-6 md:p-8 bento-item">
<h2 class="text-3xl font-bold mb-6 section-title text-glow text-cyan-300">产业链与核心公司深度剖析</h2>
<div id="industryChainChart" style="width: 100%; height: 600px;"></div>
<div class="prose max-w-none prose-invert mt-6 prose-p:text-gray-300">
<h3 class="text-xl font-semibold text-purple-400">核心玩家对比</h3>
<div class="overflow-x-auto mt-4">
<table class="table table-zebra table-sm">
<thead>
<tr class="text-white">
<th>角色定位</th>
<th>核心公司</th>
<th>逻辑与分析</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-semibold text-yellow-300">应用层领导者</td>
<td><strong>蚂蚁集团 (未上市)</strong></td>
<td>凭借AQ成为流量中枢和应用领导者，是当前逻辑最核心的载体。</td>
</tr>
<tr>
<td class="font-semibold text-blue-300">技术层领导者</td>
<td><strong>阿里云</strong></td>
<td>“国内AI Infra最核心的资产”，整个体系的技术基石。</td>
</tr>
<tr>
<td class="font-semibold text-green-300">逻辑最纯粹A股标的</td>
<td><strong>卫宁健康</strong></td>
<td>主业医疗IT，与AQ进院合作直接赋能核心业务，商业模式清晰。</td>
</tr>
<tr>
<td class="font-semibold text-green-300">协同价值最大标的</td>
<td><strong>美年健康</strong></td>
<td>阿里持股16%，海量体检场景是AI筛查模型理想的训练场和落地场景。</td>
</tr>
<tr>
<td class="font-semibold text-orange-300">最具潜力“隐形冠军”</td>
<td><strong>阿里健康</strong></td>
<td>存在预期差，但手握药品供应链和线上运营经验，若与AQ深度整合，价值可能被重估。</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Section 4: Future Path & Risks -->
<section class="bento-grid grid-cols-1 lg:grid-cols-2">
<!-- Catalysts & Development Path -->
<div class="glass-card rounded-3xl p-6 md:p-8 bento-item">
<h2 class="text-2xl font-bold mb-6 section-title text-glow text-cyan-300">关键催化剂与未来发展路径</h2>
<div class="space-y-6">
<div>
<h4 class="text-lg font-semibold text-purple-400">近期催化剂 (未来3-6个月)</h4>
<ul class="list-disc pl-5 mt-2 space-y-1 text-gray-300 text-sm">
<li><strong>AQ应用数据持续验证:</strong> MAU、付费转化率等商业化数据发布。</li>
<li><strong>“百大AI名医”计划落地:</strong> 知名医生AI分身推出并获市场认可。</li>
<li><strong>生态合作成果披露:</strong> 卫宁健康/美年健康等公告实质性订单或商业化数据。</li>
<li><strong>政策标准出台:</strong> 如“智慧医院新标准”等为行业提供政策催化。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-purple-400">长期发展路径</h4>
<ul class="list-disc pl-5 mt-2 space-y-1 text-gray-300 text-sm">
<li><strong>平台化 (1-2年):</strong> AQ升级为开放平台，形成应用生态。</li>
<li><strong>数据价值化 (2-3年):</strong> 通过MaaS向B端(药企/保险)提供数据服务。</li>
<li><strong>软硬一体化 (3-5年):</strong> 与GE医疗等合作模式规模化复制，嵌入硬件入口。</li>
<li><strong>预防与个性化医疗 (5年以上):</strong> 实现从诊疗辅助到精准预防的终极目标。</li>
</ul>
</div>
</div>
</div>
<!-- Potential Risks & Challenges -->
<div class="glass-card rounded-3xl p-6 md:p-8 bento-item">
<h2 class="text-2xl font-bold mb-6 section-title text-glow text-red-400">潜在风险与挑战</h2>
<div class="space-y-4">
<div>
<h4 class="text-lg font-semibold text-red-300">技术风险</h4>
<p class="text-gray-300 text-sm">“AI诊疗”面临伦理和权责划分的长期瓶颈。医疗数据质量、标准化问题可能限制模型效果。</p>
</div>
<div>
<h4 class="text-lg font-semibold text-red-300">商业化风险</h4>
<p class="text-gray-300 text-sm">AQ的盈利模式尚不清晰，C端用户付费意愿存在不确定性。</p>
</div>
<div>
<h4 class="text-lg font-semibold text-red-300">政策与竞争风险</h4>
<p class="text-gray-300 text-sm">医疗数据监管政策收紧是潜在风险。华为、腾讯、百度等巨头也在布局，行业竞争激烈。</p>
</div>
<div class="p-4 border border-red-500/50 bg-red-900/20 rounded-xl">
<h4 class="text-lg font-semibold text-red-300">信息交叉验证风险</h4>
<p class="text-gray-200 font-medium">最显著的矛盾点：市场情绪与内部信息对“阿里健康”在AI医疗中的实际角色定位存在巨大差异，这是投资决策中的最大风险点。</p>
</div>
</div>
</div>
</section>
<!-- Section 5: Stock Data -->
<section id="stock-data" class="glass-card rounded-3xl p-6 md:p-8 bento-item">
<h2 class="text-3xl font-bold mb-6 section-title text-glow text-cyan-300">相关概念股梳理</h2>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr class="text-base text-cyan-300">
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<tr><td>阿里健康</td><td>港股</td><td>阿里系“大健康”业务核心</td><td><div class="badge badge-primary">阿里系</div></td></tr>
<tr><td>美年健康</td><td><a href="https://valuefrontier.cn/company?scode=002044" target="_blank" class="link link-hover text-indigo-400">002044</a></td><td>阿里系持股13.17%；AI+健康管理</td><td><div class="badge badge-primary">阿里系</div></td></tr>
<tr><td>漱玉平民</td><td><a href="https://valuefrontier.cn/company?scode=301017" target="_blank" class="link link-hover text-indigo-400">301017</a></td><td>阿里健康持股6.67%；中医智能辅助诊疗系统</td><td><div class="badge badge-primary">阿里系</div></td></tr>
<tr><td>华人健康</td><td><a href="https://valuefrontier.cn/company?scode=301408" target="_blank" class="link link-hover text-indigo-400">301408</a></td><td>阿里健康持股5%；AI医疗轻问诊</td><td><div class="badge badge-primary">阿里系</div></td></tr>
<tr><td>卫宁健康</td><td><a href="https://valuefrontier.cn/company?scode=300253" target="_blank" class="link link-hover text-indigo-400">300253</a></td><td>阿里系持股4.34%；AI一体化诊疗系统</td><td><div class="badge badge-primary">阿里系</div></td></tr>
<tr><td>迪安诊断</td><td><a href="https://valuefrontier.cn/company?scode=300244" target="_blank" class="link link-hover text-indigo-400">300244</a></td><td>战略合作阿里健康；研发自主AI诊断模型</td><td><div class="badge badge-secondary">合作</div></td></tr>
<tr><td>思创医惠</td><td><a href="https://valuefrontier.cn/company?scode=300078" target="_blank" class="link link-hover text-indigo-400">300078</a></td><td>与阿里巴巴钉钉合作；人工智能引擎ThinkGo</td><td><div class="badge badge-secondary">合作</div></td></tr>
<tr><td>哈三联</td><td><a href="https://valuefrontier.cn/company?scode=002900" target="_blank" class="link link-hover text-indigo-400">002900</a></td><td>网传儿科服务合作阿里健康</td><td><div class="badge badge-secondary">合作</div></td></tr>
<tr><td>国际医学</td><td><a href="https://valuefrontier.cn/company?scode=000516" target="_blank" class="link link-hover text-indigo-400">000516</a></td><td>合作建“医学人工智能陕西省工程实验室”</td><td><div class="badge badge-secondary">合作</div></td></tr>
<tr><td>鱼跃医疗</td><td><a href="https://valuefrontier.cn/company?scode=002223" target="_blank" class="link link-hover text-indigo-400">002223</a></td><td>在蚂蚁AI健康管家“AQ”上线智能体</td><td><div class="badge badge-accent">生态</div></td></tr>
<tr><td>三诺生物</td><td><a href="https://valuefrontier.cn/company?scode=300298" target="_blank" class="link link-hover text-indigo-400">300298</a></td><td>与蚂蚁AI健康管家“AQ”在健康管理设备合作</td><td><div class="badge badge-accent">生态</div></td></tr>
</tbody>
</table>
</div>
</section>
<!-- Section 6: Rise Analysis -->
<section id="rise-analysis">
<div class="glass-card rounded-3xl p-6 md:p-8 bento-item">
<h2 class="text-3xl font-bold mb-8 section-title text-glow text-cyan-300">相关概念涨幅异动分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Analysis cards will be injected here -->
<script>
const riseAnalysisData = [
{ "stock": "德固特", "stock_code": "300950", "rise_rate": 20.0, "trade_date": "2025-09-01", "reason": "核心结论: 阿里2025财年300亿元AI算力资本开支落地，德固特拟并购阿里系软件服务商浩鲸科技且股权划转已启动，形成“小市值+大资产注入”预期，资金抢筹涨停。<br>驱动概念: AI算力+并购重组+阿里生态" },
{ "stock": "石基信息", "stock_code": "002153", "rise_rate": 9.97, "trade_date": "2025-11-18", "reason": "核心结论: 阿里千问APP上线并接入酒店预订场景，淘宝（阿里）作为第二大股东，市场瞬间将石基信息重估为“AI消费数据入口”，估值模型由SaaS切换至数据+AI，引发涨停。<br>驱动概念: 阿里千问+AI智能体+新零售" },
{ "stock": "健康元", "stock_code": "600380", "rise_rate": 9.98, "trade_date": "2025-09-01", "reason": "核心结论: 广东省医保局将健康元与阿里、腾讯合作的“呼吸慢病数字疗法平台”纳入医保支付试点，券商同步上调盈利预测，低流通盘触发资金抢筹，形成消息-基本面共振涨停。<br>驱动概念: 数字疗法+创新药+腾讯/阿里概念" },
{ "stock": "延华智能", "stock_code": "002178", "rise_rate": 9.94, "trade_date": "2025-07-17", "reason": "核心结论: 延华智能涨停系“2.3亿元三甲医院智能化大单+上海30%财政补贴新政+华为鸿蒙智慧病房合作”三重催化在48小时内集中兑现，叠加半年度净利增183%的业绩安全垫，资金集中抢筹所致。<br>驱动概念: 华为鸿蒙+智慧医院+AI医疗" },
{ "stock": "合富中国", "stock_code": "603122", "rise_rate": 10.04, "trade_date": "2025-11-05", "reason": "核心结论: 合富中国7连板是“国家卫健委发布AI医疗顶层文件+北京5000万补贴示范场景”政策红利，与公司独家代理台湾长庚系AI辅助诊断软件、体外诊断集约化渠道形成“订单可落地”预期共振。<br>驱动概念: AI医疗+海峡两岸+体外诊断" },
{ "stock": "九安医疗", "stock_code": "002432", "rise_rate": 10.01, "trade_date": "2025-11-10", "reason": "核心结论: 九安医疗涨停系“Kimi 海外商业化启动”事件在 A 股的唯一股权映射，资金博弈其 1.3% 月之暗面持股的估值重估，叠加流感旺季检测放量预期，形成事件驱动型涨停。<br>驱动概念: Kimi 海外商业化+流感检测+AI 医疗" }
];
const container = document.getElementById('rise-analysis').querySelector('.grid');
riseAnalysisData.forEach(item => {
const cardHtml = `
<div class="card bg-base-100/50 shadow-xl border border-white/10 transition-all duration-300 hover:border-purple-500/50 hover:shadow-purple-500/20 hover:-translate-y-1">
<div class="card-body p-5">
<div class="flex justify-between items-center mb-3">
<h3 class="card-title text-lg">${item.stock} <span class="text-sm font-normal text-gray-400 ml-1">(${item.stock_code})</span></h3>
<div class="badge badge-lg" style="background-color: #ef4444; color: white;">+${item.rise_rate}%</div>
</div>
<p class="text-xs text-gray-400 mb-3">${item.trade_date}</p>
<div class="text-sm text-gray-300 prose prose-sm prose-invert" style="font-size: 0.8rem;">
${item.reason}
</div>
</div>
</div>`;
container.innerHTML += cardHtml;
});
</script>
</div>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('industryChainChart');
var myChart = echarts.init(chartDom, 'dark'); // Initialize with dark theme
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
triggerOn: 'mousemove',
formatter: function (params) {
return params.data.category ? `${params.data.category}:<br/>${params.name}` : params.name;
},
textStyle: {
color: '#eee'
},
borderColor: 'rgba(255,255,255,0.2)',
backgroundColor: 'rgba(20, 20, 40, 0.7)'
},
series: [
{
type: 'graph',
layout: 'force',
data: [
{ id: '0', name: '阿里巴巴集团', symbolSize: 80, category: '核心技术/平台', itemStyle: { color: '#f97316' } },
{ id: '1', name: '阿里云', symbolSize: 60, category: '上游 (技术/基建)', itemStyle: { color: '#3b82f6' } },
{ id: '2', name: '达摩院/通义千问', symbolSize: 60, category: '上游 (技术/基建)', itemStyle: { color: '#3b82f6' } },
{ id: '3', name: '平头哥', symbolSize: 50, category: '上游 (技术/基建)', itemStyle: { color: '#3b82f6' } },
{ id: '4', name: '蚂蚁集团', symbolSize: 70, category: '中游 (平台/应用)', itemStyle: { color: '#8b5cf6' } },
{ id: '5', name: '阿里健康', symbolSize: 70, category: '中游 (平台/应用)', itemStyle: { color: '#8b5cf6' } },
{ id: '6', name: 'AQ应用', symbolSize: 50, category: '中游 (平台/应用)', itemStyle: { color: '#ec4899' } },
{ id: '7', name: '卫宁健康', symbolSize: 50, category: '下游 (生态合作)', itemStyle: { color: '#10b981' } },
{ id: '8', name: '美年健康', symbolSize: 50, category: '下游 (生态合作)', itemStyle: { color: '#10b981' } },
{ id: '9', name: '漱玉平民/华人健康', symbolSize: 50, category: '下游 (生态合作)', itemStyle: { color: '#10b981' } },
{ id: '10', name: '鱼跃医疗/三诺生物', symbolSize: 50, category: '下游 (生态合作)', itemStyle: { color: '#10b981' } },
{ id: '11', name: '迪安诊断', symbolSize: 50, category: '下游 (生态合作)', itemStyle: { color: '#10b981' } }
],
links: [
{ source: '0', target: '1' }, { source: '0', target: '2' }, { source: '0', target: '3' },
{ source: '0', target: '4' }, { source: '0', target: '5' },
{ source: '4', target: '6' }, { source: '4', target: '7' }, { source: '4', target: '10' },
{ source: '5', target: '8' }, { source: '5', target: '9' }, { source: '5', target: '11' }
],
categories: [
{ name: '核心技术/平台' },
{ name: '上游 (技术/基建)' },
{ name: '中游 (平台/应用)' },
{ name: '下游 (生态合作)' }
],
roam: true,
label: {
show: true,
position: 'right',
formatter: '{b}',
color: '#fff',
textShadowColor: '#000',
textShadowBlur: 5
},
lineStyle: {
color: 'source',
curveness: 0.1,
opacity: 0.7
},
force: {
repulsion: 300,
edgeLength: [50, 150]
},
emphasis: {
focus: 'adjacency',
lineStyle: {
width: 5
}
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>