378 lines
27 KiB
HTML
378 lines
27 KiB
HTML
<!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.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=Poppins:wght@300;400;500;600;700&display=swap');
|
||
body {
|
||
font-family: 'Poppins', sans-serif;
|
||
background: #000010;
|
||
color: #E0E0E0;
|
||
overflow-x: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
.bg-space {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
background: radial-gradient(ellipse at 50% 50%, rgba(29, 78, 216, 0.15) 0%, rgba(0,0,16,0) 60%),
|
||
radial-gradient(ellipse at 10% 20%, rgba(139, 92, 246, 0.1) 0%, rgba(0,0,16,0) 50%),
|
||
radial-gradient(ellipse at 90% 80%, rgba(59, 130, 246, 0.1) 0%, rgba(0,0,16,0) 50%);
|
||
animation: pulse 20s infinite alternate;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% { transform: scale(1); opacity: 0.8; }
|
||
100% { transform: scale(1.1); opacity: 1; }
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(23, 23, 33, 0.6);
|
||
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, 28, 38, 0.7);
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
box-shadow: 0 0 25px rgba(59, 130, 246, 0.1);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||
}
|
||
|
||
.tab-active {
|
||
background-color: rgba(59, 130, 246, 0.2) !important;
|
||
color: #E0E0E0 !important;
|
||
border-bottom-color: #3B82F6 !important;
|
||
}
|
||
|
||
.table thead th {
|
||
background-color: rgba(23, 23, 33, 0.8);
|
||
color: #A5B4FC;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.table tbody tr {
|
||
background-color: rgba(23, 23, 33, 0.5);
|
||
transition: background-color 0.3s ease;
|
||
}
|
||
|
||
.table tbody tr:hover {
|
||
background-color: rgba(30, 41, 59, 0.8);
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 2.25rem;
|
||
font-weight: 700;
|
||
padding-bottom: 0.5rem;
|
||
border-bottom: 2px solid rgba(59, 130, 246, 0.5);
|
||
display: inline-block;
|
||
margin-bottom: 2rem;
|
||
text-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
|
||
}
|
||
|
||
.kpi-value {
|
||
font-size: 2rem;
|
||
font-weight: 700;
|
||
color: #A5B4FC;
|
||
text-shadow: 0 0 8px rgba(165, 180, 252, 0.5);
|
||
}
|
||
.kpi-label {
|
||
font-size: 0.9rem;
|
||
color: #9CA3AF;
|
||
margin-top: 0.25rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="bg-space"></div>
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-wider text-transparent bg-clip-text bg-gradient-to-r from-indigo-300 via-sky-400 to-indigo-300 pb-2">
|
||
深度研报：华为AI容器
|
||
</h1>
|
||
<p class="text-sm text-gray-500 mt-4 tracking-widest">北京价值前沿科技有限公司 AI投研agent：“价小前投研” | 本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<main class="space-y-12">
|
||
<!-- Executive Summary & Key Product Info -->
|
||
<section class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||
<div class="lg:col-span-2 glass-card rounded-2xl p-6">
|
||
<h2 class="text-2xl font-bold mb-4 text-sky-300">核心观点摘要</h2>
|
||
<p class="text-gray-300">
|
||
华为AI容器概念正处于从<strong class="text-indigo-300">技术叙事向产品落地和生态构建的关键过渡期</strong>。其核心驱动力源于AI算力成本高昂背景下，对算力资源进行精细化管理和效率提升的<strong class="text-indigo-300">刚性需求</strong>。我们判断，该概念短期内将作为华为昇腾硬件生态的“价值放大器”获得市场关注，长期潜力则取决于其能否成功构建开放的AI原生应用生态，实现从工具到平台的战略跃迁。
|
||
</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6 flex flex-col justify-center items-center">
|
||
<h3 class="text-xl font-semibold text-center mb-3 text-sky-300">核心产品: Flex:ai</h3>
|
||
<div class="text-center bg-gray-900/50 rounded-lg px-4 py-2">
|
||
<p class="text-lg font-bold text-gray-200">2025年11月21日</p>
|
||
<p class="text-sm text-gray-400">上海 · 正式发布并开源</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Bento Grid for Flex:ai Features -->
|
||
<section>
|
||
<div class="bento-grid">
|
||
<div class="glass-card rounded-2xl p-6 md:col-span-2">
|
||
<h3 class="text-xl font-bold mb-2 text-sky-300">算力切分</h3>
|
||
<p class="text-gray-400">通过算力切分技术，将单张GPU/NPU算力卡切分为多份虚拟算力单元，实现单卡承载多个AI工作负载。</p>
|
||
<div class="mt-4 text-center">
|
||
<div class="kpi-value">10%</div>
|
||
<div class="kpi-label">精准切分粒度</div>
|
||
</div>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="text-xl font-bold mb-2 text-sky-300">算力池化</h3>
|
||
<p class="text-gray-400">聚合集群内各节点的空闲XPU算力，形成“共享算力池”，极大提升整体资源利用率。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="text-xl font-bold mb-2 text-sky-300">开源生态</h3>
|
||
<p class="text-gray-400">Flex:ai 将在发布后同步开源于<strong class="text-indigo-300">魔擎社区</strong>，构建开放的AI原生应用生态。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6 md:col-span-2">
|
||
<h3 class="text-xl font-bold mb-2 text-sky-300">战略定位：端-边-云一体化</h3>
|
||
<p class="text-gray-400">作为鸿蒙原生智能的AI系统底座，连接上层AI应用和底层昇腾/鲲鹏硬件，是华为构建全栈AI生态闭环的关键中间件。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline Section -->
|
||
<section class="glass-card rounded-2xl p-6">
|
||
<h2 class="text-2xl font-bold mb-4 text-sky-300">概念催化时间轴</h2>
|
||
<div id="timeline-chart" style="width: 100%; height: 400px;"></div>
|
||
</section>
|
||
|
||
<!-- Deep Dive Analysis Section -->
|
||
<section x-data="{ tab: 'logic' }">
|
||
<h2 class="section-title">深度综合分析</h2>
|
||
|
||
<div class="tabs tabs-bordered mb-6">
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'logic' }" @click.prevent="tab = 'logic'">核心逻辑与市场认知</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'gap' }" @click.prevent="tab = 'gap'">预期差分析</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'path' }" @click.prevent="tab = 'path'">发展路径与催化剂</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'risk' }" @click.prevent="tab = 'risk'">潜在风险与挑战</a>
|
||
</div>
|
||
|
||
<div class="glass-card rounded-2xl p-6 min-h-[400px]">
|
||
<!-- Core Logic -->
|
||
<div x-show="tab === 'logic'" x-transition>
|
||
<h3 class="text-xl font-bold mb-4 text-sky-300">核心逻辑：AI时代的“降本增效”与生态闭环</h3>
|
||
<div class="space-y-4 text-gray-300">
|
||
<p><strong class="text-indigo-300">技术逻辑 (解决痛点):</strong> 当前AI发展面临昂贵的算力成本瓶颈。GPU/NPU利用率不足造成巨大浪费。华为Flex:ai的核心技术“算力切分”与“算力池化”直击要害，通过软件调度压榨硬件性能，提升ROI，是支撑该概念最硬的商业逻辑。</p>
|
||
<p><strong class="text-indigo-300">战略逻辑 (生态闭环):</strong> AI容器是连接上层AI应用（如AI Agent, AI云手机）和底层昇腾/鲲鹏硬件的“软件定义算力”层。它作为鸿蒙原生智能的AI系统底座，旨在实现端云协同，是华为构建从芯片到应用的全栈AI生态闭环的关键一环。</p>
|
||
<p><strong class="text-indigo-300">市场热度与情绪:</strong> 市场热度极高，情绪乐观，主要建立在对华为技术实力和国产替代大趋势的信心之上。但目前资金焦点更偏向确定性更高的硬件侧（如液冷、光模块），对AI容器的关注更多是硬件逻辑的延伸。</p>
|
||
</div>
|
||
</div>
|
||
<!-- Expectation Gap -->
|
||
<div x-show="tab === 'gap'" x-transition style="display: none;">
|
||
<h3 class="text-xl font-bold mb-4 text-sky-300">预期差：市场低估了软件生态的长期价值</h3>
|
||
<ul class="list-disc list-inside space-y-3 text-gray-300">
|
||
<li><strong class="text-indigo-300">低估“开源”的战略意义:</strong> 市场可能未充分认识到，华为通过在“魔擎社区”开源Flex:ai，意在复制鸿蒙和欧拉的成功路径，构建开发者生态，形成事实标准，对标NVIDIA的CUDA生态护城河。</li>
|
||
<li><strong class="text-indigo-300">忽略从“工具”到“平台”的演进:</strong> 当前市场关注其作为“降本工具”的价值，但华为的目标是将其打造为AI-Native的应用开发与运行平台，长期价值是平台级的，远超效率工具。</li>
|
||
<li><strong class="text-indigo-300">对存量市场的替代潜力认识不足:</strong> Flex:ai不仅服务于新增的昇腾算力，也可能兼容并管理其他XPU，从而在存量数据中心市场中替代VMware等传统虚拟化方案，这部分潜在空间被忽视。</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Path & Catalysts -->
|
||
<div x-show="tab === 'path'" x-transition style="display: none;">
|
||
<h3 class="text-xl font-bold mb-4 text-sky-300">未来发展路径与关键催化剂</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="font-semibold text-lg mb-2 text-indigo-300">近期催化剂 (3-6个月)</h4>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-400">
|
||
<li><strong>Flex:ai正式发布与开源 (2025/11/21):</strong> 最直接、确定性最高的催化剂。</li>
|
||
<li><strong>标杆客户案例公布:</strong> 大型企业或国家级智算中心宣布大规模部署。</li>
|
||
<li><strong>生态伙伴产品发布:</strong> 博睿数据、蜂助手等宣布与Flex:ai深度集成。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg mb-2 text-indigo-300">长期发展路径</h4>
|
||
<ol class="list-decimal list-inside space-y-2 text-gray-400">
|
||
<li><strong>昇腾生态内部优化 (2025-26):</strong> 成为昇腾智算中心标配，建立口碑。</li>
|
||
<li><strong>行业解决方案渗透 (2026-27):</strong> 打造金融、医疗等行业标杆方案。</li>
|
||
<li><strong>构建开放AI原生平台 (2027-):</strong> 成为AI应用开发标准之一，赋能创新。</li>
|
||
<li><strong>最终形态:</strong> 赋能鸿蒙原生智能，构筑统一的全场景智能体验。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Risks -->
|
||
<div x-show="tab === 'risk'" x-transition style="display: none;">
|
||
<h3 class="text-xl font-bold mb-4 text-sky-300">潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-3 text-gray-300">
|
||
<li><strong class="text-indigo-300">技术风险:</strong> GPU/NPU精细切分和池化的性能、隔离性与稳定性是巨大挑战。在异构硬件上的兼容性与性能表现尚待验证。</li>
|
||
<li><strong class="text-indigo-300">商业化风险:</strong> 开源模式如何有效转化为商业收入是长期挑战。已深度使用NVIDIA方案的企业迁移成本高，市场接受度需要时间检验。</li>
|
||
<li><strong class="text-indigo-300">竞争风险:</strong> 最大的竞争对手是NVIDIA及其CUDA+MIG软硬件生态。同时，国内阿里云、腾讯云等也在大力发展自有AI容器平台。</li>
|
||
<li><strong class="text-indigo-300">信息交叉验证风险:</strong> 研报描绘的宏大“AI原生OS”叙事与市场短期集中于“卖硬件”的逻辑存在偏差。若软件生态建设不及预期，概念可能降级为“昇腾硬件促销工具”，平台价值将大打折扣。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain -->
|
||
<section class="glass-card rounded-2xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 text-sky-300">产业链图谱与核心玩家</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-center">
|
||
<div class="bg-gray-900/50 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg text-indigo-300">上游：AI基础设施硬件</h3>
|
||
<p class="text-sm text-gray-400 mt-2">核心算力 (昇腾/鲲鹏)、液冷 (英维克)、高速连接器 (华丰科技)、光模块 (烽火通信)</p>
|
||
</div>
|
||
<div class="bg-gray-900/50 p-4 rounded-lg border-2 border-sky-400 shadow-lg shadow-sky-400/20">
|
||
<h3 class="font-bold text-lg text-sky-300">中游：AI容器平台与软件</h3>
|
||
<p class="text-sm text-gray-400 mt-2">平台提供方 (华为)、云原生伙伴 (青云科技)、操作系统 (中国软件)</p>
|
||
</div>
|
||
<div class="bg-gray-900/50 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg text-indigo-300">下游：技术服务、应用与渠道</h3>
|
||
<p class="text-sm text-gray-400 mt-2">技术服务 (博睿数据)、典型应用 (蜂助手)、行业应用 (银信科技)、渠道伙伴 (拓维信息)</p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-sky-300">核心玩家对比</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
||
<div class="border border-dashed border-gray-600 p-4 rounded-lg">
|
||
<h4 class="font-bold">领导者与定义者：华为</h4>
|
||
<p class="text-xs text-gray-400 mt-1">定义技术标准和生态规则，优势在于全栈能力和市场影响力。</p>
|
||
</div>
|
||
<div class="border border-dashed border-gray-600 p-4 rounded-lg">
|
||
<h4 class="font-bold">逻辑最纯粹的软件伙伴：博睿数据</h4>
|
||
<p class="text-xs text-gray-400 mt-1">提供云原生环境刚需的可观测性服务，与华为云UCS部门深度OEM合作，确定性高。</p>
|
||
</div>
|
||
<div class="border border-dashed border-gray-600 p-4 rounded-lg">
|
||
<h4 class="font-bold">应用层标杆：蜂助手</h4>
|
||
<p class="text-xs text-gray-400 mt-1">AI云手机业务直接基于容器技术构建，与华为深度合作，是“AI+容器”的典型应用。</p>
|
||
</div>
|
||
<div class="border border-dashed border-gray-600 p-4 rounded-lg">
|
||
<h4 class="font-bold">潜在的整合者：青云科技</h4>
|
||
<p class="text-xs text-gray-400 mt-1">拥有知名开源容器平台KubeSphere，技术实力强，可能将Flex:ai能力集成服务更广客户。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table -->
|
||
<section>
|
||
<h2 class="section-title">相关核心公司</h2>
|
||
<div class="overflow-x-auto glass-card rounded-2xl p-2">
|
||
<table class="table table-sm md:table-md w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th class="w-1/2">核心逻辑</th>
|
||
<th>标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>青云科技</td><td><a href='https://valuefrontier.cn/company?scode=688316' target='_blank' class='link link-hover text-sky-400'>688316</a></td><td>公司以KubeSphere容器平台为核心，提供完整的云原生产品、方案，且公司是华为云原生生态伙伴</td><td>容器云</td></tr>
|
||
<tr><td>实达集团</td><td><a href='https://valuefrontier.cn/company?scode=600734' target='_blank' class='link link-hover text-sky-400'>600734</a></td><td>公司形成企业级容器云平台快速交付能力；实控人福建国资委（持股26.11%）</td><td>容器云</td></tr>
|
||
<tr><td>博睿数据</td><td><a href='https://valuefrontier.cn/company?scode=688229' target='_blank' class='link link-hover text-sky-400'>688229</a></td><td>公司与华为云签署UCS可观测软件框架采购协议，成为华为云供应商；“UCS”是一个分布式集群的统一管理平台</td><td>技术服务</td></tr>
|
||
<tr><td>蜂助手</td><td><a href='https://valuefrontier.cn/company?scode=301382' target='_blank' class='link link-hover text-sky-400'>301382</a></td><td>容器虚拟化是公司的核心技术之一，未来公司将加强与HUAWEI的产品级技术合作，基于HUAWEI鲲鹏ARM架构的服务器及容器虚拟化底座</td><td>技术服务</td></tr>
|
||
<tr><td>宜通世纪</td><td><a href='https://valuefrontier.cn/company?scode=300310' target='_blank' class='link link-hover text-sky-400'>300310</a></td><td>公司研发项目涉及AI算法容器化研究、研发基于Kubernetes框架的算力集群调度运维研究；华为是公司合作伙伴</td><td>技术服务</td></tr>
|
||
<tr><td>中国软件</td><td><a href='https://valuefrontier.cn/company?scode=600536' target='_blank' class='link link-hover text-sky-400'>600536</a></td><td>子公司麒麟软件进军云底座和容器云操作系统领域；麒麟软件是华为生态体系重要合作伙伴</td><td>容器云中间件</td></tr>
|
||
<tr><td>东方通</td><td></td><td>公司以云原生中间件平台TongCNMP为核心，配合其它云原生或容器云版本中间件及配套支撑保障产品；公司中间件产品已应用于华为云</td><td>容器云中间件</td></tr>
|
||
<tr><td>神州数码</td><td><a href='https://valuefrontier.cn/company?scode=000034' target='_blank' class='link link-hover text-sky-400'>000034</a></td><td>公司推出了第一个基于鲲鹏环境的开源容器云发行版</td><td>容器云</td></tr>
|
||
<tr><td>电科数字</td><td><a href='https://valuefrontier.cn/company?scode=600850' target='_blank' class='link link-hover text-sky-400'>600850</a></td><td>公司旗下有华讯容器云平台；全资子公司华讯网络获得华为云的高级别合作伙伴资质</td><td>容器云</td></tr>
|
||
<tr><td>银信科技</td><td><a href='https://valuefrontier.cn/company?scode=300231' target='_blank' class='link link-hover text-sky-400'>300231</a></td><td>基于容器技术的金融数据中心整合方案产业化项目已达到预定可使用状态；公司合作伙伴包括华为云且公司是华为的钻石经销商</td><td>应用</td></tr>
|
||
<tr><td>超图软件</td><td><a href='https://valuefrontier.cn/company?scode=300036' target='_blank' class='link link-hover text-sky-400'>300036</a></td><td>公司有云原生GIS技术，提供基于Kubernetes的通用自动化编排，实现对所有微服务资源的实时监控</td><td>应用</td></tr>
|
||
<tr><td>拓维信息</td><td><a href='https://valuefrontier.cn/company?scode=002261' target='_blank' class='link link-hover text-sky-400'>002261</a></td><td>公司是HUAWEI云首批同舟共济合作伙伴</td><td>合作华为云</td></tr>
|
||
<tr><td>常山北明</td><td><a href='https://valuefrontier.cn/company?scode=000158' target='_blank' class='link link-hover text-sky-400'>000158</a></td><td>公司为“华为云核心级解决方案提供商”、“华为云服务伙伴”、“华为云先进云SI”、“华为云先进软件伙伴”等多重伙伴身份</td><td>合作华为云</td></tr>
|
||
<tr><td>润和软件</td><td><a href='https://valuefrontier.cn/company?scode=300339' target='_blank' class='link link-hover text-sky-400'>300339</a></td><td>公司推出HopeContainer容器云平台软件；子公司润开鸿获得2024年“华为云开发者生态发展贡献奖”</td><td>合作华为云</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('timeline-chart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
const data = [
|
||
{ name: '生态合作深化', value: [new Date('2024-06-01'), 1], details: '博睿数据中标华为云UCS项目，深度集成至云原生架构。' },
|
||
{ name: '技术积累确认', value: [new Date('2024-08-28'), 2], details: '市场分析已将华为Volcano列为基础层容器化调度平台。' },
|
||
{ name: '行业场景落地', value: [new Date('2024-10-01'), 1], details: '与蜂助手(AI云手机)、华大基因等在特定行业场景落地容器服务。' },
|
||
{ name: '生态预热', value: [new Date('2025-09-01'), 2], details: '计划在“魔擎社区”开源AI推理技术UCM，为Flex:ai铺垫。' },
|
||
{ name: '硬件市场发酵', value: [new Date('2025-09-15'), 1], details: '昇腾硬件产业链(液冷、光模块)炒作达高潮，市场关注外溢至软件层。' },
|
||
{ name: '核心事件', value: [new Date('2025-11-21'), 3], details: '正式发布并开源创新AI容器技术 Flex:ai，概念直接引爆点。' }
|
||
];
|
||
|
||
const categories = ['生态合作', '技术积累', '核心事件'];
|
||
const seriesData = data.map(item => ({
|
||
name: item.name,
|
||
value: item.value,
|
||
details: item.details,
|
||
symbolSize: item.value[1] * 15,
|
||
itemStyle: {
|
||
color: item.value[1] === 3 ? '#3B82F6' : item.value[1] === 2 ? '#6366F1' : '#A78BFA'
|
||
}
|
||
}));
|
||
|
||
option = {
|
||
tooltip: {
|
||
trigger: 'item',
|
||
backgroundColor: 'rgba(23, 23, 33, 0.8)',
|
||
borderColor: 'rgba(255, 255, 255, 0.2)',
|
||
textStyle: {
|
||
color: '#E0E0E0'
|
||
},
|
||
formatter: function (params) {
|
||
return `<strong>${params.name}</strong><br/>日期: ${echarts.format.formatTime('yyyy-MM-dd', params.value[0])}<br/>详情: ${params.data.details}`;
|
||
}
|
||
},
|
||
grid: {
|
||
left: '5%',
|
||
right: '5%',
|
||
bottom: '10%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
|
||
splitLine: { show: false }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
max: 4,
|
||
axisLabel: { show: false },
|
||
axisLine: { show: false },
|
||
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)', type: 'dashed' } }
|
||
},
|
||
series: [{
|
||
type: 'scatter',
|
||
data: seriesData,
|
||
label: {
|
||
show: true,
|
||
position: 'top',
|
||
formatter: '{b}',
|
||
color: '#E0E0E0'
|
||
}
|
||
}]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |