update pay ui
This commit is contained in:
424
public/htmls/铜互连.html
Normal file
424
public/htmls/铜互连.html
Normal file
@@ -0,0 +1,424 @@
|
||||
<!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>铜互连 (Copper Interconnect) 深度研究报告</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.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=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--glow-color: hsl(217, 100%, 70%);
|
||||
}
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
background-color: #02040a;
|
||||
background-image:
|
||||
radial-gradient(circle at 10% 15%, rgba(100, 116, 139, 0.1) 0%, transparent 40%),
|
||||
radial-gradient(circle at 85% 70%, rgba(56, 189, 248, 0.1) 0%, transparent 40%);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.font-space {
|
||||
font-family: 'Space Grotesk', sans-serif;
|
||||
}
|
||||
.glass-card {
|
||||
background-color: rgba(17, 24, 39, 0.5); /* bg-gray-900/50 */
|
||||
backdrop-filter: blur(24px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 0 80px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.glow-border {
|
||||
border-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05)) 1;
|
||||
}
|
||||
.title-glow {
|
||||
text-shadow: 0 0 8px rgba(59, 130, 246, 0.5), 0 0 20px rgba(59, 130, 246, 0.3);
|
||||
}
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
gap: 1.5rem;
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.bento-grid {
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
}
|
||||
.bento-item {
|
||||
border-radius: 1.5rem; /* rounded-3xl */
|
||||
padding: 2rem;
|
||||
transition: all 0.3s ease-in-out;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bento-item::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.08) 0%, transparent 30%);
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
.bento-item:hover::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tab-active-glow {
|
||||
box-shadow: 0 2px 20px -2px var(--glow-color);
|
||||
background-color: rgba(59, 130, 246, 0.2);
|
||||
color: #e5e7eb;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="text-gray-300 min-h-screen">
|
||||
|
||||
<div class="absolute top-0 left-0 w-full h-full bg-grid-white/[0.02] -z-10"></div>
|
||||
<div class="absolute top-0 left-[-20%] w-[80%] h-[80%] rounded-full bg-blue-500/10 blur-3xl -z-10"></div>
|
||||
<div class="absolute bottom-0 right-[-20%] w-[70%] h-[70%] rounded-full bg-purple-500/10 blur-3xl -z-10"></div>
|
||||
|
||||
<div class="container mx-auto p-4 sm:p-6 lg:p-8">
|
||||
<header class="text-center mb-12">
|
||||
<h1 class="text-4xl md:text-6xl font-bold font-space text-transparent bg-clip-text bg-gradient-to-br from-white to-slate-400 title-glow mb-4">
|
||||
铜互连 (Copper Interconnect)
|
||||
</h1>
|
||||
<p class="text-lg text-slate-400">深度研究报告</p>
|
||||
<div class="mt-4 text-xs text-slate-500">
|
||||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||||
<p>本报告为AI合成数据，投资需谨慎</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="bento-grid" x-data="{ handleMouseMove(e) {
|
||||
const items = document.querySelectorAll('.bento-item');
|
||||
items.forEach(item => {
|
||||
const rect = item.getBoundingClientRect();
|
||||
item.style.setProperty('--mouse-x', `${e.clientX - rect.left}px`);
|
||||
item.style.setProperty('--mouse-y', `${e.clientY - rect.top}px`);
|
||||
});
|
||||
} }" @mousemove="handleMouseMove">
|
||||
|
||||
<!-- Insight -->
|
||||
<section class="lg:col-span-4 lg:row-span-3 bento-item glass-card glow-border">
|
||||
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">概念 Insight</h2>
|
||||
<div class="space-y-6 text-slate-300 prose prose-invert max-w-none prose-p:text-slate-300 prose-strong:text-sky-200 prose-headings:text-sky-300">
|
||||
<h4 class="text-lg font-semibold">核心观点摘要</h4>
|
||||
<p>铜互连概念正从主题炒作迅速过渡至<strong>基本面驱动</strong>的产业趋势。其核心驱动力源于AI算力高密度化带来的<strong>短距离、高速率场景下对极致性价比的追求</strong>，英伟达GB200的架构选择是引爆这一趋势的标志性事件。未来，随着速率从112G向224G/448G演进，以及产品形态从无源DAC向有源AEC、乃至革命性的CPC方案升级，铜互连的市场空间和价值量有望被进一步打开。</p>
|
||||
|
||||
<h4 class="text-lg font-semibold">核心逻辑：性价比是王道</h4>
|
||||
<ul class="list-disc list-inside space-y-2">
|
||||
<li><strong>物理需求:</strong> AI服务器内部及机柜间的高密度互联，本质上是大量<strong>短距离(<7米)</strong>的高速信号传输需求。GB200内部线缆长度多为<strong>0.5米</strong>，外部线缆约<strong>2米</strong>。</li>
|
||||
<li><strong>经济账:</strong> 在此距离范围内，铜缆相较于光模块(AOC)拥有压倒性的优势，具备<strong>低成本</strong>（较AOC低1/2以上）、<strong>低功耗</strong>（GB200 NVL72机柜可节省120kW功耗）、<strong>高稳定性</strong>的特点，能巨大节省资本支出(CAPEX)和运营支出(OPEX)。</li>
|
||||
<li><strong>技术演进支撑:</strong> 从无源DAC到有源ACC/AEC，通过增加芯片，成功将应用场景从几十厘米拓展至<strong>5-7米</strong>，进一步挤压了短距光模块的市场空间。</li>
|
||||
</ul>
|
||||
|
||||
<h4 class="text-lg font-semibold">预期差分析：市场共识与潜在盲点</h4>
|
||||
<p><strong>市场共识:</strong> GB200带来巨大增量，单机柜价值量高达10万美元；安费诺是最大赢家；AEC增速将远超DAC。</p>
|
||||
<p><strong>潜在预期差:</strong></p>
|
||||
<ol class="list-decimal list-inside space-y-2">
|
||||
<li><strong>供应链瓶颈:</strong> 核心上游材料如物理发泡PTFE绝缘层及关键发泡机设备被国外垄断，市场可能高估了国内厂商的产能释放速度。</li>
|
||||
<li><strong>真实利润空间:</strong> 国内厂商多扮演“代工”或“低附加值零部件”角色，安费诺可能占据主要利润，国内厂商盈利能力提升幅度有待验证。</li>
|
||||
<li><strong>方案动态竞争:</strong> 互连方案并非一成不变，PCB直连等技术仍在特定场景下与铜缆竞争，需警惕技术路线的微小变化。</li>
|
||||
<li><strong>个股逻辑纯度:</strong> 部分公司如兆龙互连，虽技术布局完善，但公司公告称“目前高速互连产品体量较小”，存在预期与现实的差距。</li>
|
||||
</ol>
|
||||
|
||||
<h4 class="text-lg font-semibold">未来发展路径</h4>
|
||||
<ul class="list-disc list-inside space-y-2">
|
||||
<li><strong>速率升级 (224G → 448G):</strong> SerDes速率提升将大幅提高单根线缆价值量。</li>
|
||||
<li><strong>产品形态演进 (DAC → AEC → CPC):</strong>
|
||||
<ul class="list-disc list-inside ml-4 space-y-1">
|
||||
<li><strong>AEC渗透率提升:</strong> 凭借距离和性能优势，市场规模将快速提升 (预计明年24亿美金，后年35亿美金)。</li>
|
||||
<li><strong>CPC (共封装铜互连):</strong> 革命性技术，绕开PCB，相比CPO功耗低30%、成本降50%，有望改变产业格局。</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><strong>国产化深化:</strong> 从零部件代工向上游核心材料和设备突破，实现全产业链自主可控。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Market Drivers -->
|
||||
<section class="lg:col-span-2 bento-item glass-card glow-border">
|
||||
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">核心驱动力</h2>
|
||||
<ul class="space-y-4 text-sm">
|
||||
<li class="flex items-start">
|
||||
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
|
||||
<div>
|
||||
<strong class="text-white">AI算力与数据中心:</strong> 英伟达GB200、亚马逊Trn2等高密度机柜方案，驱动高速连接需求明确。
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z"></path></svg>
|
||||
<div>
|
||||
<strong class="text-white">速率升级:</strong> SerDes从112G升级至224G，铜缆成为短期内最具性价比的方案，并保持技术升级。
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v.01"></path></svg>
|
||||
<div>
|
||||
<strong class="text-white">成本与功耗优势:</strong> 成本较AOC低1/2以上，功耗极低，稳定性高，适合机柜内短距互联。
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l4-4 4 4m0 6l-4 4-4-4"></path></svg>
|
||||
<div>
|
||||
<strong class="text-white">产业趋势确认:</strong> 黄仁勋公开表示“尽可能使用铜连接”，亚马逊、特斯拉等巨头跟进，国内外市场形成共振。
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Market Size Chart -->
|
||||
<section class="lg:col-span-2 bento-item glass-card glow-border">
|
||||
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">市场规模与预测</h2>
|
||||
<div id="market-size-chart" class="w-full h-64"></div>
|
||||
</section>
|
||||
|
||||
<!-- Key Tech -->
|
||||
<section class="lg:col-span-3 bento-item glass-card glow-border">
|
||||
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">关键技术方案</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
|
||||
<div class="p-4 rounded-xl bg-white/5">
|
||||
<h4 class="font-bold text-cyan-200">DAC (无源铜缆)</h4>
|
||||
<p class="mt-2 text-slate-300">成本最低，功耗近零，适用于1m以内的极短距离连接，是GB200内部互联的主力。</p>
|
||||
</div>
|
||||
<div class="p-4 rounded-xl bg-white/5">
|
||||
<h4 class="font-bold text-cyan-200">AEC (有源增强型铜缆)</h4>
|
||||
<p class="mt-2 text-slate-300">内置Retimer芯片，可将800G传输距离延长至5-7米，性价比高，是中短距互联趋势，增速最快。</p>
|
||||
</div>
|
||||
<div class="p-4 rounded-xl bg-white/5">
|
||||
<h4 class="font-bold text-cyan-200">CPC (共封装铜互连)</h4>
|
||||
<p class="mt-2 text-slate-300">革命性方案，将铜缆直连芯片，绕开PCB，极大降低损耗。相比CPO成本和功耗优势巨大。</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Data Sources -->
|
||||
<section class="lg:col-span-3 bento-item glass-card glow-border" x-data="{ tab: 'news' }">
|
||||
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">数据源精粹</h2>
|
||||
<div class="tabs tabs-boxed bg-black/20 mb-6">
|
||||
<a class="tab flex-1 transition-all duration-300" :class="{ 'tab-active-glow': tab === 'news' }" @click="tab = 'news'">新闻速览</a>
|
||||
<a class="tab flex-1 transition-all duration-300" :class="{ 'tab-active-glow': tab === 'roadshow' }" @click="tab = 'roadshow'">路演纪要</a>
|
||||
<a class="tab flex-1 transition-all duration-300" :class="{ 'tab-active-glow': tab === 'report' }" @click="tab = 'report'">研报精粹</a>
|
||||
</div>
|
||||
<div class="text-sm space-y-3 max-h-64 overflow-y-auto pr-2">
|
||||
<div x-show="tab === 'news'">
|
||||
<ul class="list-disc list-inside space-y-2">
|
||||
<li><strong>GB200用量巨大：</strong>单机架使用超<strong class="text-green-300">5000条</strong>铜缆，总长度超2英里。预计2025年铜互连方案空间超<strong class="text-green-300">200亿元</strong>。</li>
|
||||
<li><strong>黄仁勋观点：</strong>明确表示未来将“as long as we can”使用铜连接，认为硅光子技术为时尚早。</li>
|
||||
<li><strong>AEC趋势加强：</strong>AEC成为继光模块后的又一数据中心0-1方向，不仅训练侧需要，更受益于推理侧的同步增长。</li>
|
||||
<li><strong>国产厂商机遇：</strong>随着NVL72规模放量，国际厂商或遇产能瓶颈，国内供应商有望在供应原材料基础上获得更多代工机会。</li>
|
||||
<li><strong>市场规模预测：</strong>LightCounting预计高速线缆市场2028年达<strong class="text-green-300">28亿美金</strong>。AEC年复合增长率达<strong class="text-green-300">45%</strong>。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div x-show="tab === 'roadshow'" style="display: none;">
|
||||
<ul class="list-disc list-inside space-y-2">
|
||||
<li><strong>GB200价值量：</strong>单服务器铜互连总成本约<strong class="text-green-300">34万元人民币</strong>，单机柜价值量预计达<strong class="text-green-300">10万美元以上</strong>。</li>
|
||||
<li><strong>核心材料壁垒：</strong>导体材料(镀银铜)公差控制在±0.001mm；绝缘材料(物理发泡PTFE)被日美垄断，国产替代预计2025年；关键设备(发泡机)由美国HAYES垄断。</li>
|
||||
<li><strong>供应链格局：</strong>安费诺占据GB200连接器订单<strong class="text-green-300">60%-70%</strong>份额，并存在专利限制。国内鼎通科技、华丰科技已切入供应链。</li>
|
||||
<li><strong>上游龙头：</strong>恒丰特导（金杯电工子公司）占据全球镀银铜导体<strong class="text-green-300">70%-80%</strong>市场份额。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div x-show="tab === 'report'" style="display: none;">
|
||||
<ul class="list-disc list-inside space-y-2">
|
||||
<li><strong>性价比优势：</strong>铜缆成本仅为AOC的<strong class="text-green-300">十分之一</strong>，功耗低25%，节省空间70%。</li>
|
||||
<li><strong>GB200市场增量：</strong>预计2025年由GB200带来的高速铜缆新增市场近<strong class="text-green-300">60亿美元</strong>。</li>
|
||||
<li><strong>产业链梳理：</strong>
|
||||
<ul class="list-disc list-inside ml-4">
|
||||
<li><strong>上游材料：</strong>精达股份(镀银线)、博威合金。</li>
|
||||
<li><strong>线缆：</strong>沃尔核材(龙头)、神宇股份、新亚电子。</li>
|
||||
<li><strong>连接器：</strong>鼎通科技(安费诺核心供应商)、华丰科技。</li>
|
||||
<li><strong>总成：</strong>立讯精密(全栈方案)、兆龙互连。</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><strong>国产算力：</strong>预计2025年国产算力铜连接需求约<strong class="text-green-300">40亿元</strong>，昇腾920升级将推动市场扩容。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Industry Chain -->
|
||||
<section class="lg:col-span-6 bento-item glass-card glow-border">
|
||||
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">产业链图谱</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div class="text-center p-4 rounded-xl bg-black/20">
|
||||
<h3 class="font-semibold text-lg text-purple-300">上游：核心材料</h3>
|
||||
<p class="text-sm mt-2">特种导体、绝缘/屏蔽材料</p>
|
||||
<div class="mt-4 text-xs space-y-1">
|
||||
<span class="badge badge-outline">精达股份</span>
|
||||
<span class="badge badge-outline">金杯电工</span>
|
||||
<span class="badge badge-outline">博威合金</span>
|
||||
<span class="badge badge-outline">楚江新材</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center p-4 rounded-xl bg-black/20">
|
||||
<h3 class="font-semibold text-lg text-blue-300">中游：线缆/连接器/总成</h3>
|
||||
<p class="text-sm mt-2">高速线缆、连接器组件、成品组装</p>
|
||||
<div class="mt-4 text-xs space-y-1">
|
||||
<span class="badge badge-primary badge-outline">沃尔核材</span>
|
||||
<span class="badge badge-primary badge-outline">鼎通科技</span>
|
||||
<span class="badge badge-primary badge-outline">立讯精密</span>
|
||||
<span class="badge badge-primary badge-outline">兆龙互连</span>
|
||||
<span class="badge badge-primary badge-outline">鑫科材料</span>
|
||||
<span class="badge badge-primary badge-outline">华丰科技</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center p-4 rounded-xl bg-black/20">
|
||||
<h3 class="font-semibold text-lg text-green-300">下游：终端应用</h3>
|
||||
<p class="text-sm mt-2">AI服务器、数据中心</p>
|
||||
<div class="mt-4 text-xs space-y-1">
|
||||
<span class="badge badge-accent badge-outline">英伟达</span>
|
||||
<span class="badge badge-accent badge-outline">亚马逊</span>
|
||||
<span class="badge badge-accent badge-outline">谷歌</span>
|
||||
<span class="badge badge-accent badge-outline">特斯拉</span>
|
||||
<span class="badge badge-accent badge-outline">华为</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Stock Table -->
|
||||
<section class="lg:col-span-6 bento-item glass-card glow-border">
|
||||
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">核心标的梳理</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table table-sm bg-transparent">
|
||||
<thead class="text-slate-300">
|
||||
<tr>
|
||||
<th class="bg-transparent">股票名称</th>
|
||||
<th class="bg-transparent">代码</th>
|
||||
<th class="bg-transparent">核心逻辑 / 关联原因</th>
|
||||
<th class="bg-transparent">产业链环节 / 标签</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="text-slate-400">
|
||||
<!-- Data will be dynamically inserted here -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// ECharts Initialization
|
||||
var chartDom = document.getElementById('market-size-chart');
|
||||
var myChart = echarts.init(chartDom, 'dark');
|
||||
var option = {
|
||||
backgroundColor: 'transparent',
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { type: 'shadow' }
|
||||
},
|
||||
legend: {
|
||||
data: ['市场规模 (亿美元)', 'AEC复合增长率', 'DAC复合增长率'],
|
||||
textStyle: { color: '#9ca3af' }
|
||||
},
|
||||
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['2023', '2024', '2025', '2026', '2027', '2028'],
|
||||
axisLine: { lineStyle: { color: '#4b5563' } }
|
||||
},
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
name: '规模',
|
||||
axisLabel: { formatter: '${value}' },
|
||||
axisLine: { lineStyle: { color: '#4b5563' } }
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name: '增长率',
|
||||
min: 0,
|
||||
max: 50,
|
||||
axisLabel: { formatter: '{value}%' },
|
||||
axisLine: { lineStyle: { color: '#4b5563' } }
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '市场规模 (亿美元)',
|
||||
type: 'bar',
|
||||
data: [14.0, 16.5, 19.8, 23.0, 25.8, 28.0],
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: '#38bdf8' },
|
||||
{ offset: 1, color: '#0ea5e9' }
|
||||
])
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'AEC复合增长率',
|
||||
type: 'line',
|
||||
yAxisIndex: 1,
|
||||
data: [45, 45, 45, 45, 45, 45],
|
||||
smooth: true,
|
||||
itemStyle: { color: '#a78bfa' },
|
||||
lineStyle: { width: 3, shadowColor: 'rgba(167, 139, 250, 0.5)', shadowBlur: 10 }
|
||||
},
|
||||
{
|
||||
name: 'DAC复合增长率',
|
||||
type: 'line',
|
||||
yAxisIndex: 1,
|
||||
data: [25, 25, 25, 25, 25, 25],
|
||||
smooth: true,
|
||||
itemStyle: { color: '#4ade80' },
|
||||
lineStyle: { width: 3, shadowColor: 'rgba(74, 222, 128, 0.5)', shadowBlur: 10 }
|
||||
}
|
||||
]
|
||||
};
|
||||
myChart.setOption(option);
|
||||
window.addEventListener('resize', () => { myChart.resize(); });
|
||||
|
||||
// Stock Data Processing
|
||||
const stockData = [
|
||||
{"stock":"鼎通科技","reason":"高速通讯连接器零组件业务占比70-75%，核心客户安费诺、莫仕等。112G产品已量产，224G小批量试产。","其他标签":"安费诺供应商, 连接器, 海外代工","stock_code":"688668"},
|
||||
{"stock":"沃尔核材","reason":"高速通信线龙头，子公司乐庭智联为安费诺供货，已开发224G样品，1.6T打样中。","其他标签":"安费诺供应商, DAC无源铜缆, 铜缆","stock_code":"002130"},
|
||||
{"stock":"精达股份","reason":"为安费诺等提供镀银高速铜线产品，是高频高速信号传输核心载体。","其他标签":"安费诺供应商, 铜缆, 上游材料","stock_code":"600577"},
|
||||
{"stock":"立讯精密","reason":"国内连接器龙头，拥有高速铜连接全套解决方案，已开发112G/224G DAC/ACC，并布局CPC方案。","其他标签":"高速IO连接器, DAC无源铜缆, CPC","stock_code":"002475"},
|
||||
{"stock":"兆龙互连","reason":"国内高速铜缆知名企业，800G DAC/ACC产品，单通道112G AEC产品已批量交付。CREDO铜缆核心合作伙伴。","其他标签":"AEC有源电缆, DAC无源铜缆, ACC有源铜缆","stock_code":"300913"},
|
||||
{"stock":"鑫科材料","reason":"转型铜互连业务，成为泰科独家代工厂，并直供特斯拉。投资800G/1.6T AEC/ACC产线。","其他标签":"AEC有源电缆, ACC有源铜缆, 新进厂商","stock_code":"600255"},
|
||||
{"stock":"新亚电子","reason":"高频数据线，安费诺高频高速PCIE线材主要供应商。联合研发应用于224G/448G的“藕芯结构”方案。","其他标签":"安费诺供应商, 铜缆","stock_code":"605277"},
|
||||
{"stock":"华丰科技","reason":"国内高速背板连接器龙头，已推出112G/224G高速背板连接器，绑定华为。","其他标签":"连接器, 背板连接器","stock_code":"688629"},
|
||||
{"stock":"神宇股份","reason":"高速数据铜缆技术制造能力强，网传安费诺主要供应商之一。","其他标签":"安费诺供应商, 铜缆","stock_code":"300563"},
|
||||
{"stock":"博威合金","reason":"为安费诺提供高速连接器材料和通讯电子器件屏蔽材料。","其他标签":"安费诺供应商, 连接器, 上游材料","stock_code":"601137"},
|
||||
{"stock":"奕东电子","reason":"安费诺供应商，从事海外代工，提供高速铜缆连接器相关零组件。","其他标签":"安费诺供应商, 连接器, 海外代工","stock_code":"301123"},
|
||||
{"stock":"新易盛","reason":"研发800G高速带电电缆（AEC）模块进入小批量生产阶段。","其他标签":"AEC有源电缆","stock_code":"300502"},
|
||||
{"stock":"瑞可达","reason":"合资公司AEC 112G、224G等项目正在推进中。","其他标签":"AEC有源电缆","stock_code":"688800"},
|
||||
{"stock":"楚江新材","reason":"为安费诺提供精密铜带和铜导体材料。","其他标签":"安费诺供应商, 上游材料","stock_code":"002171"},
|
||||
{"stock":"胜蓝股份","reason":"为安费诺提供连接器、端子等产品。","其他标签":"安费诺供应商, 连接器","stock_code":"300843"},
|
||||
{"stock":"意华股份","reason":"生产400G等高速连接器（含铜缆连接器）可用于服务器。","其他标签":"高速IO连接器","stock_code":"002897"},
|
||||
{"stock":"金信诺","reason":"高速业务主要为服务器内部连接产品，DAC产品为外部配套供应。","其他标签":"DAC无源铜缆","stock_code":"300252"},
|
||||
{"stock":"得润电子","reason":"高速连接器（包含铜缆连接器、高速线缆）目前主要应用于电脑、服务器等领域。","其他标签":"高速IO连接器, 背板连接器","stock_code":"002055"}
|
||||
];
|
||||
|
||||
const tbody = document.querySelector('tbody');
|
||||
stockData.forEach(stock => {
|
||||
const tr = document.createElement('tr');
|
||||
tr.className = 'hover:bg-slate-800/50 transition-colors duration-200';
|
||||
|
||||
const stockCodeLink = stock.stock_code
|
||||
? `<a href="https://valuefrontier.cn/company?scode=${stock.stock_code}" target="_blank" class="text-sky-400 hover:text-sky-300 transition-colors">${stock.stock_code}</a>`
|
||||
: 'N/A';
|
||||
|
||||
const tags = stock.其他标签.split(', ').map(tag => `<span class="badge badge-outline badge-xs border-slate-600 text-slate-400">${tag.trim()}</span>`).join(' ');
|
||||
|
||||
tr.innerHTML = `
|
||||
<td class="font-semibold text-white">${stock.stock}</td>
|
||||
<td>${stockCodeLink}</td>
|
||||
<td class="text-sm max-w-md">${stock.reason}</td>
|
||||
<td><div class="flex flex-wrap gap-1">${tags}</div></td>
|
||||
`;
|
||||
tbody.appendChild(tr);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user