505 lines
28 KiB
HTML
505 lines
28 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>深度研报：超威半导体 AMD</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>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Oxanium:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--glow-color-1: rgba(79, 70, 229, 0.4);
|
||
--glow-color-2: rgba(219, 39, 119, 0.4);
|
||
--glow-color-3: rgba(245, 158, 11, 0.3);
|
||
}
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #0c0a09;
|
||
color: #e5e7eb;
|
||
overflow-x: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
.font-fui {
|
||
font-family: 'Oxanium', sans-serif;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(23, 23, 33, 0.6);
|
||
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; /* 24px */
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 20px 30px rgba(0,0,0,0.2);
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.glow-background {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.glow-element {
|
||
position: absolute;
|
||
border-radius: 50%;
|
||
filter: blur(150px);
|
||
opacity: 0.6;
|
||
}
|
||
|
||
.glow-1 {
|
||
width: 500px;
|
||
height: 500px;
|
||
background: var(--glow-color-1);
|
||
top: -150px;
|
||
left: -150px;
|
||
animation: moveGlow1 20s infinite alternate ease-in-out;
|
||
}
|
||
|
||
.glow-2 {
|
||
width: 600px;
|
||
height: 600px;
|
||
background: var(--glow-color-2);
|
||
bottom: -200px;
|
||
right: -200px;
|
||
animation: moveGlow2 25s infinite alternate ease-in-out;
|
||
}
|
||
|
||
.glow-3 {
|
||
width: 400px;
|
||
height: 400px;
|
||
background: var(--glow-color-3);
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
animation: moveGlow3 30s infinite alternate ease-in-out;
|
||
}
|
||
|
||
@keyframes moveGlow1 {
|
||
from { transform: translate(0, 0) rotate(0deg); }
|
||
to { transform: translate(100px, 150px) rotate(45deg); }
|
||
}
|
||
|
||
@keyframes moveGlow2 {
|
||
from { transform: translate(0, 0) rotate(0deg); }
|
||
to { transform: translate(-150px, -100px) rotate(-60deg); }
|
||
}
|
||
|
||
@keyframes moveGlow3 {
|
||
from { transform: scale(1); }
|
||
to { transform: scale(1.5); }
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
grid-auto-rows: minmax(100px, auto);
|
||
}
|
||
|
||
.bento-item {
|
||
grid-column: span 12;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
.bento-item-1 { grid-column: span 8; grid-row: span 2; }
|
||
.bento-item-2 { grid-column: span 4; }
|
||
.bento-item-3 { grid-column: span 4; }
|
||
.bento-item-4 { grid-column: span 6; grid-row: span 2; }
|
||
.bento-item-5 { grid-column: span 6; grid-row: span 2; }
|
||
.bento-item-6 { grid-column: span 12; }
|
||
.bento-item-7 { grid-column: span 7; }
|
||
.bento-item-8 { grid-column: span 5; }
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
::-webkit-scrollbar-track {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
}
|
||
::-webkit-scrollbar-thumb {
|
||
background: rgba(79, 70, 229, 0.6);
|
||
border-radius: 4px;
|
||
}
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(79, 70, 229, 0.8);
|
||
}
|
||
|
||
.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::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -2.5rem;
|
||
top: 0;
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 50%;
|
||
background-color: #4f46e5;
|
||
border: 3px solid #0c0a09;
|
||
z-index: 1;
|
||
}
|
||
.timeline-item.core-event::before {
|
||
background-color: #db2777;
|
||
transform: scale(1.5);
|
||
box-shadow: 0 0 15px #db2777;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="glow-background">
|
||
<div class="glow-element glow-1"></div>
|
||
<div class="glow-element glow-2"></div>
|
||
<div class="glow-element glow-3"></div>
|
||
</div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
<header class="text-center my-12">
|
||
<h1 class="font-fui text-4xl md:text-6xl font-bold tracking-widest text-transparent bg-clip-text bg-gradient-to-r from-gray-200 via-gray-400 to-gray-600">
|
||
超威半导体 (AMD)
|
||
</h1>
|
||
<p class="mt-4 text-lg md:text-xl text-gray-400">AI驱动的战略转型深度解析</p>
|
||
</header>
|
||
|
||
<main class="space-y-12">
|
||
<!-- 核心观点 & 概念事件 -->
|
||
<section class="bento-grid">
|
||
<div class="bento-item bento-item-1 p-6 md:p-8 glass-card flex flex-col">
|
||
<h2 class="font-fui text-2xl font-bold mb-4 text-indigo-300">核心观点摘要</h2>
|
||
<p class="text-gray-300 leading-relaxed text-lg">
|
||
AMD正处于从<strong class="text-amber-400">“追赶者”向“市场重要玩家”</strong>转型的关键跃升期。其核心驱动力源于极具竞争力的硬件产品路线图 (MI300/350/400系列) 与顶级客户 (OpenAI) 的战略性深度绑定，二者共同构成了强大的飞轮效应。未来，AMD的潜力将取决于其在补足<strong class="text-pink-400">软件生态 (ROCm) 短板</strong>和<strong class="text-cyan-400">保障先进封装供应链产能</strong>这两大关键战役上的执行力。
|
||
</p>
|
||
<div id="guidanceChart" class="flex-grow min-h-[250px] mt-4"></div>
|
||
</div>
|
||
|
||
<div class="bento-item bento-item-2 p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-2xl font-bold mb-4 text-pink-300">概念事件：重大拐点</h2>
|
||
<div class="space-y-4">
|
||
<div class="timeline-item core-event">
|
||
<p class="font-bold text-lg text-pink-300">2025.10.06-09</p>
|
||
<p class="text-gray-300">与 <strong class="text-white">OpenAI</strong> 达成 <strong class="text-white">6GW</strong> 算力合作，被CEO苏姿丰称为“重大拐点”，引爆市场。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bento-item bento-item-3 p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-2xl font-bold mb-4 text-cyan-300">服务器CPU份额</h2>
|
||
<div id="marketShareChart" class="w-full h-full min-h-[250px]"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 核心逻辑与市场认知 -->
|
||
<section class="p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-3xl font-bold mb-6 text-center text-gray-200">核心逻辑与市场认知</h2>
|
||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||
<div class="space-y-4 p-4 border border-white/10 rounded-2xl">
|
||
<h3 class="font-fui text-xl font-semibold text-indigo-400">核心驱动力</h3>
|
||
<ul class="list-disc list-inside text-gray-300 space-y-2">
|
||
<li><strong class="text-white">产品技术迭代成功：</strong>Zen架构CPU持续抢占Intel份额；MI系列GPU硬件性能已具备与NVIDIA一战之力。</li>
|
||
<li><strong class="text-white">AI市场“第二选择”刚需：</strong>云巨头为降低供应链风险，急需可靠的第二供应商，AMD是最佳选择。</li>
|
||
<li><strong class="text-white">“芯片-系统”一体化战略：</strong>通过收购ZT Systems等，构建全栈解决方案能力，缩短客户部署周期。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="space-y-4 p-4 border border-white/10 rounded-2xl">
|
||
<h3 class="font-fui text-xl font-semibold text-pink-400">市场热度与情绪</h3>
|
||
<ul class="list-disc list-inside text-gray-300 space-y-2">
|
||
<li><strong class="text-white">高度乐观，伴随高波动：</strong>市场普遍认为AMD已坐稳AI算力第二把交椅，股价对利好反应剧烈。</li>
|
||
<li><strong class="text-white">预期苛刻：</strong>市场对AMD期望是“完美追赶”，任何不及预期的细节都可能引发情绪波动，如MI325X发布后因对标H系列而非B系列导致股价下跌。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="space-y-4 p-4 border border-white/10 rounded-2xl">
|
||
<h3 class="font-fui text-xl font-semibold text-amber-400">预期差分析</h3>
|
||
<ul class="list-disc list-inside text-gray-300 space-y-2">
|
||
<li><strong class="text-green-400">积极预期差：</strong>市场可能低估ZT Systems带来的“时间价值”，以及“生态总收入超千亿美元”的长期愿景。</li>
|
||
<li><strong class="text-red-400">消极预期差：</strong>市场对ROCm软件生态的改善可能过于乐观，CUDA护城河极深，代码迁移的隐性成本巨大（效率损失约30%）。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 催化剂与发展路径 -->
|
||
<section class="bento-grid">
|
||
<div class="bento-item bento-item-4 p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-3xl font-bold mb-6 text-green-300">关键催化剂</h2>
|
||
<div class="space-y-6">
|
||
<div>
|
||
<p class="font-fui text-lg font-semibold text-gray-200 mb-2">短期催化剂 (未来3-6个月)</p>
|
||
<ul class="list-decimal list-inside space-y-2 text-gray-300">
|
||
<li><strong>MI350系列量产与客户反馈 (2025年中):</strong> 对标NVIDIA B系列的关键产品，是验证技术执行力的核心事件。</li>
|
||
<li><strong>Q1/Q2财报数据中心GPU营收:</strong> 验证在65亿美元年指引下的季度环比增长质量。</li>
|
||
<li><strong>ZT Systems整合后首批成果:</strong> 展示加速AI集群部署的成功案例，验证系统级战略。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bento-item bento-item-5 p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-3xl font-bold mb-6 text-blue-300">长期发展路径</h2>
|
||
<div class="tabs tabs-boxed bg-black/20">
|
||
<a class="tab tab-active">执行与交付 (25-26)</a>
|
||
<a class="tab">生态构建 (26-28)</a>
|
||
<a class="tab">领导力挑战 (28+)</a>
|
||
</div>
|
||
<div class="mt-4 text-gray-300 leading-relaxed">
|
||
<p><strong class="text-white">执行与交付阶段 (2025-2026):</strong> 核心任务是成功交付与OpenAI的6GW协议，并推动MI350/MI400系列大规模部署，目标是稳固获取20%-30%的AI加速器市场份额。</p>
|
||
<p class="mt-2 hidden"><strong class="text-white">生态构建阶段 (2026-2028):</strong> 关键在于ROCm软件栈的成熟和普及。通过与头部模型公司合作，将优化成果开源，吸引开发者迁移，逐步削弱CUDA的锁定效应。</p>
|
||
<p class="mt-2 hidden"><strong class="text-white">领导力挑战阶段 (2028年及以后):</strong> 在硬件、软件、系统三方面具备强大竞争力后，有望从“挑战者”转变为在特定领域引领市场的“领导者”。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 风险与挑战 -->
|
||
<section class="p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-3xl font-bold mb-6 text-center text-red-400">潜在风险与挑战</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div class="p-4 border border-red-500/30 rounded-xl">
|
||
<h3 class="font-fui text-xl font-semibold text-red-300">技术风险</h3>
|
||
<p class="mt-2 text-gray-400"><strong>软件生态鸿沟:</strong> ROCm相较于CUDA存在巨大差距，建立生态需漫长时间和巨大投入。<strong>先进封装产能:</strong> 严重依赖台积电CoWoS，产能瓶颈是出货量上限的关键。</p>
|
||
</div>
|
||
<div class="p-4 border border-red-500/30 rounded-xl">
|
||
<h3 class="font-fui text-xl font-semibold text-red-300">商业化风险</h3>
|
||
<p class="mt-2 text-gray-400"><strong>定价与盈利能力:</strong> 作为追赶者，可能需在价格上妥协，影响毛利率。<strong>客户集中度:</strong> AI业务高度依赖少数几家超大规模云厂商，存在集中风险。</p>
|
||
</div>
|
||
<div class="p-4 border border-red-500/30 rounded-xl">
|
||
<h3 class="font-fui text-xl font-semibold text-red-300">政策与竞争风险</h3>
|
||
<p class="mt-2 text-gray-400"><strong>地缘政治风险:</strong> 对华出口限制已造成数十亿美元损失，是最大、最确定的风险。<strong>竞争加剧:</strong> 面临科技巨头自研芯片和ARM架构CPU的侵蚀。</p>
|
||
</div>
|
||
<div class="p-4 border border-red-500/30 rounded-xl">
|
||
<h3 class="font-fui text-xl font-semibold text-red-300">信息交叉验证风险</h3>
|
||
<p class="mt-2 text-gray-400"><strong>乐观指引 vs. 现实冲击:</strong> AI GPU营收指引持续上调，但财报同期计提因出口限制导致的销售损失。揭示了内生动力与外部不可抗力间的巨大张力。</p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-6 p-4 bg-red-900/20 border border-red-500/50 rounded-lg">
|
||
<p class="text-red-200"><strong>交叉验证警示:</strong> 新闻与财报证实，美国对华出口限制已造成AMD高达 <strong class="font-bold text-white">8亿美元</strong> 的潜在损失和 <strong class="font-bold text-white">15亿美元</strong> 的销售损失，政策风险是真实且影响巨大的。
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<section class="p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-3xl font-bold mb-6 text-center text-gray-200">综合结论与投资启示</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div class="md:col-span-1 p-4 bg-base-300/30 rounded-xl">
|
||
<h3 class="font-fui text-xl font-semibold text-teal-300">最终看法</h3>
|
||
<p class="mt-2 text-gray-300">AMD已确凿无疑地进入了<strong class="text-white">基本面驱动阶段</strong>。其股价不再是“主题炒作”，而是由数据中心业务实实在在的收入、利润增长，以及与全球顶级AI公司签订的长期、大规模供货协议所支撑。它已经从一个“可能性”故事，转变为一个正在发生的“成长”故事。</p>
|
||
</div>
|
||
<div class="md:col-span-2 p-4 bg-base-300/30 rounded-xl">
|
||
<h3 class="font-fui text-xl font-semibold text-purple-300">最具投资价值的细分环节 & 需重点跟踪的关键指标</h3>
|
||
<div class="flex flex-col md:flex-row gap-6 mt-2">
|
||
<div class="flex-1">
|
||
<p class="font-bold text-gray-200">细分环节:</p>
|
||
<ul class="list-disc list-inside text-gray-300 space-y-1 mt-1">
|
||
<li><strong>AMD本身:</strong> 核心载体，分享成长红利。</li>
|
||
<li><strong>先进封装 (如通富微电):</strong> 产业链最确定瓶颈之一，业绩弹性大。</li>
|
||
<li><strong>系统级散热与高速互联:</strong> 需求呈指数级增长，长期受益。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="flex-1">
|
||
<p class="font-bold text-gray-200">关键指标:</p>
|
||
<ul class="list-disc list-inside text-gray-300 space-y-1 mt-1">
|
||
<li>数据中心业务 (DCG) 营收及占比</li>
|
||
<li>AI GPU出货量及ASP</li>
|
||
<li>Non-GAAP毛利率</li>
|
||
<li>ROCm软件生态进展</li>
|
||
<li>台积电CoWoS产能分配</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 产业链核心公司 -->
|
||
<section class="p-6 md:p-8 glass-card">
|
||
<h2 class="font-fui text-3xl font-bold mb-6 text-center text-gray-200">产业链核心公司</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full">
|
||
<thead class="bg-white/5">
|
||
<tr>
|
||
<th class="text-base text-white/80">股票名称</th>
|
||
<th class="text-base text-white/80">股票代码</th>
|
||
<th class="text-base text-white/80 w-1/2">核心逻辑</th>
|
||
<th class="text-base text-white/80">标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>通富微电</td><td><a href="https://valuefrontier.cn/company?scode=002156" target="_blank" class="link link-primary">002156</a></td><td>公司是AMD最大的封测供应商，占其订单总数的80%以上；公司通过并购与AMD形成了“合资+合作”模式，建立战略合作伙伴关系</td><td><span class="badge badge-primary badge-outline">封测</span><span class="badge badge-secondary badge-outline ml-1">互动</span></td></tr>
|
||
<tr><td>领益智造</td><td><a href="https://valuefrontier.cn/company?scode=002600" target="_blank" class="link link-primary">002600</a></td><td>公司为AMD核心供应商，在不同系列产品项目上展开合作；已为AMD等国际客户批量出货散热模组</td><td><span class="badge badge-accent badge-outline">散热</span><span class="badge badge-secondary badge-outline ml-1">互动</span></td></tr>
|
||
<tr><td>世运电路</td><td><a href="https://valuefrontier.cn/company?scode=603920" target="_blank" class="link link-primary">603920</a></td><td>公司通过OEM方式进入Nvidia和AMD的供应链体系实现量产交付和持续参与新一代产品研发；公司完成AMD全系产品认证</td><td><span class="badge badge-info badge-outline">PCB</span><span class="badge badge-secondary badge-outline ml-1">调研</span></td></tr>
|
||
<tr><td>深南电路</td><td><a href="https://valuefrontier.cn/company?scode=002916" target="_blank" class="link link-primary">002916</a></td><td>据券商纪要（公司公开资料未明确），公司为AMD的国内PCB核心供应商之一</td><td><span class="badge badge-info badge-outline">PCB</span><span class="badge badge-warning badge-outline ml-1">券商纪要</span></td></tr>
|
||
<tr><td>宏昌电子</td><td><a href="https://valuefrontier.cn/company?scode=603002" target="_blank" class="link link-primary">603002</a></td><td>公司高频高速覆铜板材GA-686、GA-686N等产品已取得Intel、AMD等公司的评估认证；GA-686N可满足AMD平台A4等级材料需求，并进入AMD终端材料库</td><td><span class="badge badge-success badge-outline">覆铜板</span><span class="badge badge-secondary badge-outline ml-1">年报</span></td></tr>
|
||
<tr><td>南亚新材</td><td><a href="https://valuefrontier.cn/company?scode=688519" target="_blank" class="link link-primary">688519</a></td><td>Intel/AMD两大主流新品的各平台认证公司各等级都有亮眼的表现，且已开始通过PCB客户积极与全球GPU和AI计算技术为核心的知名科技公司展开产品的认证</td><td><span class="badge badge-success badge-outline">覆铜板</span><span class="badge badge-secondary badge-outline ml-1">调研</span></td></tr>
|
||
<tr><td>香农芯创</td><td><a href="https://valuefrontier.cn/company?scode=300475" target="_blank" class="link link-primary">300475</a></td><td>全资子公司联合创泰收到AMD经销商确认函</td><td><span class="badge badge-error badge-outline">代理</span><span class="badge badge-secondary badge-outline ml-1">公告</span></td></tr>
|
||
<tr><td>岩山科技</td><td><a href="https://valuefrontier.cn/company?scode=002195" target="_blank" class="link link-primary">002195</a></td><td>RockAI与全球知名芯片厂商AMD签署合作备忘录，在AIPC领域展开深入技术合作</td><td><span class="badge badge-warning badge-outline">AI应用</span><span class="badge badge-secondary badge-outline ml-1">互动</span></td></tr>
|
||
<tr><td>芯原股份</td><td><a href="https://valuefrontier.cn/company?scode=688521" target="_blank" class="link link-primary">688521</a></td><td>AMD等十家行业领导企业共同成立了Chiplet标准联盟，芯原已经成为大陆首批加入UCIe联盟的企业之一</td><td><span class="badge badge-neutral">其他</span><span class="badge badge-secondary badge-outline ml-1">半年报</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="text-center mt-16 py-8 border-t border-white/10">
|
||
<p class="font-fui text-gray-500">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p class="text-sm text-gray-600 mt-2">本报告为AI合成数据，不构成任何投资建议，投资需谨慎。</p>
|
||
</footer>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
// ECharts for Revenue Guidance
|
||
var guidanceChart = echarts.init(document.getElementById('guidanceChart'));
|
||
var guidanceOption = {
|
||
title: {
|
||
text: '数据中心GPU营收指引演进 (亿美元)',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#e5e7eb',
|
||
fontSize: 14
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
label: {
|
||
backgroundColor: '#6a7985'
|
||
}
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: [{
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: ['23年指引', '24年初', '24Q2上调', '24Q3上调', '25年预测'],
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
|
||
}],
|
||
yAxis: [{
|
||
type: 'value',
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
|
||
}],
|
||
series: [{
|
||
name: '营收指引',
|
||
type: 'line',
|
||
stack: 'Total',
|
||
smooth: true,
|
||
lineStyle: {
|
||
width: 2,
|
||
color: '#a78bfa'
|
||
},
|
||
showSymbol: false,
|
||
areaStyle: {
|
||
opacity: 0.8,
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
offset: 0,
|
||
color: 'rgba(167, 139, 250, 0.5)'
|
||
}, {
|
||
offset: 1,
|
||
color: 'rgba(167, 139, 250, 0)'
|
||
}])
|
||
},
|
||
emphasis: {
|
||
focus: 'series'
|
||
},
|
||
data: [20, 35, 45, 50, 65]
|
||
}]
|
||
};
|
||
guidanceChart.setOption(guidanceOption);
|
||
|
||
// ECharts for Market Share
|
||
var marketShareChart = echarts.init(document.getElementById('marketShareChart'));
|
||
var marketShareOption = {
|
||
title: {
|
||
text: '服务器CPU市占率',
|
||
left: 'center',
|
||
top: '5%',
|
||
textStyle: { color: '#e5e7eb', fontSize: 14 }
|
||
},
|
||
tooltip: {
|
||
trigger: 'item'
|
||
},
|
||
series: [{
|
||
name: '市场份额',
|
||
type: 'pie',
|
||
radius: ['40%', '70%'],
|
||
center: ['50%', '60%'],
|
||
avoidLabelOverlap: false,
|
||
itemStyle: {
|
||
borderRadius: 10,
|
||
borderColor: '#0c0a09',
|
||
borderWidth: 2
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
fontSize: '20',
|
||
fontWeight: 'bold',
|
||
color: '#fff'
|
||
}
|
||
},
|
||
labelLine: {
|
||
show: false
|
||
},
|
||
data: [
|
||
{ value: 30, name: 'AMD (~30%)' },
|
||
{ value: 70, name: '其他 (~70%)' }
|
||
],
|
||
color: ['#c084fc', '#4f46e5']
|
||
}]
|
||
};
|
||
marketShareChart.setOption(marketShareOption);
|
||
|
||
// Resize charts on window resize
|
||
window.addEventListener('resize', function() {
|
||
guidanceChart.resize();
|
||
marketShareChart.resize();
|
||
});
|
||
|
||
// AlpineJS logic for tabs in the long-term path section
|
||
const tabs = document.querySelectorAll('.tabs a.tab');
|
||
const contents = document.querySelectorAll('.long-term-path-content > p');
|
||
tabs.forEach((tab, index) => {
|
||
tab.addEventListener('click', (e) => {
|
||
e.preventDefault();
|
||
tabs.forEach(t => t.classList.remove('tab-active'));
|
||
tab.classList.add('tab-active');
|
||
contents.forEach(c => c.classList.add('hidden'));
|
||
contents[index].classList.remove('hidden');
|
||
});
|
||
});
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |