Files
vf_react/public/htmls/AI PC.html
2025-12-05 13:29:18 +08:00

512 lines
31 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>深度行研报告AI PC - 个人计算的下一次革命</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=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
background-color: #03040B;
color: #E0E0E0;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glass-card {
background: rgba(20, 20, 40, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(128, 128, 180, 0.2);
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(30, 30, 60, 0.6);
border: 1px solid rgba(128, 128, 180, 0.4);
box-shadow: 0 0 25px rgba(100, 100, 255, 0.1);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
border-radius: 1.5rem;
padding: 1.5rem;
}
.bento-item h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
.bento-item p, .bento-item li {
font-size: 0.9rem;
line-height: 1.6;
color: #B0B0D0;
}
.glow-text {
text-shadow: 0 0 8px rgba(150, 180, 255, 0.6);
}
.section-title {
font-size: 2.5rem;
font-weight: 700;
letter-spacing: -0.05em;
background: linear-gradient(90deg, #D0D0FF, #A0A0FF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 2rem;
text-align: center;
}
.timeline-item::before {
content: '';
position: absolute;
left: -1px;
top: 1rem;
width: 3px;
height: 100%;
background: rgba(128, 128, 180, 0.2);
}
.timeline-dot {
position: absolute;
left: -7px;
top: 1rem;
width: 15px;
height: 15px;
border-radius: 50%;
background: #03040B;
border: 3px solid #6366F1;
box-shadow: 0 0 15px #6366F1;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
.glow-sphere {
position: absolute;
border-radius: 50%;
filter: blur(150px);
opacity: 0.3;
}
table thead th {
background-color: rgba(79, 70, 229, 0.3) !important;
color: #E0E0E0 !important;
font-weight: 600;
}
table tbody tr {
background-color: transparent !important;
border-bottom: 1px solid rgba(128, 128, 180, 0.2);
}
table tbody tr:hover {
background-color: rgba(45, 45, 75, 0.6) !important;
}
</style>
</head>
<body class="min-h-screen">
<div class="hero-bg">
<div class="glow-sphere" style="width: 800px; height: 800px; background-color: #4f46e5; top: -20%; left: -10%;"></div>
<div class="glow-sphere" style="width: 700px; height: 700px; background-color: #7c3aed; top: 40%; right: -20%;"></div>
<div class="glow-sphere" style="width: 600px; height: 600px; background-color: #0891b2; top: 80%; left: 10%;"></div>
</div>
<div class="container mx-auto px-4 py-12 md:py-20">
<!-- Header -->
<header class="text-center mb-16 md:mb-24">
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter mb-4 glow-text bg-clip-text text-transparent bg-gradient-to-br from-white to-gray-400">
深度行研AI PC
</h1>
<p class="text-lg md:text-xl text-indigo-300 max-w-3xl mx-auto">开启个人计算的范式革命:从工具到智能伙伴</p>
<p class="text-xs text-gray-500 mt-4">由 北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现。本报告为AI合成数据投资需谨慎。</p>
</header>
<!-- Executive Summary -->
<section class="mb-16 md:mb-24">
<div class="glass-card rounded-3xl p-8 max-w-5xl mx-auto ring-1 ring-white/10">
<h2 class="text-2xl font-semibold mb-4 text-indigo-300">核心观点摘要</h2>
<p class="text-gray-300 leading-relaxed">
AI PC 正处在从概念导入期向商业化成长期过渡的关键拐点,其核心是 **“技术升级端侧AI”** 与 **“商业诉求(换机周期)”** 的双轮驱动。这不仅是一次硬件迭代更是一场以操作系统和应用生态为核心的平台级变革。展望未来AI PC 将开启一个长达3-5年的、由硬件价值提升和软件服务变现构成的结构性增长周期PC的定义将从“个人计算设备”演变为“个人AI助理”。
</p>
</div>
</section>
<!-- Timeline Section -->
<section class="mb-16 md:mb-24">
<h2 class="section-title">AI PC 发展时间轴</h2>
<div class="max-w-4xl mx-auto">
<div class="relative pl-8">
<div class="timeline-item pb-12">
<div class="timeline-dot"></div>
<p class="text-sm font-semibold text-indigo-400">2023年12月 - 技术预热期</p>
<h3 class="font-bold text-lg mt-1">英特尔发布酷睿Ultra</h3>
<p class="text-gray-400 mt-1">首次集成NPU神经网络处理单元被市场视为开启AI PC元年的标志性事件。</p>
</div>
<div class="timeline-item pb-12">
<div class="timeline-dot"></div>
<p class="text-sm font-semibold text-indigo-400">2024年1月 - 产业共识形成</p>
<h3 class="font-bold text-lg mt-1">CES 2024AI PC集中亮相</h3>
<p class="text-gray-400 mt-1">联想、英伟达、AMD等巨头全面布局“2024年是AI PC元年”成为行业共识。</p>
</div>
<div class="timeline-item pb-12">
<div class="timeline-dot"></div>
<p class="text-sm font-semibold text-indigo-400">2024年5月 - 生态革命催化</p>
<h3 class="font-bold text-lg mt-1">微软发布Copilot+ PC标准</h3>
<p class="text-gray-400 mt-1">设定 >40 TOPS NPU算力门槛推出Recall等颠覆性本地AI功能极大定义了下一代AI PC体验标准。高通骁龙X Elite成为首批达标芯片ARM架构发起挑战。</p>
</div>
<div class="timeline-item pb-12">
<div class="timeline-dot"></div>
<p class="text-sm font-semibold text-indigo-400">2024年Q3-Q4 - 商业化落地</p>
<h3 class="font-bold text-lg mt-1">新品出货与渗透率提升</h3>
<p class="text-gray-400 mt-1">英特尔Lunar Lake开始出货联想宣布端侧部署DeepSeek大模型。Q3全球AI PC出货量达1330万台占PC总量20%,渗透率稳步提升。</p>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<p class="text-sm font-semibold text-indigo-400">2025年及以后 - 放量之年</p>
<h3 class="font-bold text-lg mt-1">换机潮与生态成熟</h3>
<p class="text-gray-400 mt-1">机构预测2025年出货量有望破亿。Windows 10停止支持服务将与AI PC吸引力叠加催生大规模换机潮应用生态逐步成熟。</p>
</div>
</div>
</div>
</section>
<!-- Core Logic Bento Grid -->
<section class="mb-16 md:mb-24">
<h2 class="section-title">核心驱动力:一场产业共谋的范式革命</h2>
<div class="bento-grid">
<div class="bento-item glass-card col-span-12 md:col-span-4">
<h3 class="text-indigo-300">技术范式迁移端侧AI成为刚需</h3>
<p>随着大模型普及云端计算的延迟、成本、隐私安全三大痛点凸显。AI PC通过集成NPU将推理任务本地化实现离线运行、数据不出本地B端核心诉求和低延迟、个性化C端体验关键构成了AI PC最底层的技术逻辑。</p>
</div>
<div class="bento-item glass-card col-span-12 md:col-span-4">
<h3 class="text-indigo-300">生态构建者推动:微软定义标准</h3>
<p>微软Copilot+PC的发布是引爆市场的关键。它不仅设定了40+TOPS的硬件门槛更通过Recall等原生功能首次清晰展示了“下一代PC能做什么”将模糊的AI概念转化为具体可感的生产力工具从根本上解决了生态“先有鸡还是先有蛋”的困境。</p>
</div>
<div class="bento-item glass-card col-span-12 md:col-span-4">
<h3 class="text-indigo-300">产业商业共谋:创造新换机周期</h3>
<p>PC行业长期面临增长瓶颈。AI PC为Intel、微软、联想等产业链巨头提供了完美的叙事以颠覆性体验为卖点刺激更新。核心动机是“迫使用户购买新设备以获取全部功能”而2025年Windows 10 EOL则为此轮换机潮提供了不可逆转的时间节点。</p>
</div>
</div>
</section>
<!-- Market Forecast Chart -->
<section class="mb-16 md:mb-24">
<h2 class="section-title">市场规模与渗透率预测</h2>
<div class="glass-card rounded-3xl p-6 md:p-8">
<div id="market-forecast-chart" style="width: 100%; height: 400px;"></div>
</div>
</section>
<!-- Market Pulse & Expectation Gap -->
<section class="mb-16 md:mb-24">
<h2 class="section-title">市场脉搏:乐观预期与潜在温差</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="glass-card rounded-3xl p-8">
<h3 class="text-xl font-semibold mb-4 text-green-300">压倒性的乐观情绪</h3>
<ul class="space-y-3 text-gray-300">
<li><strong class="text-white">信息密度高:</strong>从CES到Build大会全年热度不减新闻研报均以“元年”、“革命”定调。</li>
<li><strong class="text-white">预测高度一致:</strong>Canalys、IDC等机构及产业核心方均给出乐观预测2025年破亿2027年渗透率超80%),形成强烈市场共识。</li>
<li><strong class="text-white">资本市场充分定价:</strong>关联个股覆盖全产业链,表明资本市场已对整个生态的受益逻辑进行了充分挖掘。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-8">
<h3 class="text-xl font-semibold mb-4 text-amber-300">值得关注的预期差</h3>
<ul class="space-y-3 text-gray-300">
<li><strong class="text-white">短期需求的“热”与“冷”:</strong>企业客户仍处“AI迷雾”中大规模部署或晚于市场预期短期渗透率爬坡可能更平缓。</li>
<li><strong class="text-white">硬件性能的“标准”与“伪概念”:</strong>市场存在大量算力不足40 TOPS的“AI PC”可能因体验不佳损害AI PC整体声誉延缓普及。</li>
<li><strong class="text-white">“杀手级应用”的缺位:</strong>目前尚未出现能单凭一己之力驱动大规模换机的应用。真正的需求爆发仍需等待应用生态进一步成熟。</li>
</ul>
</div>
</div>
</section>
<!-- Future Path & Catalysts -->
<section class="mb-16 md:mb-24">
<h2 class="section-title">未来路径与关键催化剂</h2>
<div class="grid grid-cols-1 md:grid-cols-5 gap-6">
<div class="md:col-span-2 glass-card rounded-3xl p-8">
<h3 class="text-xl font-semibold mb-4 text-cyan-300">近期催化剂 (3-6个月)</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>重量级新品:</strong> 英特尔Panther Lake平台在CES发布拔高性能基准。</li>
<li><strong>Windows 10 EOL:</strong> 2025年10月大限临近企业将从年初开始加速换机计划。</li>
<li><strong>软件生态更新:</strong> Adobe、金山办公等头部软件发布针对NPU优化的重大版本。</li>
<li><strong>销量数据验证:</strong> Q4及全年出货量数据将是对市场乐观预期的首次“业绩验证”。</li>
</ul>
</div>
<div class="md:col-span-3 glass-card rounded-3xl p-8">
<h3 class="text-xl font-semibold mb-4 text-purple-300">长期发展路径</h3>
<div class="space-y-4">
<div>
<p class="font-bold text-white">阶段一:硬件渗透期 (2024-2025)</p>
<p class="text-sm text-gray-400">核心任务是提升NPU硬件占有率。竞争焦点是芯片算力、整机性能和续航。增长来自硬件ASP提升和出货量复苏。</p>
</div>
<div>
<p class="font-bold text-white">阶段二:应用爆发期 (2025-2026)</p>
<p class="text-sm text-gray-400">硬件渗透率超30%临界点原生AI应用和“杀手级应用”涌现。竞争转向AI Agent和应用生态。增长动力部分转向软件订阅。</p>
</div>
<div>
<p class="font-bold text-white">阶段三:生态成熟期 (2027+)</p>
<p class="text-sm text-gray-400">AI PC成市场主流渗透率>80%。PC转变为“个人AI助理”。竞争焦点是生态壁垒和数据护城河。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Data Sources -->
<section x-data="{ tab: 'news' }" class="mb-16 md:mb-24">
<h2 class="section-title">原始数据摘要</h2>
<div class="tabs tabs-boxed justify-center mb-6 bg-slate-800/50">
<a class="tab" :class="{'tab-active': tab === 'news'}" @click="tab = 'news'">新闻数据</a>
<a class="tab" :class="{'tab-active': tab === 'roadshow'}" @click="tab = 'roadshow'">路演纪要</a>
<a class="tab" :class="{'tab-active': tab === 'report'}" @click="tab = 'report'">研报精粹</a>
</div>
<div class="glass-card rounded-3xl p-8 min-h-[400px]">
<div x-show="tab === 'news'" x-transition>
<h3 class="text-xl font-semibold mb-4 text-indigo-300">新闻数据核心提炼</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>市场预测激增:</strong> Canalys预测2025年AI PC出货量将达1.03亿台市场份额从2024年不足10%增长至30%。IDC预测2027年中国市场新机装配比例将达85%。</li>
<li><strong>芯片竞赛白热化:</strong> 英特尔以酷睿Ultra和Lunar Lake为核心目标2025年底出货1亿台AI PC并加速18A工艺的Panther Lake研发。亿道信息等厂商采用高通X Elite芯片。</li>
<li><strong>软件生态初现:</strong> 夸克PC、百度搜索等上线AI功能。联想与DeepSeek合作端侧部署大模型英特尔与扣子(Coze)推端云协同开发平台。</li>
<li><strong>厂商动态频频:</strong> 联想推出多系列AI PC新品荣耀发布AI PC战略2.0华为发布折叠PC并受鸿蒙生态关注。</li>
<li><strong>供应链受益明确:</strong> 春秋电子结构件、博敏电子PCB等核心标的已获订单或被市场看好产业链进入加速渗透阶段。</li>
</ul>
</div>
<div x-show="tab === 'roadshow'" x-transition>
<h3 class="text-xl font-semibold mb-4 text-indigo-300">路演纪要核心提炼</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>核心优势明确:</strong> AI PC解决离线场景、数据安全、低延迟三大痛点是企业B端和个人C端的核心需求。</li>
<li><strong>硬件升级刚需:</strong> 运行本地大模型推动内存从16GB向32GB升级硬盘向1-2TB升级同时带动散热、电池等组件价值提升。</li>
<li><strong>换机周期驱动力:</strong> 微软和硬件厂商利益一致通过捆绑功能“迫使”用户换机。Windows 12或新版Win11若要求40 TOPS算力将成为重要催化剂。</li>
<li><strong>渗透率逐步验证:</strong> 2024年Q3数据显示AI PC占终端设备销量约10%到Q4提升至25%2025年Q1进一步提升至40%PC Connection数据反映从早期采用到逐步普及的趋势。</li>
<li><strong>客户认知尚处“AI迷雾”:</strong> 企业客户对AI战略仍持谨慎态度大规模部署需求可能在2025年伴随新一代产品推出而释放。</li>
</ul>
</div>
<div x-show="tab === 'report'" x-transition>
<h3 class="text-xl font-semibold mb-4 text-indigo-300">研报精粹核心提炼</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>定义清晰化:</strong> 联想定义五大核心特质个人大模型、强算力、自然语言交互等微软定义Copilot+PC>40TOPS NPU、内置GPT-4o</li>
<li><strong>市场预测汇总:</strong> 各大机构普遍预测2025年为AI PC放量之年出货量将超1亿台渗透率达30%-40%2027年出货量超1.5亿台,成为市场主流。</li>
<li><strong>技术核心:混合架构:</strong> CPU+GPU+NPU异构计算结合云端大模型与端侧小模型实现性能与效率的平衡运行AI工作负载性能可提升20倍。</li>
<li><strong>产业链全面受益:</strong> AI PC带动PCB高阶HDI需求提升2-3倍、存储DRAM/NAND容量增加、半导体、散热、结构件等全产业链价值提升。</li>
<li><strong>核心风险提示:</strong> 用户接受度不及预期、技术发展缓慢、缺乏杀手级应用、市场竞争加剧是主要风险点。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Table -->
<section class="mb-16 md:mb-24">
<h2 class="section-title">AI PC 产业链核心标的</h2>
<div class="overflow-x-auto glass-card rounded-3xl p-4 md:p-6">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>产业链环节</th>
</tr>
</thead>
<tbody>
<tr><td>联想集团(港)</td><td>0992.HK</td><td>整机</td></tr>
<tr><td>亿道信息</td><td><a href="https://valuefrontier.cn/company?scode=001314" target="_blank" class="link link-primary">001314</a></td><td>整机</td></tr>
<tr><td>雷神科技</td><td>920190</td><td>整机</td></tr>
<tr><td>华勤技术</td><td><a href="https://valuefrontier.cn/company?scode=603296" target="_blank" class="link link-primary">603296</a></td><td>ODM代工</td></tr>
<tr><td>软通动力</td><td><a href="https://valuefrontier.cn/company?scode=301236" target="_blank" class="link link-primary">301236</a></td><td>鸿蒙PC</td></tr>
<tr><td>智微智能</td><td><a href="https://valuefrontier.cn/company?scode=001339" target="_blank" class="link link-primary">001339</a></td><td>鸿蒙PC</td></tr>
<tr><td>佰维存储</td><td><a href="https://valuefrontier.cn/company?scode=688525" target="_blank" class="link link-primary">688525</a></td><td>存储</td></tr>
<tr><td>江波龙</td><td><a href="https://valuefrontier.cn/company?scode=301308" target="_blank" class="link link-primary">301308</a></td><td>存储</td></tr>
<tr><td>春秋电子</td><td><a href="https://valuefrontier.cn/company?scode=603890" target="_blank" class="link link-primary">603890</a></td><td>结构件</td></tr>
<tr><td>英力股份</td><td><a href="https://valuefrontier.cn/company?scode=300956" target="_blank" class="link link-primary">300956</a></td><td>结构件</td></tr>
<tr><td>珠海冠宇</td><td><a href="https://valuefrontier.cn/company?scode=688772" target="_blank" class="link link-primary">688772</a></td><td>电池</td></tr>
<tr><td>中石科技</td><td><a href="https://valuefrontier.cn/company?scode=300684" target="_blank" class="link link-primary">300684</a></td><td>散热</td></tr>
<tr><td>飞荣达</td><td><a href="https://valuefrontier.cn/company?scode=300602" target="_blank" class="link link-primary">300602</a></td><td>散热</td></tr>
<tr><td>光大同创</td><td><a href="https://valuefrontier.cn/company?scode=301387" target="_blank" class="link link-primary">301387</a></td><td>碳纤维</td></tr>
<tr><td>翰博高新</td><td><a href="https://valuefrontier.cn/company?scode=301321" target="_blank" class="link link-primary">301321</a></td><td>显示面板</td></tr>
<tr><td>龙腾光电</td><td><a href="https://valuefrontier.cn/company?scode=688055" target="_blank" class="link link-primary">688055</a></td><td>显示面板</td></tr>
</tbody>
</table>
</div>
</section>
<!-- Rise Analysis -->
<section>
<h2 class="section-title">个股异动深度剖析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card rounded-3xl p-6 flex flex-col">
<div class="flex-grow">
<div class="flex justify-between items-start mb-3">
<div>
<h3 class="font-bold text-lg text-white">金山办公 (688111)</h3>
<p class="text-sm text-gray-400">2025-09-24</p>
</div>
<div class="badge badge-lg badge-success badge-outline font-bold">+5.21%</div>
</div>
<p class="text-sm text-gray-300 leading-relaxed">
上涨核心逻辑是典型的“软件定义硬件价值”。随着AI PC硬件普及金山办公作为应用层龙头其WPS AI月活超8000万并发布适配骁龙平台的AI PC版WPS将硬件算力转化为用户价值和商业变现付费率与ARPU双升。公司成为验证AI PC商业闭环能否成功的关键标的市场对其“AI+云+办公”平台定位进行价值重估。
</p>
</div>
</div>
<div class="glass-card rounded-3xl p-6 flex flex-col">
<div class="flex-grow">
<div class="flex justify-between items-start mb-3">
<div>
<h3 class="font-bold text-lg text-white">中兴通讯 (000063)</h3>
<p class="text-sm text-gray-400">2025-08-20</p>
</div>
<div class="badge badge-lg badge-success badge-outline font-bold">+5.66%</div>
</div>
<p class="text-sm text-gray-300 leading-relaxed">
上涨逻辑是AI PC带动的后端算力基础设施需求爆发。中兴通讯在中国移动PC服务器及AI服务器集采中斩获巨额订单尤其在高性能推理服务器中份额领先。这标志着公司从传统通信设备商成功转型为AI算力基础设施核心供应商开辟第二增长曲线形成“通信+算力”双引擎,受到市场和机构资金(贝莱德、摩根大通增持)的高度认可。
</p>
</div>
</div>
<div class="glass-card rounded-3xl p-6 flex flex-col">
<div class="flex-grow">
<div class="flex justify-between items-start mb-3">
<div>
<h3 class="font-bold text-lg text-white">鹏鼎控股 (002938)</h3>
<p class="text-sm text-gray-400">2025-07-03</p>
</div>
<div class="badge badge-lg badge-error badge-outline font-bold">+10.00%</div>
</div>
<p class="text-sm text-gray-300 leading-relaxed">
涨停是“AI PC+PCB+苹果”三概念共振的结果。作为全球PCB龙头公司是AI PC主板/HDI的核心供应商直接受益于AI PC对高阶HDI板价值量比普通PC高2-3倍需求的提升。同时AI服务器需求增长和苹果链预期修复形成叠加效应叠加泰国新产能即将投产基本面改善预期强烈资金抢筹龙头。
</p>
</div>
</div>
</div>
</section>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-forecast-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
legend: {
data: ['AI PC出货量 (百万台)', 'AI PC渗透率 (%)'],
textStyle: {
color: '#ccc'
}
},
xAxis: [
{
type: 'category',
data: ['2024', '2025', '2026', '2027', '2028'],
axisPointer: {
type: 'shadow'
},
axisLine: {
lineStyle: { color: 'rgba(255,255,255,0.3)' }
}
}
],
yAxis: [
{
type: 'value',
name: '出货量',
min: 0,
max: 250,
interval: 50,
axisLabel: {
formatter: '{value} M'
},
axisLine: {
lineStyle: { color: 'rgba(255,255,255,0.3)' }
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,0.1)'
}
}
},
{
type: 'value',
name: '渗透率',
min: 0,
max: 100,
interval: 20,
axisLabel: {
formatter: '{value} %'
},
axisLine: {
lineStyle: { color: 'rgba(255,255,255,0.3)' }
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,0.1)'
}
}
}
],
series: [
{
name: 'AI PC出货量 (百万台)',
type: 'bar',
data: [48, 103, 150, 175, 205], // Aggregated data from sources
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#8360c3' },
{ offset: 1, color: '#2ebf91' }
])
}
},
{
name: 'AI PC渗透率 (%)',
type: 'line',
yAxisIndex: 1,
data: [18, 40, 55, 85, 90], // Aggregated data from sources
smooth: true,
itemStyle: {
color: '#6366F1'
},
lineStyle: {
width: 3,
shadowColor: 'rgba(99, 102, 241, 0.5)',
shadowBlur: 10
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>