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

457 lines
32 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>存储概念深度投研报告 | 价小前投研</title>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- 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 for FUI style -->
<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;600;700&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color: hsl(210, 100%, 70%);
--card-bg: rgba(10, 25, 47, 0.3);
--card-border: rgba(56, 189, 248, 0.2);
--card-backdrop-blur: 16px;
}
body {
background-color: #02040a;
background-image:
radial-gradient(circle at 10% 10%, rgba(56, 189, 248, 0.15) 0%, transparent 30%),
radial-gradient(circle at 80% 90%, rgba(129, 140, 248, 0.15) 0%, transparent 40%);
background-attachment: fixed;
font-family: 'Inter', sans-serif;
color: #c9d1d9;
}
.font-fui {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: var(--card-bg);
backdrop-filter: blur(var(--card-backdrop-blur));
-webkit-backdrop-filter: blur(var(--card-backdrop-blur));
border: 1px solid var(--card-border);
border-radius: 24px;
transition: all 0.3s ease;
box-shadow: 0 0 40px rgba(0,0,0,0.3);
}
.glass-card:hover {
border-color: rgba(56, 189, 248, 0.5);
transform: translateY(-5px);
box-shadow: 0 10px 50px rgba(56, 189, 248, 0.1);
}
.glow-text {
text-shadow: 0 0 8px var(--glow-color);
}
.content-prose {
color: #c9d1d9;
}
.content-prose h1, .content-prose h2, .content-prose h3, .content-prose h4 {
color: #f0f6fc;
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
}
.content-prose h3 {
border-left: 3px solid var(--glow-color);
padding-left: 0.75rem;
color: #90c7ff;
}
.content-prose strong {
color: #58a6ff;
}
.content-prose ul {
list-style: none;
padding-left: 0;
}
.content-prose ul li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}
.content-prose ul li::before {
content: '⬢';
position: absolute;
left: 0;
top: 0.25rem;
color: var(--glow-color);
font-size: 0.6rem;
}
.table thead th {
background-color: rgba(56, 189, 248, 0.1);
color: #f0f6fc;
border-bottom: 2px solid var(--card-border);
}
.table tbody tr {
border-bottom-color: var(--card-border);
transition: background-color 0.2s ease;
}
.table tbody tr:hover {
background-color: rgba(56, 189, 248, 0.08);
}
.collapse-title {
font-weight: 600;
}
.section-title {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 2rem;
letter-spacing: -0.025em;
color: #f0f6fc;
border-bottom: 1px solid var(--card-border);
padding-bottom: 1rem;
margin-bottom: 2rem;
}
</style>
</head>
<body>
<div class="relative min-h-screen overflow-hidden">
<!-- Floating Glow Effects -->
<div class="absolute top-0 -left-1/4 w-96 h-96 bg-sky-400/20 rounded-full filter blur-3xl opacity-30 animate-pulse"></div>
<div class="absolute bottom-0 -right-1/4 w-96 h-96 bg-indigo-400/20 rounded-full filter blur-3xl opacity-30 animate-pulse animation-delay-4000"></div>
<div class="relative max-w-screen-xl mx-auto px-4 py-8 md:py-12">
<header class="text-center mb-12">
<h1 class="font-fui text-4xl md:text-6xl font-bold text-white glow-text mb-4">存储 (Storage)</h1>
<h2 class="text-2xl md:text-3xl font-bold text-sky-200 mb-6">概念深度投研报告</h2>
<p class="text-sm text-gray-400 max-w-2xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现
<br>
<span class="opacity-70">本报告为AI合成数据不构成任何投资建议投资需谨慎。</span>
</p>
</header>
<main class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
<!-- Main Insight -->
<div class="md:col-span-2 lg:col-span-3 lg:row-span-3 glass-card p-6 md:p-8 content-prose">
<h2 class="font-fui text-2xl text-sky-300 glow-text mb-6">核心洞察 (Core Insight)</h2>
<div class="space-y-6">
<div>
<h3>0. 概念事件:周期反转与成长逻辑的共振</h3>
<p>近期“存储”概念的爆发是供需结构变化、技术迭代和地缘政治因素共同作用的结果。其演进脉络清晰从2023H2的供给收缩、价格探底回升到2024H2由AI引爆的结构性需求再到2025Q3国产替代与技术迭代并行呈现出典型的周期反转叠加成长逻辑的特征。</p>
</div>
<div>
<h3>1. 核心观点摘要AI重塑的“超级周期”</h3>
<p>本轮存储行情已超越传统周期复苏,进入由<strong>AI驱动的结构性需求重塑</strong><strong>供给端策略性收缩</strong>共同引发的“超级周期”早期阶段。核心驱动力是AI应用对高带宽、大容量存储HBM、企业级SSD需求的爆发式增长这不仅提升了行业成长性也为国产厂商在主流及利基市场提供了前所未有的替代窗口。未来潜力在于国产化率的提升和在先进技术如先进封装、CXL领域的突破。</p>
</div>
<div>
<h3>2. 核心逻辑:从“周期性”到“周期+成长”</h3>
<ul>
<li><strong>AI带来的结构性需求变革</strong>AI大模型训练和推理带来了指数级的存储需求Sora 2等应用将使存储需求“数倍数十倍的增长”使存储行业从单纯的周期股转变为具备长期成长性的赛道。</li>
<li><strong>供给端的“默契”与战略转移</strong>海外原厂主动减产并将产能战略性地转向高利润的HBM和DDR5客观上造成了DDR4、DDR3等利基市场的供给真空为国产厂商提供了“供需错配+国产替代”的双重红利。</li>
</ul>
</div>
<div>
<h3>3. 关键催化剂与未来发展路径</h3>
<ul>
<li><strong>近期催化剂 (3-6个月)</strong>Q3/Q4合约价谈判结果、核心公司Q2/Q3财报重点关注毛利率、AI终端产品如iPhone 17发布、国产存储扩产进度。</li>
<li><strong>长期发展路径</strong>
<br><strong>(1) 价格驱动 (当前-2025H1):</strong> 业绩修复,模组厂享受毛利弹性。
<br><strong>(2) 份额扩张 (2025H2-2026):</strong> 国产替代加速,市占率实质性提升。
<br><strong>(3) 价值跃升 (2026-2028):</strong> 在先进封装、CXL、HBM等核心技术上突破。
</li>
</ul>
</div>
<div>
<h3>4. 产业链与核心公司剖析</h3>
<ul>
<li><strong>产业链图谱</strong>:上游(长存/长鑫、设备材料)、中游(模组-佰维/江波龙/德明利、封测)、下游(分销、应用)。</li>
<li><strong>核心玩家对比</strong>
<br><strong>佰维存储</strong>: 技术驱动型领导者深度绑定端侧AI巨头前瞻布局先进封测。
<br><strong>江波龙</strong>: 规模驱动型,库存巨大,价格上涨周期中业绩弹性最高。
<br><strong>德明利</strong>: 客户突破型战略卡位企业级SSD切入互联网大厂供应链。</li>
</ul>
</div>
<div>
<h3>5. 潜在风险与挑战</h3>
<ul>
<li><strong>技术风险</strong>: 国产先进制程瓶颈,先进封装设备依赖进口。</li>
<li><strong>商业化风险</strong>: 下游AI终端需求不及预期库存跌价风险。</li>
<li><strong>政策与竞争风险</strong>: 地缘政治BIS禁令海外原厂策略突变。</li>
</ul>
</div>
<div>
<h3>6. 综合结论与投资启示</h3>
<p>存储概念已确认进入由基本面驱动的强劲上行周期,兼具<strong>周期反转的爆发力</strong><strong>AI驱动的成长性</strong>。最具投资价值的细分环节包括:</p>
<ul>
<li><strong>存储模组</strong>:弹性最大、逻辑最顺的核心配置方向。</li>
<li><strong>HBM及先进封装</strong>成长确定性最高深度绑定AI算力。</li>
<li><strong>利基存储芯片设计</strong>:国产替代逻辑最纯粹,受益于海外大厂退出。</li>
</ul>
</div>
</div>
</div>
<!-- Market Data Visuals -->
<div class="lg:col-span-2 glass-card p-6">
<h3 class="font-fui text-xl text-sky-300 glow-text mb-4">市场数据透视</h3>
<div id="marketSizeChart" style="width: 100%; height: 250px;"></div>
</div>
<div class="lg:col-span-2 glass-card p-6">
<h3 class="font-fui text-xl text-sky-300 glow-text mb-4">价格动态复盘 (2025/11)</h3>
<div id="priceChangeChart" style="width: 100%; height: 250px;"></div>
</div>
<!-- Data Sources -->
<div class="md:col-span-2 lg:col-span-5 glass-card p-6 md:p-8">
<h2 class="font-fui text-2xl text-sky-300 glow-text mb-6">核心数据源摘要</h2>
<div class="space-y-4">
<div class="collapse collapse-plus bg-white/5 border border-white/10">
<input type="radio" name="data-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-sky-200">新闻数据摘要</div>
<div class="collapse-content">
<ul class="list-disc pl-5 text-gray-300 space-y-2 text-sm">
<li><strong>存储超级周期</strong>判断持续至2027年由AI拉动成长性平滑周期性。海外存储龙头闪迪、美光等股价达历史新高。</li>
<li><strong>价格全面上涨</strong>原厂态度强势闪迪、美光先后发函涨价10%-30%以上。深信服等下游调价验证涨价传导部分内存涨幅超80%。</li>
<li><strong>供给端收缩</strong>原厂减产效应显现产能优先转向HBM/DDR5导致DDR4等供应缺口扩大。</li>
<li><strong>需求端爆发</strong>核心驱动力源自AI服务器存储需求爆发eSSD、HBM。Sora 2等多模态模型将使存储需求数倍增长。</li>
<li><strong>国产化加速</strong>长江存储三期成立目标2026年全球NAND市占率达15%。政策对先进存储技术出口管制,支撑价格上行。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-white/5 border border-white/10">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium text-sky-200">路演数据摘要</div>
<div class="collapse-content">
<ul class="list-disc pl-5 text-gray-300 space-y-2 text-sm">
<li><strong>行业增速预期</strong>预计2024年全球存储行业增速达60-70%为半导体细分领域最快。市场规模2027年有望达2,630亿美元。</li>
<li><strong>涨价结构分化</strong>:涨价幅度排序为 企业级SSD > DDR4 > NAND消费级 > DDR5温和上涨。预计涨价持续至2026 H1。</li>
<li><strong>HBM需求旺盛</strong>AI算力核心驱动2025年HBM产值预计占DRAM产业超30%。国产HBM处于从0到1阶段。</li>
<li><strong>国产替代空间巨大</strong>当前国产存储模组全球市占率不足5%,替代空间广阔。佰维、江波龙等营收目标高增长。</li>
<li><strong>关键公司信息</strong>佰维存储研发封测一体化AI眼镜市场占有率超80%、江波龙库存货值约100亿弹性大、德明利卡位企业级SSD</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-white/5 border border-white/10">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium text-sky-200">研报数据摘要 (以佰维存储为例)</div>
<div class="collapse-content">
<ul class="list-disc pl-5 text-gray-300 space-y-2 text-sm">
<li><strong>战略定位</strong>定位国内存储与先进封测头部厂商执行“研发封测一体化2.0”及“5+2+X”战略。</li>
<li><strong>核心业务</strong>嵌入式存储ePOP等、PC存储、工车规存储、企业级存储。嵌入式存储市占率国内第二为Meta眼镜提供核心存储。</li>
<li><strong>技术优势</strong>掌握16层叠Die、超薄Die等先进封装量产能力并开发TSV等2.5D/3D封装技术为HBM做技术储备。</li>
<li><strong>产能布局</strong>投资30.9亿建设东莞晶圆级先进封测项目目标月产能2万片12寸晶圆预计2025年投产。</li>
<li><strong>业绩高增长</strong>2024年上半年营收预增170%-222%归母净利预增194%-211%,盈利能力显著释放。</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Rise Analysis -->
<div class="md:col-span-2 lg:col-span-5">
<div class="glass-card p-6 md:p-8">
<h2 class="section-title">涨幅异动深度分析:开普云 (688228)</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 text-sm">
<div>
<h4 class="font-bold text-sky-300 mb-2">事件回顾</h4>
<p>2025年9月15日开普云股价大幅上涨13.71%连续三日涨幅偏离值超30%。</p>
</div>
<div>
<h4 class="font-bold text-sky-300 mb-2">核心驱动因素</h4>
<p><strong>行业利好 + 公司重组预期。</strong> 存储芯片全行业价格大幅上调(闪迪+10%,美光+20-30%),同时公司拟收购存储厂商金泰克,使其能直接受益于行业景气周期。</p>
</div>
<div>
<h4 class="font-bold text-sky-300 mb-2">长期支撑因素</h4>
<p><strong>AI驱动存储需求。</strong> 华为预测至2035年AI存储需求将增长500倍AI数据中心高增长直接利好企业级存储市场对此有强烈预期。</p>
</div>
<div>
<h4 class="font-bold text-sky-300 mb-2">催化与市场情绪</h4>
<p>存储概念股集体走强,市场情绪积极。投资者对重组后公司价值重估预期强烈,叠加筹码集中和融资盘买入,共同推高股价。</p>
</div>
</div>
</div>
</div>
<!-- Stock List -->
<div class="md:col-span-2 lg:col-span-5">
<h2 class="section-title">相关概念股梳理</h2>
<div class="glass-card overflow-x-auto">
<table class="table table-sm md:table-md">
<thead>
<tr>
<th>细分领域</th>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>其他标签</th>
</tr>
</thead>
<tbody>
<!-- Data will be dynamically inserted here by a script or server -->
<tr><td rowspan="8" class="font-bold align-top pt-3">磁电存储</td><td>中电兴发</td><td>-</td><td>磁电存储</td><td class="text-red-400">标红个股</td></tr>
<tr><td>宁波建工</td><td><a href="https://valuefrontier.cn/company?scode=601789" target="_blank" class="link link-hover text-sky-400">601789</a></td><td>磁电存储</td><td class="text-red-400">标红个股</td></tr>
<tr><td>智迪科技</td><td><a href="https://valuefrontier.cn/company?scode=301503" target="_blank" class="link link-hover text-sky-400">301503</a></td><td>磁电存储</td><td></td></tr>
<tr><td>易华录</td><td><a href="https://valuefrontier.cn/company?scode=300212" target="_blank" class="link link-hover text-sky-400">300212</a></td><td>磁电存储, 华为OceanStor</td><td></td></tr>
<tr><td>宁波韵升</td><td><a href="https://valuefrontier.cn/company?scode=600366" target="_blank" class="link link-hover text-sky-400">600366</a></td><td>磁电存储</td><td></td></tr>
<tr><td>信息发展</td><td><a href="https://valuefrontier.cn/company?scode=300469" target="_blank" class="link link-hover text-sky-400">300469</a></td><td>磁电存储</td><td></td></tr>
<tr><td>同有科技</td><td><a href="https://valuefrontier.cn/company?scode=300302" target="_blank" class="link link-hover text-sky-400">300302</a></td><td>磁电存储, 华为存储相关</td><td></td></tr>
<tr><td>福日电子</td><td><a href="https://valuefrontier.cn/company?scode=600203" target="_blank" class="link link-hover text-sky-400">600203</a></td><td>磁电存储</td><td></td></tr>
<tr><td rowspan="11" class="font-bold align-top pt-3 bg-opacity-20">华为存储</td><td>中亦科技</td><td><a href="https://valuefrontier.cn/company?scode=301208" target="_blank" class="link link-hover text-sky-400">301208</a></td><td>华为OceanStor</td><td></td></tr>
<tr><td>创意信息</td><td>-</td><td>华为OceanStor</td><td></td></tr>
<tr><td>天源迪科</td><td><a href="https://valuefrontier.cn/company?scode=300047" target="_blank" class="link link-hover text-sky-400">300047</a></td><td>华为OceanStor</td><td></td></tr>
<tr><td>兆易创新</td><td><a href="https://valuefrontier.cn/company?scode=603986" target="_blank" class="link link-hover text-sky-400">603986</a></td><td>华为存储相关, DRAM, NAND, NOR, SRAM</td><td></td></tr>
<tr><td>神州数码</td><td><a href="https://valuefrontier.cn/company?scode=000034" target="_blank" class="link link-hover text-sky-400">000034</a></td><td>华为存储相关</td><td></td></tr>
<tr><td>中科曙光</td><td><a href="https://valuefrontier.cn/company?scode=603019" target="_blank" class="link link-hover text-sky-400">603019</a></td><td>华为存储相关</td><td></td></tr>
<tr><td>银信科技</td><td><a href="https://valuefrontier.cn/company?scode=300231" target="_blank" class="link link-hover text-sky-400">300231</a></td><td>华为存储相关</td><td></td></tr>
<tr><td>万润科技</td><td><a href="https://valuefrontier.cn/company?scode=002654" target="_blank" class="link link-hover text-sky-400">002654</a></td><td>华为存储相关, SRAM</td><td></td></tr>
<tr><td>太极股份</td><td><a href="https://valuefrontier.cn/company?scode=002368" target="_blank" class="link link-hover text-sky-400">002368</a></td><td>华为存储相关</td><td></td></tr>
<tr><td>拓维信息</td><td><a href="https://valuefrontier.cn/company?scode=002261" target="_blank" class="link link-hover text-sky-400">002261</a></td><td>华为存储相关</td><td></td></tr>
<tr><td rowspan="3" class="font-bold align-top pt-3">存储芯片(设计)</td><td>北京君正</td><td><a href="https://valuefrontier.cn/company?scode=300223" target="_blank" class="link link-hover text-sky-400">300223</a></td><td>DRAM, SRAM</td><td></td></tr>
<tr><td>东芯股份</td><td><a href="https://valuefrontier.cn/company?scode=688110" target="_blank" class="link link-hover text-sky-400">688110</a></td><td>DRAM, NAND</td><td></td></tr>
<tr><td>普冉股份</td><td><a href="https://valuefrontier.cn/company?scode=688766" target="_blank" class="link link-hover text-sky-400">688766</a></td><td>NORFLASH, EEPROM</td><td></td></tr>
<tr><td rowspan="3" class="font-bold align-top pt-3 bg-opacity-20">存储模组</td><td>江波龙</td><td><a href="https://valuefrontier.cn/company?scode=301308" target="_blank" class="link link-hover text-sky-400">301308</a></td><td>模组, 长鑫/长江存储合作</td><td></td></tr>
<tr><td>佰维存储</td><td><a href="https://valuefrontier.cn/company?scode=688525" target="_blank" class="link link-hover text-sky-400">688525</a></td><td>模组, 研发封测一体化</td><td></td></tr>
<tr><td>德明利</td><td><a href="https://valuefrontier.cn/company?scode=001309" target="_blank" class="link link-hover text-sky-400">001309</a></td><td>模组, 企业级SSD</td><td></td></tr>
<tr><td rowspan="8" class="font-bold align-top pt-3">HBM产业链</td><td>香农芯创</td><td><a href="https://valuefrontier.cn/company?scode=300475" target="_blank" class="link link-hover text-sky-400">300475</a></td><td>HBM, 分销商</td><td></td></tr>
<tr><td>雅克科技</td><td><a href="https://valuefrontier.cn/company?scode=002409" target="_blank" class="link link-hover text-sky-400">002409</a></td><td>HBM材料, 长鑫/长江存储材料供应商</td><td></td></tr>
<tr><td>通富微电</td><td><a href="https://valuefrontier.cn/company?scode=002156" target="_blank" class="link link-hover text-sky-400">002156</a></td><td>HBM封测, 长鑫存储封测</td><td></td></tr>
<tr><td>深科技</td><td><a href="https://valuefrontier.cn/company?scode=000021" target="_blank" class="link link-hover text-sky-400">000021</a></td><td>HBM封测, 长鑫/长江存储封测</td><td></td></tr>
<tr><td>长电科技</td><td><a href="https://valuefrontier.cn/company?scode=600584" target="_blank" class="link link-hover text-sky-400">600584</a></td><td>HBM封测</td><td></td></tr>
<tr><td>华海诚科</td><td><a href="https://valuefrontier.cn/company?scode=688535" target="_blank" class="link link-hover text-sky-400">688535</a></td><td>HBM封装材料</td><td></td></tr>
<tr><td>中微公司</td><td><a href="https://valuefrontier.cn/company?scode=688012" target="_blank" class="link link-hover text-sky-400">688012</a></td><td>HBM刻蚀设备</td><td></td></tr>
<tr><td rowspan="4" class="font-bold align-top pt-3 bg-opacity-20">国产存储生态(材料设备)</td><td>鼎龙股份</td><td><a href="https://valuefrontier.cn/company?scode=300054" target="_blank" class="link link-hover text-sky-400">300054</a></td><td>长鑫存储材料供应商 (CMP抛光垫)</td><td></td></tr>
<tr><td>安集科技</td><td><a href="https://valuefrontier.cn/company?scode=688019" target="_blank" class="link link-hover text-sky-400">688019</a></td><td>长鑫/长江存储材料供应商</td><td></td></tr>
<tr><td>华海清科</td><td><a href="https://valuefrontier.cn/company?scode=688120" target="_blank" class="link link-hover text-sky-400">688120</a></td><td>长鑫存储设备供应商 (CMP设备)</td><td></td></tr>
<tr><td>沪硅产业</td><td><a href="https://valuefrontier.cn/company?scode=688126" target="_blank" class="link link-hover text-sky-400">688126</a></td><td>长江存储材料供应商 (硅片)</td><td></td></tr>
</tbody>
</table>
</div>
</div>
</main>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// ECharts Init: Market Size Chart
var marketSizeChartDom = document.getElementById('marketSizeChart');
var marketSizeChart = echarts.init(marketSizeChartDom, 'dark');
var marketSizeOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
data: ['2023', '2024 (E)', '2027 (E)'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
},
yAxis: {
type: 'value',
name: '亿美元',
axisLine: { show: true, lineStyle: { color: 'rgba(255,255,255,0.3)' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
series: [{
name: '市场规模',
type: 'bar',
barWidth: '60%',
data: [838, 1300, 2630],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#2563eb' },
{ offset: 1, color: '#3b82f6' }
])
}
}]
};
marketSizeChart.setOption(marketSizeOption);
// ECharts Init: Price Change Chart
var priceChangeChartDom = document.getElementById('priceChangeChart');
var priceChangeChart = echarts.init(priceChangeChartDom, 'dark');
var priceChangeOption = {
backgroundColor: 'transparent',
tooltip: { trigger: 'axis' },
legend: {
data: ['DDR4 8Gb', 'DDR5 16Gb', '1Tb TLC'],
textStyle: { color: '#c9d1d9' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
boundaryGap: false,
data: ['Q1', 'Q2', 'Q3', 'Q4'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
},
yAxis: {
type: 'value',
name: '美元',
axisLabel: { formatter: '${value}' },
axisLine: { show: true, lineStyle: { color: 'rgba(255,255,255,0.3)' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
series: [
{
name: 'DDR4 8Gb',
type: 'line',
smooth: true,
data: [2.6, 2.9, 3.1, 3.40],
itemStyle: { color: '#34d399' }
},
{
name: 'DDR5 16Gb',
type: 'line',
smooth: true,
data: [10.0, 10.8, 11.5, 12.00],
itemStyle: { color: '#60a5fa' }
},
{
name: '1Tb TLC',
type: 'line',
smooth: true,
data: [6.0, 6.5, 7.0, 7.50],
itemStyle: { color: '#f87171' }
}
]
};
priceChangeChart.setOption(priceChangeOption);
window.addEventListener('resize', () => {
marketSizeChart.resize();
priceChangeChart.resize();
});
});
</script>
</body>
</html>