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

536 lines
34 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>深度行研华为昇腾910C概念</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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #000010;
background-image:
radial-gradient(ellipse 20% 40% at 20% 20%, rgba(100, 100, 255, 0.15), transparent),
radial-gradient(ellipse 20% 40% at 80% 80%, rgba(255, 100, 150, 0.15), transparent);
background-attachment: fixed;
color: #E0E0E0;
}
.glass-card {
background: rgba(10, 10, 30, 0.5);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem;
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 30px rgba(100, 120, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.bento-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1.5rem;
}
.bento-span-12 { grid-column: span 12; }
.bento-span-8 { grid-column: span 12; }
.bento-span-7 { grid-column: span 12; }
.bento-span-6 { grid-column: span 12; }
.bento-span-5 { grid-column: span 12; }
.bento-span-4 { grid-column: span 12; }
@media (min-width: 1024px) {
.bento-span-8 { grid-column: span 8; }
.bento-span-7 { grid-column: span 7; }
.bento-span-6 { grid-column: span 6; }
.bento-span-5 { grid-column: span 5; }
.bento-span-4 { grid-column: span 4; }
}
.section-title {
font-size: 1.5rem;
font-weight: 700;
padding-bottom: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.75rem;
background: -webkit-linear-gradient(45deg, #a0c4ff, #c3aed6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.section-title::before {
content: '';
display: block;
width: 4px;
height: 24px;
background: linear-gradient(180deg, #a0c4ff, #c3aed6);
border-radius: 2px;
}
.timeline {
position: relative;
padding-left: 2rem;
border-left: 2px solid rgba(255, 255, 255, 0.2);
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item:last-child {
margin-bottom: 0;
}
.timeline-dot {
position: absolute;
left: -2.5rem;
top: 0.25rem;
width: 1rem;
height: 1rem;
background-color: #a0c4ff;
border-radius: 50%;
border: 3px solid #000010;
}
.table th, .table td {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
</style>
</head>
<body class="antialiased min-h-screen">
<div class="p-4 sm:p-6 md:p-8 lg:p-12">
<header class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold tracking-tighter mb-2 bg-clip-text text-transparent bg-gradient-to-r from-gray-200 via-gray-400 to-gray-600">
深度行研华为昇腾910C
</h1>
<p class="text-lg text-gray-400">国产AI算力里程碑 · 技术破局与产业链重塑</p>
</header>
<main class="space-y-6">
<!-- Bento Grid Start -->
<div class="bento-grid">
<!-- 0. 概念事件 -->
<section class="bento-span-12 glass-card p-6">
<h2 class="section-title">概念事件:国产算力的破局之路</h2>
<div class="text-gray-300 space-y-4">
<p><strong class="text-cyan-300">宏大背景:</strong>在全球AI算力竞赛和中美科技博弈下美国对华高端芯片的出口管制使中国AI产业面临“算力卡脖子”困境。华为910C正是在此环境下承载着打破外部封锁、保障国家AI战略安全、实现国产算力从“可用”迈向“好用”的重大期望而诞生的关键里程碑。</p>
<p><strong class="text-cyan-300">核心催化:</strong>昇腾910C的核心技术逻辑是在先进制程受限7nm的条件下通过采用<strong class="text-fuchsia-400">Chiplet芯粒和先进封装技术</strong>将两颗成熟的昇腾910B芯片整合在一起实现性能、带宽和功耗的翻倍式提升。这一“曲线救国”的技术路径是应对外部制裁的创新之举其进展直接牵动着整个国产AI产业链。</p>
</div>
</section>
<!-- 1. 核心观点摘要 -->
<section class="bento-span-4 glass-card p-6 flex flex-col">
<h2 class="section-title">核心观点摘要</h2>
<p class="text-gray-300 flex-grow">华为910C是国产AI算力在外部制裁下通过<strong class="text-amber-300">技术架构创新Chiplet</strong>实现性能跨越的战略级产品。当前,它已走过最艰难的技术攻关和良率爬坡阶段,正式进入<strong class="text-amber-300">大规模商业化部署的初期</strong>。其核心驱动力源于国产替代的刚性需求与华为强大的全栈生态整合能力未来潜力不仅在于芯片本身更在于其将撬动一个规模庞大且自主可控的AI硬件产业链。</p>
</section>
<!-- 关键时间轴 -->
<section class="bento-span-8 glass-card p-6">
<h2 class="section-title">关键演进时间轴</h2>
<div class="timeline text-gray-300">
<div class="timeline-item">
<div class="timeline-dot"></div>
<h3 class="font-bold text-sky-300">2024 Q2-Q3: 预期与测试</h3>
<p class="text-sm">市场传出2000卡集群测试良好随后阿里、字节等头部厂商收到测试样品。但华为云7000卡集群测试性能未达内部目标市场出现担忧情绪。</p>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<h3 class="font-bold text-sky-300">2024 Q4: 小批量与攻关</h3>
<p class="text-sm">实现小批量出货主要满足华为云自有项目需求。同期团队集中解决芯片设计与良率问题初期约20%市场普遍预期2025年Q2大规模量产。</p>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<h3 class="font-bold text-sky-300">2025 Q1-Q2: 突破与商用</h3>
<p class="text-sm">开始向BBAT进行千卡级别供货获得核心客户初步认可。良率爬坡至近50%,关键瓶颈解决。<strong class="text-fuchsia-400">2025.04.10基于910C的CloudMatrix 384超节点正式发布并商用成为910C大规模商用的标志性事件</strong>,引爆市场关注。</p>
</div>
</div>
</section>
<!-- 2. 核心逻辑与市场认知 -->
<section class="bento-span-12 glass-card p-6">
<h2 class="section-title">核心逻辑与市场认知分析</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-gray-300">
<div class="space-y-2 p-4 border border-slate-700 rounded-xl">
<h3 class="font-bold text-lg text-teal-300">必然性驱动 (Necessity-Driven)</h3>
<p class="text-sm">核心驱动力源于“别无选择”的国产替代。在美国禁令下国内AI大模型训练对高端算力的需求形成巨大供给真空910C是目前唯一有望填补这一空缺的高性能国产芯片。</p>
</div>
<div class="space-y-2 p-4 border border-slate-700 rounded-xl">
<h3 class="font-bold text-lg text-teal-300">技术创新驱动 (Innovation-Driven)</h3>
<p class="text-sm">通过先进封装绕开先进制程壁垒将两颗910B“拼”成一颗性能翻倍的910C。这一逻辑清晰且可实现展现了华为强大的系统工程能力是“后摩尔定律”时代的典范。</p>
</div>
<div class="space-y-2 p-4 border border-slate-700 rounded-xl">
<h3 class="font-bold text-lg text-teal-300">生态协同驱动 (Ecosystem-Driven)</h3>
<p class="text-sm">华为提供包括CANN、MindSpore、昇腾整机、液冷数据中心在内的全栈式解决方案构建了比肩NVIDIA CUDA的护城河极大地降低了客户的迁移和使用门槛。</p>
</div>
</div>
<div class="mt-6 collapse collapse-arrow border border-base-300 bg-base-200/20">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium text-amber-300">
点击展开:预期差分析
</div>
<div class="collapse-content text-gray-300 space-y-3">
<p><strong>1. 性能预期差:</strong>市场焦点应从<strong class="text-red-400">单卡性能</strong>仍落后H100转向<strong class="text-green-400">大规模集群的有效算力</strong>。华为通过CloudMatrix 384超节点展示了万卡线性度>95%的优异组网能力在特定模型上实现了对H100集群的“弯道超车”。</p>
<p><strong>2. 成本预期差:</strong>并非低价替代。由于低良率和先进封装910C服务器成本高昂高于910B一倍以上定价或为H20的2.4-2.5倍)。短期商业模式基于<strong class="text-green-400">稀缺性</strong>而非性价比。</p>
<p><strong>3. 挑战预期差:</strong>市场可能低估了<strong class="text-red-400">国产化供应链的脆弱性</strong>。尽管国产化率已达55%但HBM2e、高端封测、光刻材料等关键环节仍依赖外部供应是悬顶的达摩克利斯之剑。</p>
</div>
</div>
</section>
<!-- 技术规格与性能 -->
<section class="bento-span-7 glass-card p-6">
<h2 class="section-title">技术规格与性能速览</h2>
<div class="overflow-x-auto">
<table class="table table-zebra table-sm">
<tbody>
<tr>
<th class="text-sky-300">核心架构</th>
<td>基于<strong>Chiplet</strong>技术,将<strong class="text-amber-300">两颗910B</strong>通过先进封装整合</td>
</tr>
<tr>
<th class="text-sky-300">制程工艺</th>
<td>中芯国际 (SMIC) <strong>7nm (N+2)</strong> 工艺</td>
</tr>
<tr>
<th class="text-sky-300">单卡功耗</th>
<td>数据源多样,范围在 <strong class="text-red-400">700W - 1000W</strong>,散热标配<strong class="text-blue-400">液冷</strong></td>
</tr>
<tr>
<th class="text-sky-300">单卡算力</th>
<td><strong>781.25 TFLOPS</strong> (FP16),性能对标 Nvidia H100/H800</td>
</tr>
<tr>
<th class="text-sky-300">内存带宽</th>
<td><strong>3200 GB/s</strong> (8 * HBM2e)</td>
</tr>
<tr>
<th class="text-sky-300">良率爬坡</th>
<td>从初期 < 20% 提升至 2025年初的 <strong class="text-green-400">~50%</strong>,是成本与产能的关键</td>
</tr>
<tr>
<th class="text-sky-300">集群性能</th>
<td><strong>CloudMatrix 384 超节点</strong>: 万卡线性度 > 95%长稳训练40天不中断特定模型训练速度超H100集群1.8倍</td>
</tr>
<tr>
<th class="text-sky-300">后续迭代</th>
<td>下一代 <strong>920系列 (6nm)</strong> 已在研发目标是性能超越H100</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- 产业链价值增量 -->
<section class="bento-span-5 glass-card p-6">
<h2 class="section-title">产业链核心价值增量环节</h2>
<div id="echarts-value-chain" style="width: 100%; height: 360px;"></div>
</section>
<!-- 3. 催化剂与发展路径 -->
<section class="bento-span-6 glass-card p-6">
<h2 class="section-title">近期催化剂</h2>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>头部客户大规模订单落地:</strong>字节、BBAT等万卡级别正式采购合同公告。</li>
<li><strong>良率及产能官方数据披露:</strong>华为或中芯国际披露更乐观的良率及产能爬坡数据。</li>
<li><strong>国家级智算中心项目中标:</strong>基于910C的方案大规模中标国家级智算中心项目。</li>
</ul>
</section>
<section class="bento-span-6 glass-card p-6">
<h2 class="section-title">长期发展路径</h2>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>产品迭代路径清晰:</strong>从910C到920系列持续追赶、不断缩短与顶尖产品的差距。</li>
<li><strong>生态深化路径:</strong>CANN、MindSpore生态走向成熟实现从“被动迁移”到“主动开发”的转变。</li>
<li><strong>产业链国产化深化:</strong>推动HBM、ABF载板等“卡脖子”环节的国产化如长江存储供应HBM3</li>
</ul>
</section>
<!-- 5. 风险与挑战 -->
<section class="bento-span-12 glass-card p-6">
<h2 class="section-title">潜在风险与挑战</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 text-gray-300">
<div>
<h3 class="font-bold text-red-400 mb-2">技术与商业化风险</h3>
<ul class="list-disc list-inside space-y-1 text-sm">
<li><strong>良率爬坡不及预期:</strong>影响成本和出货能力的核心风险。</li>
<li><strong>大规模集群稳定性:</strong>数万卡、长周期下的稳定性仍需商业化部署检验。</li>
<li><strong>成本高昂:</strong>可能影响在成本敏感的商业市场的推广。</li>
<li><strong>软件生态成熟度:</strong>与NVIDIA CUDA生态在工具链、社区活跃度上仍有差距。</li>
</ul>
</div>
<div>
<h3 class="font-bold text-red-400 mb-2">政策与信息风险</h3>
<ul class="list-disc list-inside space-y-1 text-sm">
<li><strong>外部制裁加剧:</strong>美国可能进一步收紧对中芯国际或相关材料/设备的出口限制。</li>
<li><strong>国内竞争:</strong>其他国产AI芯片厂商奋力追赶长期竞争格局仍有变数。</li>
<li><strong>信息交叉验证风险:</strong>性能、功耗、量产时间等关键指标在不同信源中存在矛盾,反映外界认知尚不清晰。</li>
</ul>
</div>
</div>
</section>
<!-- 6. 综合结论与投资启示 -->
<section class="bento-span-12 glass-card p-6">
<h2 class="section-title">综合结论与投资启示</h2>
<div class="space-y-4">
<p class="text-gray-300"><strong class="text-green-300">综合结论:</strong>华为910C概念已进入由<strong class="text-amber-300">真实订单和商业化落地驱动的“基本面早期”阶段</strong>。其背后的驱动力是确定性极强的国产替代需求。然而,其基本面仍面临良率、成本和供应链安全等多重考验,业绩的全面兑现尚需时日。这是一个高成长性与高不确定性并存的典型“硬科技”投资赛道。</p>
<div>
<h3 class="font-bold text-lg text-fuchsia-300 mb-2">最具投资价值的细分环节:</h3>
<p class="text-gray-300">相较于下游整机厂商,<strong class="text-cyan-300">中游的核心组件环节</strong>展现出更高的投资确定性和弹性。</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
<div class="p-4 bg-slate-800/50 rounded-lg"><strong>1. 液冷散热:</strong>确定性的“从0到1”增量市场。</div>
<div class="p-4 bg-slate-800/50 rounded-lg"><strong>2. 高速连接器:</strong>Chiplet架构和万卡组网趋势下的量价齐升。</div>
<div class="p-4 bg-slate-800/50 rounded-lg"><strong>3. 先进封装(ABF载板)</strong>支撑Chiplet技术路线的长期、结构性受益方向。</div>
</div>
</div>
<div>
<h3 class="font-bold text-lg text-fuchsia-300 mb-2">需重点跟踪验证的关键指标:</h3>
<ul class="list-disc list-inside text-gray-300 text-sm grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-2">
<li><strong>芯片良率 (Yield Rate)</strong>决定成本、产能和盈利的核心命门。</li>
<li><strong>头部客户订单规模:</strong>从“千卡级”向“万卡级”的跃迁是重要信号。</li>
<li><strong>华为云算力租赁价格变化:</strong>间接反映芯片综合成本和市场策略。</li>
<li><strong>产业链核心公司季度财报:</strong>最直接的业绩验证。</li>
</ul>
</div>
</div>
</section>
<!-- 股票数据 -->
<section class="bento-span-12 glass-card p-6">
<h2 class="section-title">相关产业链公司梳理</h2>
<div class="overflow-x-auto">
<table class="table">
<thead>
<tr class="text-white">
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑 / 关联性</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<tr class="hover">
<td>华丰科技</td>
<td><a href="https://valuefrontier.cn/company?scode=688629" target="_blank" class="link link-hover text-cyan-400">688629</a></td>
<td>华为高速背板连接器核心供应商份额达70%单机价值量高。910C组网需求直接拉动。</td>
<td><div class="badge badge-primary">核心增量</div> <div class="badge badge-secondary">高速连接</div></td>
</tr>
<tr class="hover">
<td>兴森科技</td>
<td><a href="https://valuefrontier.cn/company?scode=002436" target="_blank" class="link link-hover text-cyan-400">002436</a></td>
<td>国内ABF载板龙头为910C的先进封装提供核心基材。</td>
<td><div class="badge badge-primary">核心增量</div> <div class="badge badge-accent">先进封装</div></td>
</tr>
<tr class="hover">
<td>泰嘉股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002843" target="_blank" class="link link-hover text-cyan-400">002843</a></td>
<td>旗下雅达电子为电源行业领先企业匹配910C服务器高功率电源需求。</td>
<td><div class="badge badge-info">电源</div></td>
</tr>
<tr class="hover">
<td>飞荣达</td>
<td><a href="https://valuefrontier.cn/company?scode=300602" target="_blank" class="link link-hover text-cyan-400">300602</a></td>
<td>华为散热核心供应商,提供电磁屏蔽和散热解决方案。</td>
<td><div class="badge badge-info">液冷散热</div></td>
</tr>
<tr class="hover">
<td>中创股份</td>
<td><a href="https://valuefrontier.cn/company?scode=688695" target="_blank" class="link link-hover text-cyan-400">688695</a></td>
<td>提供组网通信中间件,是国产基础软硬件生态重要一环。</td>
<td><div class="badge badge-info">软件生态</div></td>
</tr>
<tr class="hover">
<td>意华股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002897" target="_blank" class="link link-hover text-cyan-400">002897</a></td>
<td>为华为提供SFP/SFP+等高端高速连接器。</td>
<td><div class="badge badge-secondary">高速连接</div></td>
</tr>
<tr class="hover">
<td>得润电子</td>
<td><a href="https://valuefrontier.cn/company?scode=002055" target="_blank" class="link link-hover text-cyan-400">002055</a></td>
<td>华为高速连接器供应商。</td>
<td><div class="badge badge-secondary">高速连接</div></td>
</tr>
<tr class="hover">
<td>华正新材</td>
<td><a href="https://valuefrontier.cn/company?scode=603186" target="_blank" class="link link-hover text-cyan-400">603186</a></td>
<td>与华为在高速、高频、半导体封装等材料领域有合作。</td>
<td><div class="badge badge-accent">关键材料</div></td>
</tr>
<tr class="hover">
<td>高新发展(华鲲振宇)</td>
<td><a href="https://valuefrontier.cn/company?scode=000628" target="_blank" class="link link-hover text-cyan-400">000628</a></td>
<td>昇腾服务器核心整机厂商直接受益于910C服务器出货。</td>
<td><div class="badge badge-success">服务器整机</div></td>
</tr>
<tr class="hover">
<td>烽火通信</td>
<td><a href="https://valuefrontier.cn/company?scode=600498" target="_blank" class="link link-hover text-cyan-400">600498</a></td>
<td>旗下长江计算与昇腾合作发布“智”系列解决方案。</td>
<td><div class="badge badge-success">服务器整机</div></td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- 涨幅分析 -->
<section class="bento-span-12 glass-card p-6">
<h2 class="section-title">相关个股异动深度解析</h2>
<div class="space-y-4">
<div class="collapse collapse-plus border border-base-300 bg-base-200/20">
<input type="radio" name="rise-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium">高新发展 (000628)</div>
<div class="collapse-content prose prose-sm max-w-none text-gray-300">
<p><strong>核心结论:</strong> 市场抢跑“华鲲振宇老股东增资方案获批”这一尚未公告的催化,叠加四川国资加码国产算力链预期,导致高新发展涨停。</p>
<p><strong>驱动概念:</strong> 四川国资算力+华鲲振宇增资+华为昇腾</p>
<p><strong>个股异动解析:</strong><br>1. <strong>四川国资算力:</strong>控股股东成都高投集团已持有华鲲振宇55%股权,华鲲振宇为四川国资体系内唯一华为“鲲鹏+昇腾”双授权服务器整机企业。<br>2. <strong>华鲲振宇增资:</strong>增资获批将降低公司收购的现金压力。<br>3. <strong>华为昇腾:</strong>华鲲振宇为昇腾份额第二公司一旦完成收购将直接受益910C放量。</p>
</div>
</div>
<div class="collapse collapse-plus border border-base-300 bg-base-200/20">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">启迪设计 (300500)</div>
<div class="collapse-content prose prose-sm max-w-none text-gray-300">
<p><strong>核心结论:</strong> 华为官宣年内新增1.2 EFLOPS昇腾910C算力市场确认启迪设计为“昇腾智算中心EPC设计龙头”资金抢筹20CM涨停。</p>
<p><strong>驱动概念:</strong> 昇腾910C算力基建+智算中心EPC设计+AI设计协同</p>
<p><strong>个股异动解析:</strong><br>1. <strong>昇腾910C算力基建</strong>公司中标“华为苏州人工智能计算中心二期EPC总承包”核心围绕昇腾芯片建设AI算力机房及配套设施。<br>2. <strong>合作深化:</strong>与华为数字能源签署《联合创新协议》共同开发“智算中心一体化设计标准”计划复制至全国20+城市。</p>
</div>
</div>
<div class="collapse collapse-plus border border-base-300 bg-base-200/20">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">华胜天成 (600410)</div>
<div class="collapse-content prose prose-sm max-w-none text-gray-300">
<p><strong>核心结论:</strong> 资金提前抢筹华为“CANN 4.0/昇腾910C”算力利用率提升技术发布华胜天成是A股唯一已落地昇腾AI智算中心并兑现收入的昇腾总包商。</p>
<p><strong>驱动概念:</strong> 华为昇腾+CANN 4.0+AI智算中心</p>
<p><strong>个股异动解析:</strong><br>1. <strong>业绩兑现:</strong>三季报“智能计算”收入7.4亿元占比首破20%。<br>2. <strong>订单在手:</strong>在天津/河北/宿州三地中标昇腾AI智算中心总集成合同额27.8亿元,已收预付款。</p>
</div>
</div>
</div>
</section>
</div>
<!-- Bento Grid End -->
</main>
<footer class="text-center mt-12 text-xs text-gray-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
<p>本报告为AI合成数据内容仅供参考不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('echarts-value-chain');
var myChart = echarts.init(chartDom, 'dark'); // Use dark theme
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: ['确定性增量', '价值量提升'],
textStyle: {
color: '#ccc'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0.3)'
}
}
},
yAxis: {
type: 'category',
data: ['高速连接', '先进封装', '液冷散热'],
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0.3)'
}
}
},
series: [
{
name: '确定性增量',
type: 'bar',
data: [85, 90, 100],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#2c3e50' },
{ offset: 1, color: '#3498db' }
])
},
label: {
show: true,
position: 'right',
formatter: '{c}%'
}
},
{
name: '价值量提升',
type: 'bar',
data: [70, 80, 95],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#304352' },
{ offset: 1, color: '#d7d2cc' }
])
},
label: {
show: true,
position: 'right',
formatter: '{c}%'
}
}
],
title: {
text: '910C带来的核心组件价值提升',
left: 'center',
textStyle: {
color: '#E0E0E0',
fontSize: 16
}
}
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>