update pay ui
This commit is contained in:
349
public/htmls/PCB.html
Normal file
349
public/htmls/PCB.html
Normal file
@@ -0,0 +1,349 @@
|
||||
<!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>PCB 概念深度研究报告</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=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
background-color: #010008;
|
||||
background-image:
|
||||
radial-gradient(ellipse at 20% 20%, rgba(20, 83, 140, 0.3) 0%, transparent 80%),
|
||||
radial-gradient(ellipse at 80% 70%, rgba(138, 43, 226, 0.2) 0%, transparent 80%);
|
||||
background-attachment: fixed;
|
||||
color: #E0E0E0;
|
||||
}
|
||||
|
||||
.orbitron {
|
||||
font-family: 'Orbitron', sans-serif;
|
||||
}
|
||||
|
||||
.glass-card {
|
||||
background: rgba(10, 10, 25, 0.3);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(100, 100, 220, 0.2);
|
||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||||
}
|
||||
|
||||
.glow-edge {
|
||||
box-shadow: 0 0 5px rgba(173, 216, 230, 0.3), 0 0 10px rgba(173, 216, 230, 0.2), 0 0 15px rgba(173, 216, 230, 0.1);
|
||||
}
|
||||
|
||||
.glow-text {
|
||||
text-shadow: 0 0 8px rgba(200, 220, 255, 0.8), 0 0 10px rgba(173, 216, 230, 0.6);
|
||||
}
|
||||
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
gap: 1.5rem;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
}
|
||||
|
||||
.bento-item {
|
||||
border-radius: 1.5rem;
|
||||
padding: 1.5rem;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.bento-item:hover {
|
||||
transform: translateY(-5px) scale(1.01);
|
||||
border-color: rgba(150, 150, 255, 0.4);
|
||||
}
|
||||
|
||||
.col-span-12 { grid-column: span 12; }
|
||||
.col-span-8 { grid-column: span 8; }
|
||||
.col-span-7 { grid-column: span 7; }
|
||||
.col-span-6 { grid-column: span 6; }
|
||||
.col-span-5 { grid-column: span 5; }
|
||||
.col-span-4 { grid-column: span 4; }
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.col-span-lg-12 { grid-column: span 12; }
|
||||
.col-span-lg-6 { grid-column: span 6; }
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.col-span-md-12 { grid-column: span 12; }
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { width: 8px; }
|
||||
::-webkit-scrollbar-track { background: transparent; }
|
||||
::-webkit-scrollbar-thumb { background-color: rgba(138, 43, 226, 0.5); border-radius: 20px; border: 3px solid transparent; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
|
||||
|
||||
<div class="max-w-screen-2xl mx-auto">
|
||||
|
||||
<!-- Header -->
|
||||
<header class="text-center mb-12">
|
||||
<h1 class="orbitron text-4xl md:text-6xl font-bold glow-text bg-clip-text text-transparent bg-gradient-to-r from-cyan-300 to-indigo-400">
|
||||
PCB 概念深度研究报告
|
||||
</h1>
|
||||
<p class="mt-4 text-sm text-gray-400">
|
||||
由 北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现。本报告为AI合成数据，投资需谨慎。
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<main class="space-y-8">
|
||||
|
||||
<!-- Core Insight -->
|
||||
<section class="glass-card rounded-3xl p-6 md:p-8 glow-edge">
|
||||
<h2 class="orbitron text-2xl font-bold mb-4 text-cyan-300">核心观点摘要 (Core Insight)</h2>
|
||||
<p class="text-gray-300 leading-relaxed">
|
||||
PCB行业正处于一场由<strong class="text-sky-300">AI算力需求驱动的、长达数年的技术与价值“超级周期”</strong>。其核心驱动力是AI硬件迭代所带来的PCB“量价齐升”，特别是高端产品（高阶HDI、超高多层板）因技术壁垒高、有效产能稀缺而呈现出<strong class="text-amber-300">结构性供不应求</strong>的格局。未来，行业的投资价值将从PCB制造环节，向上游的关键材料（特种CCL、石英布）和设备/耗材（高端钻孔设备、钻针）延伸。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- Bento Grid Layout -->
|
||||
<div class="bento-grid">
|
||||
|
||||
<!-- Market Overview & Forecast -->
|
||||
<div class="bento-item glass-card col-span-12 lg:col-span-7 col-span-lg-12 col-span-md-12">
|
||||
<h3 class="orbitron text-xl font-bold mb-4 text-cyan-300">市场宏观与增长预测</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
<p class="font-semibold text-gray-200">市场景气度:</p>
|
||||
<ul class="list-disc list-inside text-gray-300 mt-1 space-y-1">
|
||||
<li>AI算力需求拉动稼动率向上，行业淡季不淡，订单饱满。</li>
|
||||
<li>北美PCB BB值自22年6月来首次连续数月超1，行业拐点明确。</li>
|
||||
<li>供应链在可预见时期内将<strong class="text-rose-400">保持紧张，甚至可能进入短缺</strong>。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-semibold text-gray-200">核心驱动力:</p>
|
||||
<ul class="list-disc list-inside text-gray-300 mt-1 space-y-1">
|
||||
<li>AI服务器、汽车电子、光模块等领域需求爆发。</li>
|
||||
<li>消费电子回暖，AI端侧应用（AI PC/Phone）打开新增长空间。</li>
|
||||
<li>技术升级外溢，通用服务器PCB亦在升级。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="marketChart" class="w-full h-64 mt-4"></div>
|
||||
</div>
|
||||
|
||||
<!-- AI Impact -->
|
||||
<div class="bento-item glass-card col-span-12 lg:col-span-5 col-span-lg-12 col-span-md-12">
|
||||
<h3 class="orbitron text-xl font-bold mb-4 text-cyan-300">AI驱动的价值通胀</h3>
|
||||
<p class="text-sm text-gray-400 mb-4">AI服务器PCB作为连接核心组件的“神经中枢”，其价值量和技术壁垒达到前所未有的高度。</p>
|
||||
<div class="space-y-3">
|
||||
<div class="p-3 bg-black/20 rounded-lg">
|
||||
<p class="font-semibold text-gray-200">价值量急剧膨胀</p>
|
||||
<p class="text-gray-300 text-sm">一个NVL72机柜PCB价值量高达<strong class="text-green-300 text-base">17.1万美元</strong>，价值仅次于GPU，甚至超过CPU。</p>
|
||||
</div>
|
||||
<div class="p-3 bg-black/20 rounded-lg">
|
||||
<p class="font-semibold text-gray-200">技术迭代驱动</p>
|
||||
<p class="text-gray-300 text-sm">芯片升级 → 带宽需求暴增 → PCB层数、材料、架构全面升级。</p>
|
||||
</div>
|
||||
<div class="p-3 bg-black/20 rounded-lg">
|
||||
<p class="font-semibold text-gray-200">核心技术要求</p>
|
||||
<p class="text-gray-300 text-sm">行业向更高层数(>20层)、更高阶HDI(>5阶)、超低损耗材料(M7/M8)发展。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Technological Evolution -->
|
||||
<div class="bento-item glass-card col-span-12 lg:col-span-8 col-span-lg-12 col-span-md-12" x-data="{ tab: 'hdi' }">
|
||||
<h3 class="orbitron text-xl font-bold mb-4 text-cyan-300">技术演进与未来架构</h3>
|
||||
<div class="tabs tabs-boxed bg-black/30 mb-4">
|
||||
<a class="tab" :class="{'tab-active': tab === 'hdi'}" @click="tab = 'hdi'">HDI & 高多层板</a>
|
||||
<a class="tab" :class="{'tab-active': tab === 'future'}" @click="tab = 'future'">正交背板 & 新架构</a>
|
||||
<a class="tab" :class="{'tab-active': tab === 'materials'}" @click="tab = 'materials'">关键上游材料</a>
|
||||
</div>
|
||||
<div x-show="tab === 'hdi'" class="text-gray-300 text-sm space-y-3">
|
||||
<p><strong class="text-sky-300">HDI (高密度互连板):</strong> 用于GPU主板等核心位置，工艺流程多达140多道，技术难度极高。Nvidia GB200/GB300方案采用<strong class="text-amber-300">4-5阶HDI</strong>，是当前技术焦点。</p>
|
||||
<p><strong class="text-sky-300">高多层板:</strong> 用于背板、交换板等。AI服务器普遍提升至<strong class="text-amber-300">20-40层</strong>，技术壁垒在于良率控制和高深径比钻孔。</p>
|
||||
<p class="text-xs text-gray-400">注意：GB200 Switch Tray因生产难度，存在从HDI转向高多层板（HLC）的可能，这将影响不同厂商的订单份额。</p>
|
||||
</div>
|
||||
<div x-show="tab === 'future'" class="text-gray-300 text-sm space-y-3">
|
||||
<p><strong class="text-lime-300">正交背板 (Orthogonal Backplane):</strong> 进展超预期，有望于26年搭载于NVL144产品。采用超高速材料和复杂架构，层数高达<strong class="text-amber-300">78-104层</strong>，单板价值量指数级增长。头部厂商已接NV通知预留产能。</p>
|
||||
<p><strong class="text-lime-300">中板 (Midplane):</strong> Rubin系列架构中新增的PCB增量，替代线缆，为高多层设计，位于计算与交换区域之间，是全新的增量机会。</p>
|
||||
<p><strong class="text-lime-300">COWOP (Chip-on-Wafer-on-PCB):</strong> PCB主板载板化，降低线宽线距，减少信号损耗，价值量大幅提升。</p>
|
||||
</div>
|
||||
<div x-show="tab === 'materials'" class="text-gray-300 text-sm space-y-3">
|
||||
<p><strong class="text-purple-300">覆铜板 (CCL):</strong> AI算力建设催生高速CCL材料需求。材料从FR-4升级至<strong class="text-amber-300">M7/M8/M9</strong>等超低损耗等级，行业已进入涨价周期。</p>
|
||||
<p><strong class="text-purple-300">石英布 & PTFE:</strong> 下一代AI硬件（如Rubin系列背板）的关键选择，具备更优异的介电性能。目前供应链被海外垄断，国产替代是焦点。</p>
|
||||
<p><strong class="text-purple-300">HVLP铜箔 & 特种树脂:</strong> 满足高速信号传输的必备材料，需求随PCB升级而增长。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Supply Chain -->
|
||||
<div class="bento-item glass-card col-span-12 lg:col-span-4 col-span-lg-12 col-span-md-12">
|
||||
<h3 class="orbitron text-xl font-bold mb-4 text-cyan-300">产业链格局</h3>
|
||||
<p class="text-sm text-gray-400 mb-4">AI服务器PCB市场已形成两大鲜明阵营，供应商锁定头部客户，建立起难以逾越的壁垒。</p>
|
||||
<div class="space-y-4">
|
||||
<div>
|
||||
<p class="font-bold text-lg text-green-400">NVIDIA 阵营</p>
|
||||
<p class="text-sm text-gray-300">胜宏科技 (HDI技术领先)、景旺电子、方正科技、鹏鼎控股、沪电股份 (高多层板)。</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-bold text-lg text-red-400">华为 阵营</p>
|
||||
<p class="text-sm text-gray-300">深南电路 (深度绑定)、博敏电子。</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-bold text-lg text-blue-400">ASIC (谷歌等) 阵营</p>
|
||||
<p class="text-sm text-gray-300">沪电股份、生益电子、深南电路、景旺电子。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Investment & Risks -->
|
||||
<div class="bento-item glass-card col-span-12">
|
||||
<h3 class="orbitron text-xl font-bold mb-4 text-cyan-300">投资逻辑与潜在风险</h3>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h4 class="font-semibold text-lg text-gray-200 mb-2">最具投资价值环节</h4>
|
||||
<ul class="list-decimal list-inside text-gray-300 space-y-2 text-sm">
|
||||
<li><strong>上游瓶颈环节 (材料/设备/耗材):</strong> 确定性高，弹性最大。无论中游谁赢，都离不开上游。关注<strong class="text-sky-300">高端CCL、石英布、高端钻孔设备、高消耗量钻针</strong>。</li>
|
||||
<li><strong>技术领先的PCB龙头:</strong> 深度绑定顶级客户（如英伟达）的厂商，享受技术红利和议价权。</li>
|
||||
<li><strong>预期差分析:</strong>
|
||||
<ul class="list-disc list-inside ml-4 mt-1 text-gray-400">
|
||||
<li><strong class="text-amber-400">有效产能的“伪扩张”：</strong>高端设备依赖进口，名义扩产不等于有效高端产能释放，供应紧张或超预期。</li>
|
||||
<li><strong class="text-amber-400">被忽视的“铲子”价值：</strong>新材料硬度提升导致钻针寿命骤降（从数千孔降至~200孔），<strong class="text-rose-400">钻针消耗量有望翻倍</strong>，弹性巨大。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold text-lg text-red-400 mb-2">潜在风险与挑战</h4>
|
||||
<ul class="list-decimal list-inside text-gray-300 space-y-2 text-sm">
|
||||
<li><strong>技术风险:</strong> 超高层板良率瓶颈；长期光互联技术可能替代部分PCB。</li>
|
||||
<li><strong>商业化风险:</strong> 警惕<strong class="text-rose-400">2027年</strong>全球产能集中释放导致的供需失衡；下游AI需求不及预期。</li>
|
||||
<li><strong>供应链风险:</strong> 高端设备（激光钻孔机、X光透视机）仍由外资垄断，交付延迟或成为产能瓶颈。</li>
|
||||
<li><strong>路线变更风险:</strong> GB200 Switch Tray等方案仍在动态博弈，押注单一技术路线存在风险。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Stock Table -->
|
||||
<section class="mt-12">
|
||||
<h2 class="orbitron text-3xl font-bold mb-6 text-center glow-text text-indigo-300">相关概念股票池</h2>
|
||||
<div class="overflow-x-auto glass-card rounded-2xl p-2">
|
||||
<table class="table table-zebra-zebra">
|
||||
<thead class="text-base text-cyan-300">
|
||||
<tr>
|
||||
<th>股票名称</th>
|
||||
<th>股票代码</th>
|
||||
<th>核心逻辑</th>
|
||||
<th>细分标签</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="text-gray-200">
|
||||
<!-- Data will be populated here -->
|
||||
<tr><td>宏昌电子</td><td><a href="https://valuefrontier.cn/company?scode=603002" target="_blank" class="link link-hover">603002</a></td><td>与英伟达供应相关的PCB印制电路板厂商；环氧树脂；基板</td><td>英伟达, 环氧树脂, 基板</td></tr>
|
||||
<tr><td>一博科技</td><td><a href="https://valuefrontier.cn/company?scode=301366" target="_blank" class="link link-hover">301366</a></td><td>跟英伟达、英特尔、AMD均有合作，在高速PCB设计、SI/PI仿真分析方面为其提供技术服务</td><td>英伟达</td></tr>
|
||||
<tr><td>世运电路</td><td><a href="https://valuefrontier.cn/company?scode=603920" target="_blank" class="link link-hover">603920</a></td><td>2023年二季度开始为AI服务器头部客户(英伟达)量产供应PCB产品</td><td>英伟达, 服务器PCB, 汽车PCB</td></tr>
|
||||
<tr><td>景旺电子</td><td><a href="https://valuefrontier.cn/company?scode=603228" target="_blank" class="link link-hover">603228</a></td><td>PTFE材料PCB已给北美算力N客户批量出货，用于GB200/GB300及Rubin系列</td><td>英伟达, 通信PCB, 服务器PCB, 汽车PCB</td></tr>
|
||||
<tr><td>胜宏科技</td><td><a href="https://valuefrontier.cn/company?scode=300476" target="_blank" class="link link-hover">300476</a></td><td>AI服务器PCB技术龙头，深度绑定英伟达，HDI技术领先</td><td>通信PCB, 服务器PCB, 英伟达</td></tr>
|
||||
<tr><td>沪电股份</td><td><a href="https://valuefrontier.cn/company?scode=002463" target="_blank" class="link link-hover">002463</a></td><td>高多层板优势明显，同时进入英伟达、微软、华为供应链</td><td>通信PCB, 服务器PCB, 汽车PCB, 英伟达</td></tr>
|
||||
<tr><td>深南电路</td><td><a href="https://valuefrontier.cn/company?scode=002916" target="_blank" class="link link-hover">002916</a></td><td>华为的长期战略合作伙伴，占据绝对大头</td><td>通信PCB, 华为</td></tr>
|
||||
<tr><td>生益科技</td><td><a href="https://valuefrontier.cn/company?scode=600183" target="_blank" class="link link-hover">600183</a></td><td>国内覆铜板(CCL)绝对龙头，直接受益于全行业材料升级和涨价周期</td><td>覆铜板, 基板, 通信PCB</td></tr>
|
||||
<tr><td>鼎泰高科</td><td><a href="https://valuefrontier.cn/company?scode=301377" target="_blank" class="link link-hover">301377</a></td><td>PCB钻针全球市占率前二，受益于新材料导致耗材消耗量翻倍</td><td>上游设备, 耗材</td></tr>
|
||||
<tr><td>大族数控</td><td><a href="https://valuefrontier.cn/company?scode=301200" target="_blank" class="link link-hover">301200</a></td><td>PCB钻孔设备龙头，同时掌握机械和激光钻孔技术，受益AI PCB扩产</td><td>上游设备</td></tr>
|
||||
<tr><td>芯碁微装</td><td><a href="https://valuefrontier.cn/company?scode=688630" target="_blank" class="link link-hover">688630</a></td><td>PCB直接成像设备(LDI)及泛半导体直写光刻设备商，受益于PCB扩产和先进封装</td><td>上游设备</td></tr>
|
||||
<tr><td>沃格光电</td><td><a href="https://valuefrontier.cn/company?scode=603773" target="_blank" class="link link-hover">603773</a></td><td>量产玻璃基多层线路板，对传统PCB线路板形成替代</td><td>新技术, 玻璃基</td></tr>
|
||||
<tr><td>华正新材</td><td><a href="https://valuefrontier.cn/company?scode=603186" target="_blank" class="link link-hover">603186</a></td><td>开发了Ultra low loss等级材料，可用于下一代AI服务器</td><td>新技术, 基板, 服务器PCB</td></tr>
|
||||
<tr><td>南亚新材</td><td><a href="https://valuefrontier.cn/company?scode=688519" target="_blank" class="link link-hover">688519</a></td><td>高频高速覆铜板领先企业，受益于服务器、通信领域材料升级</td><td>覆铜板, 基板</td></tr>
|
||||
<tr><td>宏和科技</td><td><a href="https://valuefrontier.cn/company?scode=603256" target="_blank" class="link link-hover">603256</a></td><td>高端电子级玻璃纤维布生产商，Low-k电子布实现国产突破</td><td>电子布, HVLP铜箔</td></tr>
|
||||
<tr><td>德福科技</td><td><a href="https://valuefrontier.cn/company?scode=301511" target="_blank" class="link link-hover">301511</a></td><td>电子铜箔，HVLP铜箔是高速PCB关键材料</td><td>电子铜箔, HVLP铜箔</td></tr>
|
||||
<tr><td>东材科技</td><td><a href="https://valuefrontier.cn/company?scode=601208" target="_blank" class="link link-hover">601208</a></td><td>环氧树脂等高新材料供应商，用于覆铜板制造</td><td>环氧树脂, 服务器PCB</td></tr>
|
||||
<tr><td>鹏鼎控股</td><td><a href="https://valuefrontier.cn/company?scode=002938" target="_blank" class="link link-hover">002938</a></td><td>全球PCB龙头，消费电子巨头切入AI服务器领域</td><td>通信PCB, 服务器PCB, 英伟达</td></tr>
|
||||
<tr><td>广合科技</td><td><a href="https://valuefrontier.cn/company?scode=001389" target="_blank" class="link link-hover">001389</a></td><td>专注于服务器、通信、工控等领域PCB</td><td>通信PCB, 服务器PCB</td></tr>
|
||||
<tr><td>崇达技术</td><td><a href="https://valuefrontier.cn/company?scode=002815" target="_blank" class="link link-hover">002815</a></td><td>小批量PCB龙头，产品广泛应用于通信、服务器等领域</td><td>通信PCB, 服务器PCB</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
// ECharts Initialization
|
||||
var chartDom = document.getElementById('marketChart');
|
||||
var myChart = echarts.init(chartDom, 'dark');
|
||||
var option;
|
||||
|
||||
option = {
|
||||
backgroundColor: 'transparent',
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
label: {
|
||||
backgroundColor: '#6a7985'
|
||||
}
|
||||
},
|
||||
formatter: '{b}<br/>AI PCB 市场规模: {c}0 亿人民币'
|
||||
},
|
||||
legend: {
|
||||
data: ['AI PCB 市场规模'],
|
||||
textStyle: { color: '#ccc' }
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['2025', '2026', '2027'],
|
||||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
name: '市场规模(百亿)',
|
||||
axisLabel: { formatter: '{value}' },
|
||||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||||
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: 'AI PCB 市场规模',
|
||||
type: 'line',
|
||||
stack: 'Total',
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 3,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: 'rgb(0, 221, 255)' },
|
||||
{ offset: 1, color: 'rgb(77, 119, 255)' }
|
||||
])
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: 'rgba(0, 221, 255, 0.4)' },
|
||||
{ offset: 1, color: 'rgba(77, 119, 255, 0.1)' }
|
||||
])
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: [500, 1000, 1500]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
option && myChart.setOption(option);
|
||||
window.addEventListener('resize', myChart.resize);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user