update pay ui
This commit is contained in:
491
public/htmls/长鑫存储.html
Normal file
491
public/htmls/长鑫存储.html
Normal file
@@ -0,0 +1,491 @@
|
||||
<!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>长鑫存储 (CXMT) - 概念深度投研报告</title>
|
||||
|
||||
<!-- Tailwind & DaisyUI -->
|
||||
<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" />
|
||||
|
||||
<!-- Alpine.js -->
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||
|
||||
<!-- ECharts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<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=Sora:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Sora', 'Noto Sans SC', sans-serif;
|
||||
background-color: #030712;
|
||||
background-image:
|
||||
radial-gradient(ellipse 80% 80% at 50% -20%, rgba(37, 99, 235, 0.15), rgba(255, 255, 255, 0)),
|
||||
url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?q=80&w=2071&auto=format&fit=crop');
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.glass-card {
|
||||
background: rgba(17, 24, 39, 0.6); /* bg-gray-900 with opacity */
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(55, 65, 81, 0.3); /* border-gray-700 with opacity */
|
||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.glass-card:hover {
|
||||
border-color: rgba(59, 130, 246, 0.5);
|
||||
box-shadow: 0 0 25px rgba(59, 130, 246, 0.2);
|
||||
}
|
||||
|
||||
.bento-box {
|
||||
@apply glass-card rounded-3xl p-6;
|
||||
}
|
||||
|
||||
.glow-text {
|
||||
color: #e5e7eb;
|
||||
text-shadow: 0 0 8px rgba(229, 231, 235, 0.3);
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: #60a5fa; /* text-blue-400 */
|
||||
}
|
||||
|
||||
.highlight-accent {
|
||||
color: #818cf8; /* text-indigo-400 */
|
||||
}
|
||||
|
||||
.section-title {
|
||||
@apply text-3xl font-bold glow-text mb-8 flex items-center gap-4;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.section-title::before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 4px;
|
||||
height: 30px;
|
||||
background-color: #3b82f6; /* blue-600 */
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 10px #3b82f6;
|
||||
}
|
||||
|
||||
/* Custom Table Style */
|
||||
.fui-table {
|
||||
@apply w-full;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.fui-table th {
|
||||
@apply p-4 text-left text-sm font-semibold text-blue-300 tracking-wider border-b-2 border-gray-700;
|
||||
background: rgba(17, 24, 39, 0.5);
|
||||
}
|
||||
.fui-table td {
|
||||
@apply p-4 text-gray-300 border-b border-gray-800;
|
||||
}
|
||||
.fui-table tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.fui-table tbody tr {
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
.fui-table tbody tr:hover {
|
||||
background-color: rgba(59, 130, 246, 0.1);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="text-gray-300 antialiased">
|
||||
<div class="container mx-auto p-4 md:p-8 lg:p-12">
|
||||
<!-- Header -->
|
||||
<header class="text-center mb-16">
|
||||
<h1 class="text-5xl md:text-6xl font-bold glow-text mb-4 tracking-wide">长鑫存储 (CXMT)</h1>
|
||||
<p class="text-2xl text-blue-300 tracking-widest">概念深度投研报告</p>
|
||||
<div class="mt-4 text-sm text-gray-500">
|
||||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||||
<p>本报告为AI合成数据，投资需谨慎</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="space-y-20">
|
||||
|
||||
<!-- Section 1: Core Insight Analysis -->
|
||||
<section id="insight-analysis">
|
||||
<h2 class="section-title">核心洞察 (Core Insight)</h2>
|
||||
<div class="space-y-8">
|
||||
<div class="glass-card rounded-3xl p-8">
|
||||
<h3 class="text-2xl font-semibold mb-4 text-indigo-300">0. 概念核心与催化事件</h3>
|
||||
<p class="mb-4">长鑫存储概念的核心是围绕中国大陆DRAM产业龙头——<strong class="highlight">长鑫科技集团股份有限公司（CXMT）</strong>的崛起、技术突破及资本化进程。其背景是在全球半导体产业链博弈加剧及国家“科技自立自强”战略下，存储芯片作为信息产业的“粮食”，其国产化替代的紧迫性与重要性空前凸显。</p>
|
||||
<ul class="list-disc list-inside space-y-2 text-gray-400">
|
||||
<li><strong class="text-gray-200">2024.01.06:</strong> 美国国防部将长鑫存储列入CMC（涉军清单），强化其国产化供应链建设必要性。</li>
|
||||
<li><strong class="text-gray-200">2025.Q1:</strong> 产能与市场份额快速提升，月产能从10万片翻倍至20万片，季度营收首次<strong class="highlight">突破10亿美元</strong>。</li>
|
||||
<li><strong class="text-gray-200">2025.06.24:</strong> HBM3样品通过测试认证，并与国内AI公司签署试点合同，正式切入AI核心赛道。</li>
|
||||
<li><strong class="text-gray-200">2025.07.07:</strong> <strong class="highlight-accent">正式启动上市（IPO）辅导</strong>，引爆整个概念板块。</li>
|
||||
<li><strong class="text-gray-200">2025.09-11:</strong> 密集发布技术成果，包括量产DDR5模组、发布10677Mbps LPDDR5X产品。</li>
|
||||
<li><strong class="text-gray-200">2025.10.14:</strong> IPO辅导工作完成，上市进程迈入关键节点。</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="glass-card rounded-3xl p-8">
|
||||
<h3 class="text-2xl font-semibold mb-4 text-indigo-300">1. 核心观点摘要</h3>
|
||||
<blockquote class="border-l-4 border-blue-500 pl-4 italic text-gray-300">
|
||||
长鑫存储正处在一个由<strong class="highlight">“国产替代”</strong>的宏大叙事驱动，由<strong class="highlight">“IPO资本化”</strong>加速，并由<strong class="highlight-accent">“AI（HBM）技术突破”</strong>赋予全新想象空间的关键跃迁阶段。其核心驱动力是地缘政治下的自主可控需求与全球AI浪潮下的增量市场需求的双重叠加。长鑫不仅是中国DRAM产业的破局者，更有望在未来数年内重塑全球DRAM市场格局。
|
||||
</blockquote>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div class="glass-card rounded-3xl p-8">
|
||||
<h3 class="text-2xl font-semibold mb-4 text-indigo-300">2. 核心逻辑与市场认知</h3>
|
||||
<ul class="space-y-4">
|
||||
<li><strong class="text-blue-300">政策与地缘驱动:</strong> 自主可控的必然性，承担保障国家信息安全的战略使命，获大基金二期等强力支持。</li>
|
||||
<li><strong class="text-blue-300">技术追赶与产品迭代:</strong> 从DDR4/LPDDR4加速向<strong class="highlight">DDR5/LPDDR5</strong>过渡，并研发<strong class="highlight-accent">HBM3</strong>样品，抢占高价值市场。</li>
|
||||
<li><strong class="text-blue-300">产能扩张驱动规模效应:</strong> 激进的扩产路线图（目标月产30万片），摊薄成本、提升份额，为国产供应链提供验证平台。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="glass-card rounded-3xl p-8">
|
||||
<h3 class="text-2xl font-semibold mb-4 text-indigo-300">3. 预期差分析</h3>
|
||||
<ul class="space-y-4">
|
||||
<li><strong class="text-red-400">技术成熟度 vs. 市场宣传:</strong> 路演数据显示DDR5良率约<strong class="highlight">50%</strong>，HBM3计划<strong class="highlight">2026年</strong>才全面量产，市场可能对短期盈利能力过于乐观。</li>
|
||||
<li><strong class="text-red-400">全球化雄心 vs. 专利壁垒:</strong> DRAM专利网密集，海外销售面临风险，增长初期将高度依赖国内市场。</li>
|
||||
<li><strong class="text-red-400">IDM模式的演变:</strong> 已从纯IDM转向合作模式，尤其在HBM封装环节与通富微电等合作，部分利润将与伙伴分享。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-card rounded-3xl p-8">
|
||||
<h3 class="text-2xl font-semibold mb-4 text-indigo-300">4. 关键催化剂与未来发展路径</h3>
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h4 class="font-bold text-lg text-blue-300 mb-2">近期催化剂 (3-6个月)</h4>
|
||||
<ul class="list-disc list-inside space-y-1">
|
||||
<li>IPO正式申报与招股书披露 (最核心)。</li>
|
||||
<li>HBM3与头部客户（华为/阿里）合作进展公布。</li>
|
||||
<li>国产化设备/材料导入比例提升。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-lg text-blue-300 mb-2">长期发展路径</h4>
|
||||
<ol class="list-decimal list-inside space-y-1">
|
||||
<li><strong class="highlight">第一阶段 (当前-2026):</strong> IPO融资与产能爬坡，实现DDR5高良率量产。</li>
|
||||
<li><strong class="highlight">第二阶段 (2026-2028):</strong> HBM3规模化供应，3D DRAM "X架构" 取得突破。</li>
|
||||
<li><strong class="highlight">第三阶段 (2028+):</strong> 挑战全球寡头格局，解决专利问题，拓展国际市场。</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section 2: Data Nexus -->
|
||||
<section id="data-nexus">
|
||||
<h2 class="section-title">数据中枢 (Data Nexus)</h2>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||
<div class="bento-box lg:col-span-2 h-96" id="chart-capacity"></div>
|
||||
<div class="bento-box flex flex-col justify-center space-y-4">
|
||||
<h3 class="text-xl font-semibold text-center text-blue-300 mb-2">关键指标</h3>
|
||||
<div class="text-center">
|
||||
<p class="text-gray-400 text-sm">目标估值</p>
|
||||
<p class="text-3xl font-bold text-indigo-400">~3000 亿</p>
|
||||
<p class="text-gray-500 text-xs">人民币</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-gray-400 text-sm">2025 Q1 营收</p>
|
||||
<p class="text-3xl font-bold text-indigo-400">> 10 亿</p>
|
||||
<p class="text-gray-500 text-xs">美元</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-gray-400 text-sm">全球份额目标</p>
|
||||
<p class="text-3xl font-bold text-indigo-400">~15%</p>
|
||||
<p class="text-gray-500 text-xs">按产能计</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-box lg:col-span-1 h-96" id="chart-market-share"></div>
|
||||
<div class="bento-box lg:col-span-2 h-96" id="chart-roadmap"></div>
|
||||
|
||||
<div x-data="{ tab: 'news' }" class="bento-box lg:col-span-3">
|
||||
<div class="tabs tabs-boxed bg-gray-900/50 mb-4">
|
||||
<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="p-4 min-h-[200px] text-gray-400">
|
||||
<div x-show="tab === 'news'">
|
||||
<h4 class="font-bold text-lg text-blue-300 mb-2">新闻速览</h4>
|
||||
<ul class="list-disc list-inside space-y-1">
|
||||
<li><strong class="text-gray-200">IPO进程:</strong> 于2025年7月7日启动上市辅导，10月14日完成辅导工作，目标科创板/港股，估值目标2000-3000亿元。</li>
|
||||
<li><strong class="text-gray-200">技术发布:</strong> 2025年11月23日正式发布全系列DDR5产品，最高速率8000Mbps；同步展示10667Mbps LPDDR5X。</li>
|
||||
<li><strong class="text-gray-200">HBM进展:</strong> HBM3样品已通过测试认证，计划2026年初供货，目标成为全球第四大HBM3供应商。</li>
|
||||
<li><strong class="text-gray-200">产能扩张:</strong> 月产能从2024年初10万片增至2025Q1的20万片，Omdia预计2026年将达30万片/月。</li>
|
||||
<li><strong class="text-gray-200">市场表现:</strong> 2025Q1营收突破10亿美元，全球DRAM市占率约5%-6%。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div x-show="tab === 'roadshow'" x-cloak>
|
||||
<h4 class="font-bold text-lg text-blue-300 mb-2">路演核心纪要</h4>
|
||||
<ul class="list-disc list-inside space-y-1">
|
||||
<li><strong class="text-gray-200">战略定位:</strong> 国产存储“火车头”，采取IDM模式，聚焦DRAM和HBM，扩产激进以缩小与巨头差距。</li>
|
||||
<li><strong class="text-gray-200">技术差距:</strong> 主流DRAM制程约15.8nm，落后国际主流1.5-2代；DDR5良率仍是挑战。</li>
|
||||
<li><strong class="text-gray-200">HBM路线:</strong> 国内进度最快，已量产HBM2/2E，目标2024年底交付HBM3，2026年全面量产。</li>
|
||||
<li><strong class="text-gray-200">3D DRAM布局:</strong> 公开基于“X架构”的3D DRAM设计，采用双晶圆键合，旨在绕开EUV限制实现“弯道超车”。</li>
|
||||
<li><strong class="text-gray-200">供应链合作:</strong> 战略从纯IDM转向合作模式，尤其在HBM封装环节与沛顿科技、通富微电等紧密合作。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div x-show="tab === 'report'" x-cloak>
|
||||
<h4 class="font-bold text-lg text-blue-300 mb-2">研报核心精粹</h4>
|
||||
<ul class="list-disc list-inside space-y-1">
|
||||
<li><strong class="text-gray-200">行业地位:</strong> 中国大陆规模最大、技术最先进、唯一实现大规模量产通用型DRAM的IDM企业。</li>
|
||||
<li><strong class="text-gray-200">估值与融资:</strong> 最新估值约1400亿元，主要投资方包括大基金二期、兆易创新、阿里、腾讯等。</li>
|
||||
<li><strong class="text-gray-200">产能目标:</strong> 预计2025年底达到30万片/月，占全球产能15%。</li>
|
||||
<li><strong class="text-gray-200">技术良率:</strong> 公布的DDR5芯片良品率在<strong class="highlight">80%左右</strong>（与路演信息有差异，需交叉验证）。</li>
|
||||
<li><strong class="text-gray-200">战略意义:</strong> 标志着DRAM国产替代全面推进，其崛起有助于保障国家信息安全，带动整个产业链发展。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section 3: Ecosystem & Stock Analysis -->
|
||||
<section id="ecosystem-stocks">
|
||||
<h2 class="section-title">产业链生态 & 核心标的</h2>
|
||||
<div class="glass-card rounded-3xl overflow-hidden">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="fui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>产业链环节</th>
|
||||
<th>公司名称</th>
|
||||
<th>股票代码</th>
|
||||
<th>关联原因</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="stock-table-body">
|
||||
<!-- JS will populate this section -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section 4: Market Dynamics & Rise Analysis -->
|
||||
<section id="market-dynamics">
|
||||
<h2 class="section-title">市场动态 & 涨幅归因</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="collapse collapse-arrow glass-card">
|
||||
<input type="radio" name="rise-accordion" checked="checked" />
|
||||
<div class="collapse-title text-xl font-medium text-blue-300">
|
||||
鑫磊股份 (301317) - 2025-07-07 上涨 11.42%
|
||||
</div>
|
||||
<div class="collapse-content">
|
||||
<p class="text-gray-400">主要上涨原因是长鑫存储IPO消息刺激半导体板块整体情绪，强化了市场对半导体自主可控的投资逻辑。在市场情绪高涨背景下，资金积极追捧产业链相关标的，鑫磊股份可能因市场预期或未公开的业务关联而受到资金关注，形成板块联动效应。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-arrow glass-card">
|
||||
<input type="radio" name="rise-accordion" />
|
||||
<div class="collapse-title text-xl font-medium text-blue-300">
|
||||
众鑫股份 (603091) - 2025-07-07 上涨 6.29%
|
||||
</div>
|
||||
<div class="collapse-content">
|
||||
<p class="text-gray-400">主要受长鑫存储启动上市辅导消息刺激，作为可能被市场联想的概念股被炒作。同时，当日融资资金净买入超千万元，为股价上涨提供了直接动力。半导体产业链的整体关注度提升也起到了推波助澜的作用。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-arrow glass-card">
|
||||
<input type="radio" name="rise-accordion" />
|
||||
<div class="collapse-title text-xl font-medium text-blue-300">
|
||||
乐鑫科技 (688018) - 2025-06-25 上涨 6.31%
|
||||
</div>
|
||||
<div class="collapse-content">
|
||||
<p class="text-gray-400">上涨是多重因素共振结果：首先，受益于长鑫存储HBM突破消息提振的芯片板块整体上涨；其次，公司发布定增调整公告，明确了市场预期，缓解了不确定性；最后，融资数据显示资金流入，反映了市场对公司在AIoT领域竞争地位的乐观情绪。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse collapse-arrow glass-card">
|
||||
<input type="radio" name="rise-accordion" />
|
||||
<div class="collapse-title text-xl font-medium text-blue-300">
|
||||
佰维存储 (688525) - 2025-10-24 上涨 10.70%
|
||||
</div>
|
||||
<div class="collapse-content">
|
||||
<p class="text-gray-400">典型的“行业β行情”。存储行业景气度急剧提升，国际巨头计划大幅提价，叠加AI驱动的“以存代算”新范式，催生对NAND Flash需求激增。作为国内存储模组龙头，佰维存储完美承接了“AI驱动+供给收缩+国产替代”三浪叠加的超级周期利好，并受到券商一致推荐。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// ECharts Instances
|
||||
var capacityChart = echarts.init(document.getElementById('chart-capacity'));
|
||||
var marketShareChart = echarts.init(document.getElementById('chart-market-share'));
|
||||
var roadmapChart = echarts.init(document.getElementById('chart-roadmap'));
|
||||
|
||||
const textColor = '#e5e7eb';
|
||||
const accentColor1 = '#60a5fa'; // blue-400
|
||||
const accentColor2 = '#818cf8'; // indigo-400
|
||||
const accentColor3 = '#3b82f6'; // blue-600
|
||||
|
||||
// Chart Options
|
||||
const capacityOption = {
|
||||
title: { text: '产能扩张路线图 (万片/月)', textStyle: { color: textColor, fontWeight: 'bold' }, left: 'center' },
|
||||
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
|
||||
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
|
||||
xAxis: { type: 'category', data: ['2022', '2024Q1', '2024Q4', '2025年底(目标)'], axisLine: { lineStyle: { color: textColor } } },
|
||||
yAxis: { type: 'value', axisLine: { lineStyle: { color: textColor } }, splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)'} } },
|
||||
series: [{
|
||||
name: '月产能',
|
||||
type: 'bar',
|
||||
barWidth: '60%',
|
||||
data: [5.7, 10, 21, 30],
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: accentColor1 },
|
||||
{ offset: 1, color: accentColor3 }
|
||||
])
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: '#a5b4fc' },
|
||||
{ offset: 1, color: accentColor2 }
|
||||
])
|
||||
}
|
||||
}
|
||||
}]
|
||||
};
|
||||
|
||||
const marketShareOption = {
|
||||
title: { text: '全球DRAM市场份额 (2025Q1)', textStyle: { color: textColor, fontWeight: 'bold' }, left: 'center' },
|
||||
tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c}%' },
|
||||
legend: { top: 'bottom', textStyle: { color: textColor } },
|
||||
series: [{
|
||||
name: '市场份额',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
avoidLabelOverlap: false,
|
||||
itemStyle: {
|
||||
borderRadius: 10,
|
||||
borderColor: '#030712',
|
||||
borderWidth: 2
|
||||
},
|
||||
label: { show: false, position: 'center' },
|
||||
emphasis: { label: { show: true, fontSize: '20', fontWeight: 'bold', color: textColor } },
|
||||
labelLine: { show: false },
|
||||
data: [
|
||||
{ value: 36, name: 'SK海力士' },
|
||||
{ value: 34, name: '三星' },
|
||||
{ value: 25, name: '美光' },
|
||||
{ value: 6, name: '长鑫存储' }
|
||||
]
|
||||
}],
|
||||
color: [accentColor1, '#34d399', accentColor2, '#f87171']
|
||||
};
|
||||
|
||||
const roadmapOption = {
|
||||
title: { text: '技术与产品路线图', textStyle: { color: textColor, fontWeight: 'bold' }, left: 'center' },
|
||||
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
|
||||
grid: { left: '15%', right: '5%', top: '20%', bottom: '10%' },
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['DDR5 量产', 'LPDDR5X 发布', 'HBM3 样品认证', 'HBM3 规模量产'],
|
||||
axisLabel: { interval: 0, rotate: 30 },
|
||||
axisLine: { lineStyle: { color: textColor } }
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
data: ['2025.09', '2025.10', '2025.06', '2026(计划)'],
|
||||
axisLine: { show: false },
|
||||
axisTick: { show: false },
|
||||
splitLine: { show: false },
|
||||
axisLabel: { show: false }
|
||||
},
|
||||
series: [{
|
||||
type: 'bar',
|
||||
data: [
|
||||
{ value: 10, itemStyle: { color: accentColor1 }, label: { show: true, position: 'top', formatter: '2025.09', color: textColor } },
|
||||
{ value: 20, itemStyle: { color: '#34d399' }, label: { show: true, position: 'top', formatter: '2025.10', color: textColor } },
|
||||
{ value: 30, itemStyle: { color: accentColor2 }, label: { show: true, position: 'top', formatter: '2025.06', color: textColor } },
|
||||
{ value: 40, itemStyle: { color: '#f87171' }, label: { show: true, position: 'top', formatter: '2026 (计划)', color: textColor } }
|
||||
],
|
||||
barWidth: '30%',
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
color: textColor,
|
||||
fontSize: 12,
|
||||
}
|
||||
}]
|
||||
};
|
||||
|
||||
capacityChart.setOption(capacityOption);
|
||||
marketShareChart.setOption(marketShareOption);
|
||||
roadmapChart.setOption(roadmapOption);
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
capacityChart.resize();
|
||||
marketShareChart.resize();
|
||||
roadmapChart.resize();
|
||||
});
|
||||
|
||||
// Stock Data
|
||||
const stockData = [
|
||||
{ category: "设备", name: "北方华创", code: "002371", reason: "刻蚀、薄膜沉积等设备已进入长鑫存储供应链" },
|
||||
{ category: "设备", name: "中微公司", code: "688012", reason: "刻蚀设备供应商，与长鑫在先进制程产线有长期合作" },
|
||||
{ category: "设备", name: "拓荆科技", code: "688072", reason: "PECVD/ALD设备供应商，产品已广泛用于长鑫存储" },
|
||||
{ category: "设备", name: "华海清科", code: "688120", reason: "CMP设备及晶圆再生服务供应商，产品进入长鑫大生产线" },
|
||||
{ category: "设备", name: "盛美上海", code: "688082", reason: "清洗设备产品获得合肥长鑫订单" },
|
||||
{ category: "设备", name: "芯源微", code: "688037", reason: "前道涂胶显影设备获得合肥长鑫订单" },
|
||||
{ category: "设备", name: "精智达", code: "688627", reason: "在半导体存储器测试设备领域与长鑫存储合作，配合开发HBM用设备" },
|
||||
{ category: "材料供应", name: "安集科技", code: "688019", reason: "化学机械抛光(CMP)材料供应商，与长鑫在先进制程中合作紧密" },
|
||||
{ category: "材料供应", name: "雅克科技", code: "002409", reason: "半导体前驱体材料供应合肥长鑫" },
|
||||
{ category: "材料供应", name: "江丰电子", code: "300666", reason: "超高纯金属溅射靶材核心材料，终端客户包括长鑫存储" },
|
||||
{ category: "材料供应", name: "鼎龙股份", code: "300054", reason: "抛光垫产品已通过合肥长鑫认证" },
|
||||
{ category: "材料供应", name: "博敏电子", code: "603936", reason: "公司IC载板主要应用于存储领域，客户为长鑫存储" },
|
||||
{ category: "封测", name: "通富微电", code: "002156", reason: "战略合作长鑫存储，已大规模生产存储产品，合作HBM封装" },
|
||||
{ category: "封测", name: "深科技", code: "000021", reason: "全资子公司沛顿科技加工的晶圆主力来自长鑫存储，合作HBM封装" },
|
||||
{ category: "封测", name: "汇成股份", code: "688403", reason: "投资控制鑫丰科技，鑫丰是长鑫存储封测早期核心供应商" },
|
||||
{ category: "深度绑定/参股", name: "兆易创新", code: "603986", reason: "多重绑定：持有长鑫约1.88%股权，利基型DRAM由长鑫独家代工，并代销其产品" },
|
||||
{ category: "深度绑定/参股", name: "合肥城建", code: "002208", reason: "通过基金投资4.5亿元，并为长鑫提供厂区、办公区、生活区代建服务" },
|
||||
{ category: "深度绑定/参股", name: "合力科技", code: "603917", reason: "参股长鑫存储的母公司长鑫科技集团" },
|
||||
{ category: "深度绑定/参股", name: "朗迪集团", code: "603726", reason: "通过燕创德鑫基金参与投资长鑫科技" },
|
||||
{ category: "深度绑定/参股", name: "正帆科技", code: "688596", reason: "对长鑫有早期投资，并有系统与服务合作" },
|
||||
{ category: "代理分销", name: "商络电子", code: "300975", reason: "代理销售存储品牌长鑫存储" },
|
||||
{ category: "代理分销", name: "雅创电子", code: "301099", reason: "已取得长江存储及长鑫存储代理资质" },
|
||||
{ category: "代理分销", name: "力源信息", code: "300184", reason: "代理的存储产品线涵盖长鑫存储等品牌" },
|
||||
{ category: "代理分销", name: "中电港", code: "001287", reason: "官网显示有长鑫相关型号产品" },
|
||||
{ category: "模组", name: "江波龙", code: "301308", reason: "公司重要产品包括内存(DDR4/DDR5等)，与长鑫存储合作" },
|
||||
{ category: "模组", name: "佰维存储", code: "688525", reason: "国产存储产业链合作公司，是下游重要模组厂商" },
|
||||
{ category: "厂务/洁净室", name: "亚翔集成", code: "603929", reason: "承揽了合肥长鑫洁净室工程" },
|
||||
{ category: "厂务/洁净室", name: "柏诚股份", code: "601133", reason: "长鑫是公司长期合作客户，参与长鑫的洁净厂房建设" },
|
||||
];
|
||||
|
||||
const tableBody = document.getElementById('stock-table-body');
|
||||
let currentCategory = "";
|
||||
stockData.sort((a,b) => a.category.localeCompare(b.category)).forEach(stock => {
|
||||
if (stock.category !== currentCategory) {
|
||||
currentCategory = stock.category;
|
||||
const groupRow = document.createElement('tr');
|
||||
groupRow.innerHTML = `<td colspan="4" class="bg-gray-800/50 font-bold text-lg text-blue-300 p-3">${currentCategory}</td>`;
|
||||
tableBody.appendChild(groupRow);
|
||||
}
|
||||
|
||||
const row = document.createElement('tr');
|
||||
row.innerHTML = `
|
||||
<td></td>
|
||||
<td class="font-semibold text-gray-200">${stock.name}</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=${stock.code}" target="_blank" class="text-blue-400 hover:text-blue-300 hover:underline">${stock.code}</a></td>
|
||||
<td>${stock.reason}</td>
|
||||
`;
|
||||
tableBody.appendChild(row);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user