533 lines
29 KiB
HTML
533 lines
29 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>深度行研报告：石墨烯散热</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<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=Oxanium:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
body {
|
||
font-family: 'Oxanium', sans-serif;
|
||
background: #00000a;
|
||
overflow-x: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(10, 15, 40, 0.5);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 1.5rem; /* 24px */
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(15, 20, 45, 0.7);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(0, 255, 255, 0.6), 0 0 16px rgba(0, 255, 255, 0.4);
|
||
}
|
||
|
||
.glow-border {
|
||
position: relative;
|
||
}
|
||
|
||
.glow-border::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: -2px; left: -2px;
|
||
right: -2px; bottom: -2px;
|
||
background: linear-gradient(45deg, #00ffff, #ff00ff, #00ffff);
|
||
background-size: 400%;
|
||
border-radius: 1.6rem;
|
||
z-index: -1;
|
||
filter: blur(8px);
|
||
opacity: 0;
|
||
transition: opacity 0.3s ease-in-out;
|
||
animation: glowing 20s linear infinite;
|
||
}
|
||
|
||
.glass-card:hover .glow-border::before {
|
||
opacity: 0.7;
|
||
}
|
||
|
||
@keyframes glowing {
|
||
0% { background-position: 0 0; }
|
||
50% { background-position: 400% 0; }
|
||
100% { background-position: 0 0; }
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
grid-auto-rows: minmax(100px, auto);
|
||
}
|
||
|
||
/* Responsive Grid Layouts */
|
||
.grid-span-12 { grid-column: span 12; }
|
||
.grid-span-8 { grid-column: span 12; }
|
||
.grid-span-6 { grid-column: span 12; }
|
||
.grid-span-4 { grid-column: span 12; }
|
||
.grid-span-3 { grid-column: span 12; }
|
||
|
||
@media (min-width: 1024px) {
|
||
.grid-span-8 { grid-column: span 8; }
|
||
.grid-span-6 { grid-column: span 6; }
|
||
.grid-span-4 { grid-column: span 4; }
|
||
.grid-span-3 { grid-column: span 3; }
|
||
}
|
||
|
||
.stat-value {
|
||
color: #00ffff; /* Cyan */
|
||
text-shadow: 0 0 5px #00ffff;
|
||
}
|
||
|
||
.stat-title {
|
||
color: rgba(255, 255, 255, 0.7);
|
||
}
|
||
|
||
.collapse-title, .table thead th {
|
||
font-size: 1.1rem;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.table tbody tr:hover {
|
||
background-color: rgba(0, 255, 255, 0.05);
|
||
}
|
||
|
||
.background-glow {
|
||
position: fixed;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -10;
|
||
}
|
||
|
||
.glow-1 {
|
||
position: absolute;
|
||
width: 800px;
|
||
height: 800px;
|
||
left: -20%;
|
||
top: -30%;
|
||
background: radial-gradient(circle, rgba(0, 128, 255, 0.15) 0%, rgba(0, 128, 255, 0) 60%);
|
||
animation: move-glow1 30s infinite alternate ease-in-out;
|
||
}
|
||
|
||
.glow-2 {
|
||
position: absolute;
|
||
width: 900px;
|
||
height: 900px;
|
||
right: -30%;
|
||
bottom: -40%;
|
||
background: radial-gradient(circle, rgba(255, 0, 255, 0.15) 0%, rgba(255, 0, 255, 0) 60%);
|
||
animation: move-glow2 35s infinite alternate ease-in-out;
|
||
}
|
||
|
||
@keyframes move-glow1 {
|
||
from { transform: translate(0, 0) rotate(0deg); }
|
||
to { transform: translate(100px, 150px) rotate(45deg); }
|
||
}
|
||
@keyframes move-glow2 {
|
||
from { transform: translate(0, 0) rotate(0deg); }
|
||
to { transform: translate(-150px, -100px) rotate(-60deg); }
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
::-webkit-scrollbar-track {
|
||
background: #00000a;
|
||
}
|
||
::-webkit-scrollbar-thumb {
|
||
background: rgba(0, 255, 255, 0.3);
|
||
border-radius: 4px;
|
||
}
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(0, 255, 255, 0.5);
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body class="text-gray-300 min-h-screen">
|
||
<div class="background-glow">
|
||
<div class="glow-1"></div>
|
||
<div class="glow-2"></div>
|
||
</div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
<!-- Header -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold glow-text text-white tracking-widest">石墨烯散热</h1>
|
||
<p class="text-lg md:text-xl text-cyan-300 mt-2">Graphene Thermal Dissipation: The AI Era's Cooling Imperative</p>
|
||
<p class="text-sm mt-4 text-gray-500">深度行研报告 / Deep Dive Research Report</p>
|
||
</header>
|
||
|
||
<!-- Bento Grid Layout -->
|
||
<main class="bento-grid">
|
||
|
||
<!-- Insight: Core View -->
|
||
<div class="glass-card grid-span-12 p-6 md:p-8 glow-border">
|
||
<h2 class="text-2xl font-bold mb-4 text-white glow-text">核心观点摘要 / Core Thesis</h2>
|
||
<p class="text-base leading-relaxed text-gray-300">
|
||
石墨烯散热正站在从“小众高端”向“主流标配”跨越的拐点。其核心驱动力已从传统的5G手机散热升级，转变为由 <strong class="text-cyan-400">AI大模型终端化</strong> 所引爆的高算力散热刚需。尽管市场对其远期空间（如AI硬件全面渗透）抱有极高热情，但短期内，其商业化进程仍受制于 <strong class="text-fuchsia-400">成本与量产良率</strong> 的严峻挑战，存在显著的“<strong class="text-amber-400">预期与现实差</strong>”。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Key Metrics -->
|
||
<div class="glass-card grid-span-4 p-6">
|
||
<div class="stat">
|
||
<div class="stat-figure text-secondary">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-8 h-8 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
|
||
</div>
|
||
<div class="stat-title">当前渗透率 (3C产品)</div>
|
||
<div class="stat-value text-4xl">< 3%</div>
|
||
<div class="stat-desc text-secondary">↗︎ 近20倍提升空间</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-card grid-span-8 p-6">
|
||
<h3 class="font-semibold text-white mb-2 text-center">智能手机市场规模预测 (2025年)</h3>
|
||
<div id="market-size-chart" class="w-full h-48"></div>
|
||
</div>
|
||
|
||
<!-- Insight: Logic & Market Perception -->
|
||
<div class="glass-card grid-span-8 p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-4 text-white glow-text">核心逻辑与市场认知分析</h2>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h3 class="font-semibold text-cyan-300">核心驱动力 (Core Drivers):</h3>
|
||
<ul class="list-disc list-inside mt-2 space-y-1 text-gray-300">
|
||
<li><strong class="text-white">性能需求驱动 (Performance-Driven):</strong> AI终端算力竞赛导致发热激增，散热成性能释放瓶颈。石墨烯以其理论高达 <span class="text-amber-400">5300W·m⁻¹·K⁻¹</span> 的导热系数成为理想材料。</li>
|
||
<li><strong class="text-white">关键客户驱动 (Key Customer-Driven):</strong> 苹果 (<span class="text-fuchsia-400">Apple</span>) 的潜在采用是最大催化剂，有望带动整个供应链成熟，加速行业渗透。</li>
|
||
<li><strong class="text-white">形态创新驱动 (Form Factor-Driven):</strong> 折叠屏、AR眼镜、人形机器人等新型硬件对<span class="text-amber-400">柔韧、轻薄</span>散热材料的苛刻要求。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-cyan-300">预期差分析 (Expectation Gap):</h3>
|
||
<p class="mt-2 text-gray-300">市场可能过度关注石墨烯的“性能优势”，而低估了“<strong class="text-fuchsia-400">成本-性能曲线</strong>”的商业化门槛。路演数据显示高昂单价（200-300元/克）和量产工艺挑战（分层风险）是当前最大瓶颈，与市场乐观情绪形成鲜明对比。中石科技路演信息（仍在验证）与其市场形象（苹果核心供应商）的矛盾点，是最大的信息交叉验证风险。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Value Proposition Chart -->
|
||
<div class="glass-card grid-span-4 p-6 flex flex-col justify-center">
|
||
<h3 class="font-semibold text-white mb-2 text-center">单机价值量提升路径</h3>
|
||
<div id="value-prop-chart" class="w-full h-64"></div>
|
||
</div>
|
||
|
||
<!-- Insight: Catalysts & Path -->
|
||
<div class="glass-card grid-span-12 p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-4 text-white glow-text">关键催化剂与未来发展路径</h2>
|
||
<div class="lg:flex lg:space-x-8">
|
||
<div class="flex-1 mb-6 lg:mb-0">
|
||
<h3 class="font-semibold text-cyan-300">近期催化剂 (Near-term Catalysts)</h3>
|
||
<ul class="list-disc list-inside mt-2 space-y-1">
|
||
<li><strong>决定性事件:</strong> 苹果 <span class="text-amber-400">iPhone 16/17</span> 发布与拆解报告，验证是否采用石墨烯散热。</li>
|
||
<li><strong>重要事件:</strong> 华为 <span class="text-amber-400">三折叠手机</span> (用量翻倍) 与 <span class="text-amber-400">Mate 70</span> (新技术) 发布。</li>
|
||
<li><strong>订单验证:</strong> 关注头部供应商是否披露来自北美大客户或国内头部客户的实质性订单。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="flex-1">
|
||
<h3 class="font-semibold text-cyan-300">长期发展路径 (Long-term Roadmap)</h3>
|
||
<ul class="list-decimal list-inside mt-2 space-y-1">
|
||
<li><strong>Phase 1 (当前-2025):</strong> 高端渗透与成本攻坚。</li>
|
||
<li><strong>Phase 2 (2025-2027):</strong> 主流应用与生态扩展 (AI PC, 服务器, 新能源车)。</li>
|
||
<li><strong>Phase 3 (2027+):</strong> 平台化与材料革命，成为AI硬件标准解决方案。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Insight: Supply Chain -->
|
||
<div class="glass-card grid-span-12 p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-4 text-white glow-text">产业链与核心公司深度剖析</h2>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h3 class="font-semibold text-cyan-300">产业链图谱 (Supply Chain Map)</h3>
|
||
<p>上游 (原材料) → <strong class="text-amber-400">中游 (石墨烯散热膜/模块制造 - 核心环节)</strong> → 下游 (终端应用)</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-cyan-300">核心玩家对比 (Key Players Analysis)</h3>
|
||
<div class="overflow-x-auto mt-2">
|
||
<table class="table table-sm">
|
||
<thead>
|
||
<tr class="text-white">
|
||
<th>梯队</th>
|
||
<th>公司</th>
|
||
<th>核心逻辑</th>
|
||
<th>风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td rowspan="2" class="font-semibold text-cyan-400">领导者</td>
|
||
<td>中石科技</td>
|
||
<td>深度绑定苹果/华为，系统化解决方案能力</td>
|
||
<td class="text-fuchsia-400">石墨烯技术仍在验证，与市场预期存在矛盾</td>
|
||
</tr>
|
||
<tr>
|
||
<td>福莱新材</td>
|
||
<td>客户覆盖广（三星/苹果/华为），市场地位领先</td>
|
||
<td>需验证具体份额和技术水平</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="font-semibold text-amber-400">追赶者</td>
|
||
<td>锦富技术</td>
|
||
<td>逻辑最纯粹的“产能弹性”标的（募投7.4亿）</td>
|
||
<td>产能建设与需求增长的匹配度</td>
|
||
</tr>
|
||
<tr>
|
||
<td>道明光学</td>
|
||
<td>商业化进程的“探路者”，已实现供货</td>
|
||
<td>仍处亏损，降本是关键</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2" class="font-semibold text-gray-400">系统方案商</td>
|
||
<td>思泉新材</td>
|
||
<td>通过北美大客户认证，产业链垂直整合布局</td>
|
||
<td>业务纯度相对不高</td>
|
||
</tr>
|
||
<tr>
|
||
<td>飞荣达</td>
|
||
<td>深度绑定华为，提供综合性热管理方案</td>
|
||
<td>综合性龙头，石墨烯业务占比待观察</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Data Sources Accordion -->
|
||
<div class="grid-span-12 space-y-4">
|
||
<h2 class="text-2xl font-bold text-center text-white glow-text">数据来源与深度资料 / Data Sources & Deep Dives</h2>
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="data-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">新闻数据摘要</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc space-y-2 p-4 text-gray-300">
|
||
<li><strong>市场规模:</strong> 2025年石墨烯散热膜在智能手机市场规模有望达30亿元。AI手机预期将从单层升级为多层石墨烯散热，成为标配。</li>
|
||
<li><strong>单品价值量:</strong> iPhone 16价值8-10元/台；远期多层/3D膜+VC方案有望提升至30-50元/台。</li>
|
||
<li><strong>品牌事件:</strong> 苹果iPhone 16 (预计9月10日) 历史首次加入石墨烯散热。华为Mate X6已采用，三折叠手机 (9月) 用量翻倍，Mate 70 (11月) 配备新技术。</li>
|
||
<li><strong>相关公司:</strong> 福莱新材 (供货三星/苹果/华为)，思泉新材 (通过北美大客户认证)，道明光学 (应用于OPPO AI手机)，锦富技术 (募投7.4亿建400万平米产能)，中石科技 (苹果/华为核心供应商)，飞荣达 (长期合作H公司)。</li>
|
||
<li><strong>其他应用:</strong> AI服务器、AI PC、人形机器人 (强瑞技术已研发仿生关节散热膜)。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="data-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">路演纪要精炼</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc space-y-2 p-4 text-gray-300">
|
||
<li><strong>技术瓶颈 (2024-10-22):</strong> 石墨烯膜导热系数高 (1500-2000 W/m·K)，但成本高 (200-300元/克)、存在分层风险，导致中低端普及困难。</li>
|
||
<li><strong>道明光学交流 (2025-02-11):</strong> 2024年石墨烯膜收入仅1000万元，未达预期。核心挑战是人工石墨在常规厚度下成本优势明显。盈亏平衡点需营收达4000-5000万元。新方向是AR眼镜柔性散热。</li>
|
||
<li><strong>苹果布局 (2024-05-19):</strong> iPhone 17正在测试VC均热板+石墨烯方案，预计价值量从10元提升至40元以上。</li>
|
||
<li><strong>公司动态:</strong> 思泉新材布局石墨烯膜半成品；中石科技称石墨烯材料仍在验证，短期商业化有限，这与新闻热点形成鲜明对比。</li>
|
||
<li><strong>星球石墨澄清:</strong> 多次路演中提到的“石墨”为化工设备用特种石墨，与消费电子石墨烯散热无关。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="data-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">研报信息汇总</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc space-y-2 p-4 text-gray-300">
|
||
<li><strong>技术突破:</strong> 上海微系统所成功制备出厚度超110微米、热导率高达 <span class="text-amber-400">1781W·m⁻¹·K⁻¹</span> 的石墨烯膜，解决厚度与导热率下降的难题。</li>
|
||
<li><strong>性能优势:</strong> 石墨烯导热膜耐弯折次数超 <span class="text-amber-400">20万次</span>，远优于人工石墨的约2万次，特别适用于折叠屏手机。</li>
|
||
<li><strong>芯片级应用:</strong> Thermal Grizzly为英伟达RTX 5090显卡推出KryoSheet石墨烯导热垫，解决传统硅脂挤出效应。</li>
|
||
<li><strong>消费电子应用:</strong> M.2 SSD、华为Mate 20X (首次应用)、OPPO Find N3 Flip等均已采用。理想方案为“石墨烯导热膜+VC均热板”。</li>
|
||
<li><strong>核心厂商:</strong> 道明光学 (年产100万平米)，贝特瑞 (年产60万平米)，富烯科技 (国内最大供应商，全球首次大规模产业化)。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock Table -->
|
||
<div class="grid-span-12 glass-card p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-center text-white glow-text">核心标的分析 / Core Targets Analysis</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="text-white border-b border-cyan-500/30">
|
||
<th class="bg-transparent">股票名称</th>
|
||
<th class="bg-transparent">代码</th>
|
||
<th class="bg-transparent">核心逻辑 / Associated Reason</th>
|
||
<th class="bg-transparent">其他标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-gray-700/50">
|
||
<td class="font-semibold text-white">锦富技术</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300128" target="_blank" class="text-cyan-400 hover:underline">300128</a></td>
|
||
<td>拟募投7.4亿建设高性能石墨烯散热膜生产基地，达产后新增产能400万平米/年，产能弹性巨大。</td>
|
||
<td>石墨烯散热相关</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-700/50">
|
||
<td class="font-semibold text-white">中石科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300684" target="_blank" class="text-cyan-400 hover:underline">300684</a></td>
|
||
<td>深度绑定苹果/华为，AI手机散热升级（单层→多层）核心受益者，具备系统化解决方案能力。</td>
|
||
<td>石墨烯散热相关</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-700/50">
|
||
<td class="font-semibold text-white">福莱新材</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=605488" target="_blank" class="text-cyan-400 hover:underline">605488</a></td>
|
||
<td>公司的石墨烯散热模块已供货三星、苹果、华为等多家主流企业，客户覆盖面广。</td>
|
||
<td>石墨烯散热相关</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-700/50">
|
||
<td class="font-semibold text-white">思泉新材</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301489" target="_blank" class="text-cyan-400 hover:underline">301489</a></td>
|
||
<td>业内少数能提供系统化散热解决方案的厂商，已通过北美大客户认证，有望切入AI手机供应链。</td>
|
||
<td>石墨烯散热相关</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-700/50">
|
||
<td class="font-semibold text-white">道明光学</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002632" target="_blank" class="text-cyan-400 hover:underline">002632</a></td>
|
||
<td>石墨烯散热膜已应用于OPPO AI手机系列，商业化进程领先，成本控制是未来看点。</td>
|
||
<td>石墨烯散热相关</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-700/50">
|
||
<td class="font-semibold text-white">捷邦科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301326" target="_blank" class="text-cyan-400 hover:underline">301326</a></td>
|
||
<td>通过收购国内VC散热片龙头切入苹果、华为供应链，受益于“石墨烯+VC”复合散热方案趋势。</td>
|
||
<td>石墨烯散热相关</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<footer class="text-center mt-12 py-6 border-t border-gray-800">
|
||
<p class="text-sm text-gray-500">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现。</p>
|
||
<p class="text-xs text-gray-600 mt-1">本报告为AI合成数据，投资需谨慎。This report is generated by AI and for reference only. Please invest with caution.</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
// Market Size Chart
|
||
var marketSizeChartDom = document.getElementById('market-size-chart');
|
||
if(marketSizeChartDom) {
|
||
var marketSizeChart = echarts.init(marketSizeChartDom);
|
||
var marketSizeOption = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: { type: 'shadow' },
|
||
backgroundColor: 'rgba(0, 0, 0, 0.7)',
|
||
borderColor: '#0ff',
|
||
textStyle: { color: '#fff' }
|
||
},
|
||
grid: { left: '3%', right: '4%', bottom: '3%', top: '15%', containLabel: true },
|
||
xAxis: {
|
||
type: 'value',
|
||
boundaryGap: [0, 0.01],
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
splitLine: { show: false },
|
||
axisLabel: { color: '#ccc' }
|
||
},
|
||
yAxis: {
|
||
type: 'category',
|
||
data: ['4G手机', '5G手机', '总规模'],
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
axisLabel: { color: '#ccc' }
|
||
},
|
||
series: [
|
||
{
|
||
name: '市场规模 (亿元)',
|
||
type: 'bar',
|
||
data: [3.6, 26.4, 30.0],
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
|
||
{ offset: 0, color: '#00ffff' },
|
||
{ offset: 1, color: '#008cff' }
|
||
])
|
||
},
|
||
label: {
|
||
show: true,
|
||
position: 'right',
|
||
formatter: '{c} 亿',
|
||
color: '#fff'
|
||
}
|
||
}
|
||
],
|
||
textStyle: { fontFamily: 'Oxanium' }
|
||
};
|
||
marketSizeChart.setOption(marketSizeOption);
|
||
}
|
||
|
||
// Value Proposition Chart
|
||
var valuePropChartDom = document.getElementById('value-prop-chart');
|
||
if(valuePropChartDom) {
|
||
var valuePropChart = echarts.init(valuePropChartDom);
|
||
var valuePropOption = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: { type: 'shadow' },
|
||
backgroundColor: 'rgba(0, 0, 0, 0.7)',
|
||
borderColor: '#ff00ff',
|
||
textStyle: { color: '#fff' }
|
||
},
|
||
grid: { left: '3%', right: '10%', bottom: '3%', top: '15%', containLabel: true },
|
||
xAxis: {
|
||
type: 'category',
|
||
data: ['当前 (iPhone16)', '远期 (Vision Pro)', '下一代 (复合方案)'],
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
axisLabel: { color: '#ccc', interval: 0, rotate: 15 }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
name: '元/台',
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } },
|
||
axisLabel: { color: '#ccc' }
|
||
},
|
||
series: [{
|
||
name: '单机价值量',
|
||
type: 'bar',
|
||
data: [9, 30, 50], // Using average for current
|
||
barWidth: '40%',
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#ff00ff' },
|
||
{ offset: 1, color: '#8A2BE2' }
|
||
])
|
||
},
|
||
label: {
|
||
show: true,
|
||
position: 'top',
|
||
formatter: '{c} 元',
|
||
color: '#fff'
|
||
}
|
||
}],
|
||
textStyle: { fontFamily: 'Oxanium' }
|
||
};
|
||
valuePropChart.setOption(valuePropOption);
|
||
}
|
||
|
||
window.addEventListener('resize', function() {
|
||
if(marketSizeChart) marketSizeChart.resize();
|
||
if(valuePropChart) valuePropChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |