Files
vf_react/public/htmls/空芯光纤.html
2025-12-05 13:29:18 +08:00

555 lines
35 KiB
HTML
Raw 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>空芯光纤 (Hollow-Core Fiber) 深度投研报告</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/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=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Inter', 'Noto Sans SC', sans-serif;
background-color: #0a092d;
background-image:
radial-gradient(circle at 10% 20%, rgba(30, 41, 59, 0.6) 0%, transparent 40%),
radial-gradient(circle at 80% 90%, rgba(56, 18, 118, 0.5) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(13, 22, 41, 0.8) 0%, #0a092d 70%);
background-attachment: fixed;
color: #a6adbb;
}
.glass-card {
background: rgba(20, 20, 50, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(0, 190, 255, 0.15);
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 0 30px rgba(0, 190, 255, 0.2);
border-color: rgba(0, 190, 255, 0.3);
}
.text-glow {
text-shadow: 0 0 8px rgba(0, 220, 255, 0.6);
}
.title-glow {
text-shadow: 0 0 15px rgba(0, 220, 255, 0.8);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
border-radius: 1.5rem;
padding: 1.5rem;
position: relative;
overflow: hidden;
}
/* DaisyUI theme overrides */
[data-theme="night"] .tab-bordered {
border-color: rgba(0, 190, 255, 0.2);
}
[data-theme="night"] .tab-active {
border-color: #00beff;
color: #00beff;
background-color: rgba(0, 190, 255, 0.1);
border-bottom-width: 2px;
}
[data-theme="night"] .table th, [data-theme="night"] .table td {
background-color: transparent;
border-color: rgba(0, 190, 255, 0.15);
}
[data-theme="night"] .table thead th {
background-color: rgba(0, 190, 255, 0.05);
color: #e0e0e0;
}
[data-theme="night"] .collapse-title {
background-color: rgba(0, 190, 255, 0.05);
}
[data-theme="night"] .collapse {
border: 1px solid rgba(0, 190, 255, 0.15);
}
</style>
</head>
<body class="min-h-screen">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<!-- Header -->
<header class="text-center mb-12">
<p class="text-sm text-info mb-2">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
<h1 class="text-4xl md:text-6xl font-bold text-white title-glow">空芯光纤 (Hollow-Core Fiber)</h1>
<h2 class="text-2xl md:text-3xl font-light text-cyan-300 mt-2">深度投研报告</h2>
<p class="mt-4 text-sm text-slate-400">本报告为AI基于多源信息合成不构成投资建议投资需谨慎。</p>
</header>
<!-- Insight Section -->
<main>
<!-- Bento Grid Dashboard -->
<section class="mb-16">
<h3 class="text-3xl font-bold text-white text-glow mb-6">概念洞察 (Concept Insight)</h3>
<div class="bento-grid">
<div class="bento-item glass-card col-span-12 md:col-span-8">
<h4 class="font-bold text-xl text-cyan-300 mb-3 text-glow">核心观点摘要</h4>
<p class="text-slate-300">
空芯光纤正处在从“0到1”的产业化导入期其核心驱动力源于AI算力爆发下对数据中心互联DCI<strong class="text-accent">极致低时延</strong>的刚性需求。市场前景广阔,但当前仍面临成本高昂、技术标准未统一和竞争格局快速演变的挑战,短期业绩兑现能力与长期市场空间的宏大叙事之间存在显著预期差。
</p>
</div>
<div class="bento-item glass-card col-span-12 md:col-span-4">
<h4 class="font-bold text-xl text-cyan-300 mb-3 text-glow">核心驱动力</h4>
<ul class="space-y-2 text-slate-300 list-disc list-inside">
<li><strong class="text-white">技术物理极限突破</strong> (超低时延/大容量)</li>
<li><strong class="text-white">AI算力需求外溢</strong> (DCI网络瓶颈)</li>
<li><strong class="text-white">商业经济性初显</strong> (价格快速下降)</li>
</ul>
</div>
<div class="bento-item glass-card col-span-12 md:col-span-6 row-span-2">
<h4 class="font-bold text-xl text-cyan-300 mb-3 text-glow">价格趋势:从稀缺到竞争</h4>
<div id="priceChart" class="w-full h-64 md:h-full"></div>
</div>
<div class="bento-item glass-card col-span-12 md:col-span-6 row-span-2">
<h4 class="font-bold text-xl text-cyan-300 mb-3 text-glow">市场空间预测 (by Microsoft)</h4>
<div id="marketChart" class="w-full h-64 md:h-full"></div>
</div>
<div class="bento-item glass-card col-span-12 md:col-span-7">
<h4 class="font-bold text-xl text-cyan-300 mb-3 text-glow">市场热度与预期差分析</h4>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
<div>
<h5 class="font-semibold text-accent mb-1">乐观情绪来源</h5>
<ul class="list-disc list-inside text-slate-300">
<li>微软1.5万公里宏大计划</li>
<li>国内运营商“首次”集采</li>
<li>“五年十倍”、“千亿市场”远景</li>
</ul>
</div>
<div>
<h5 class="font-semibold text-error mb-1">预期差与风险</h5>
<ul class="list-disc list-inside text-slate-300">
<li><strong class="text-white">垄断预期被证伪:</strong> 烽火/亨通中标</li>
<li><strong class="text-white">价格预期过高:</strong> 国内价已降至3万/芯公里</li>
<li><strong class="text-white">业绩兑现速度慢:</strong> 公司公告谨慎</li>
</ul>
</div>
</div>
</div>
<div class="bento-item glass-card col-span-12 md:col-span-5">
<h4 class="font-bold text-xl text-cyan-300 mb-3 text-glow">近期关键催化剂</h4>
<ul class="space-y-2 text-sm text-slate-300 list-disc list-inside">
<li>微软采购订单的实际落地及中国厂商份额</li>
<li>国内其他运营商/云厂商的新一轮集采</li>
<li>国际技术标准IEEE/ITU的发布</li>
<li>厂商在损耗/拉丝长度上的技术突破公告</li>
</ul>
</div>
</div>
</section>
<!-- Detailed Analysis Section -->
<section class="space-y-12 mb-16">
<div class="glass-card p-6 rounded-2xl">
<h3 class="text-2xl font-bold text-white text-glow mb-4">核心逻辑与发展路径</h3>
<div class="space-y-6 text-slate-300 prose prose-invert max-w-none prose-strong:text-white prose-headings:text-cyan-300">
<h4>技术物理极限的突破:为何是革命?</h4>
<p>传统实芯光纤受限于石英玻璃介质,存在时延、色散和非线性效应三大物理瓶颈。空芯光纤通过“空气”传输光信号,从根本上解决了这些问题:</p>
<ul>
<li><strong>超低时延:</strong> 光速提升近50%时延降低约30%-33%从5μs/km降至3.4μs/km。这是AI时代特别是跨数据中心的大规模分布式计算和高频交易等场景的“刚需”。</li>
<li><strong>大容量与低损耗:</strong> 非线性效应降低1000倍允许更高的光功率传输理论上可提升5倍传输能力。同时理论损耗极限低于传统光纤0.1dB/km vs 0.14dB/km可减少昂贵的中继器部署。</li>
</ul>
<h4>长期发展路径</h4>
<ol>
<li><strong>第一阶段 (当前-2026年): 高端DCI场景渗透。</strong>由北美云巨头和国内运营商引领,应用于对时延最敏感的场景。此阶段特征是“以产定销”,价格高昂。</li>
<li><strong>第二阶段 (2026-2028年): 成本下降与应用拓展。</strong>随着规模效应和工艺成熟成本显著下降。应用场景从DCI向骨干网、城域网等延伸。</li>
<li><strong>第三阶段 (2028年以后): 全面渗透与生态成熟。</strong>成本进一步降低有望成为下一代光网络的标准配置。微软预测的2030年100万公里产能是对这一阶段的远景展望。</li>
</ol>
</div>
</div>
<div class="glass-card p-6 rounded-2xl">
<h3 class="text-2xl font-bold text-white text-glow mb-4">产业链与核心公司深度剖析</h3>
<div class="space-y-4 text-slate-300">
<p>产业链涵盖上游(预制棒)、中游(光纤拉丝/成缆)和下游(连接器/模块/终端用户)。国内竞争格局已从长飞光纤的独家垄断,演变为与亨通光电、烽火通信三足鼎立的雏形。</p>
<div class="overflow-x-auto">
<table class="table table-sm">
<thead>
<tr>
<th>核心玩家</th>
<th>定位</th>
<th>优势</th>
<th>风险/挑战</th>
<th>逻辑纯粹度</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-bold text-white">长飞光纤 (601869)</td>
<td>绝对领导者</td>
<td>技术全球领先、商业化最早、一体化能力强</td>
<td>垄断地位被打破,面临价格竞争,业绩兑现速度</td>
<td class="text-success font-bold"></td>
</tr>
<tr>
<td class="font-bold text-white">亨通光电 (600487) & 烽火通信 (600498)</td>
<td>强力追赶者</td>
<td>成功进入集采,证明商用能力,积极扩产</td>
<td>技术与规模仍有差距,海外竞争力待验证</td>
<td class="text-warning font-bold"></td>
</tr>
<tr>
<td class="font-bold text-white">博创科技 (300548)</td>
<td>核心“卖铲人”</td>
<td>聚焦空芯MPO连接器绑定龙头(长飞)与终端(谷歌)</td>
<td>发展高度依赖下游放量进度</td>
<td class="text-success font-bold">极高</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="glass-card p-6 rounded-2xl">
<h3 class="text-2xl font-bold text-white text-glow mb-4">潜在风险与挑战</h3>
<div class="grid md:grid-cols-2 gap-6 text-slate-300">
<div class="space-y-2">
<h4 class="font-semibold text-error text-lg">技术与商业化风险</h4>
<ul class="list-disc list-inside space-y-1">
<li><strong>工艺成熟度:</strong> 良率和单根长度仍是瓶颈,大规模低成本量产待提升。</li>
<li><strong>生态配套:</strong> 熔接、连接、测试等技术和标准尚不成熟,是部署短板。</li>
<li><strong>成本与价格:</strong> 价格仍是普通光纤百倍,价格战苗头可能侵蚀利润。</li>
</ul>
</div>
<div class="space-y-2">
<h4 class="font-semibold text-error text-lg">信息交叉验证风险</h4>
<ul class="list-disc list-inside space-y-1">
<li><strong>康宁(Corning)角色矛盾:</strong> 部分路演称其“主导”,部分称其“未涉足”,信息高度混乱。</li>
<li><strong>微软收购对象名称不一:</strong> Lumenisity, Romanti cty, Nlight Photonics等名称混用。</li>
<li><strong>商业化阶段判断分歧:</strong> “短期难商业化” vs “已启动”,反映市场认知差异。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Supporting Data Section -->
<section class="mb-16">
<h3 class="text-3xl font-bold text-white text-glow mb-6">多源数据支撑</h3>
<div x-data="{ tab: 'news' }" class="glass-card p-2 md:p-4 rounded-2xl">
<div class="tabs tabs-bordered mb-4 justify-center">
<a class="tab" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻数据</a>
<a class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演纪要</a>
<a class="tab" :class="{ 'tab-active': tab === 'report' }" @click.prevent="tab = 'report'">研报精粹</a>
</div>
<div class="p-4">
<!-- News Tab -->
<div x-show="tab === 'news'">
<div class="space-y-6">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-cyan-400">技术定义、特性与优势</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>定义:</strong> 中心是空气或气体,光主要在空心区域中传输,从根本上规避材料色散与非线性损耗。</li>
<li><strong>核心优势:</strong> 低时延(快30%)、低损耗(低50%)、低非线性(低1000倍)、大容量(提升5倍)、高功率承受。</li>
<li><strong>核心价值:</strong> 有机会降低光模块中DSP的负担甚至可能通过简化功能实现降本。</li>
<li><strong>技术挑战:</strong> 生产难度大,单根长度有限(此前10km长飞已展出100km),施工熔接要求高,标准待建立。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium text-cyan-400">市场动态与产业化进程</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>海外(微软):</strong> 收购Lumenisity宣布未来24个月部署15000公里空芯光纤用于云基建。</li>
<li><strong>国内运营商集采:</strong> 广东移动、中国电信、宁夏移动、浙江电信相继启动招标,标志国内商业化进入实质阶段。</li>
<li><strong>中标格局:</strong> 长飞光纤早期独家中标后烽火通信和亨通光电在宁夏移动集采中实现0到1突破打破垄断。</li>
<li><strong>价格趋势:</strong> 从海外超10万/芯公里国内早期估算7-8万快速下降至广东移动3.6万宁夏移动约3万/芯公里。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium text-cyan-400">主要参与厂商及竞争格局</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>长飞光纤:</strong> 国内龙头,商业化最快,技术领先(衰减0.089dB/km),但国内垄断被打破。</li>
<li><strong>烽火通信 & 亨通光电:</strong> 成功中标宁夏移动集采,打破垄断,实现商用突破。</li>
<li><strong>长盈通 & 中天科技:</strong> 积极研发,已向客户送样或进入量产阶段。</li>
<li><strong>博创科技:</strong> 配套提供“空芯跳线”。</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Roadshow Tab -->
<div x-show="tab === 'roadshow'" style="display: none;">
<div class="space-y-4">
<div class="p-4 border border-info/20 rounded-lg bg-base-200/30">
<p class="font-bold text-lg text-white">路演核心观点汇总:</p>
<p class="text-sm text-slate-300">路演信息普遍强调了空芯光纤在 <strong class="text-accent">AI数据中心(DCI)</strong> 场景下的低时延优势。微软的<strong class="text-accent">1.5万公里</strong>部署计划被反复提及。国内以长飞为首,亨通、烽火追赶的格局已形成。价格从早期<strong class="text-accent">10-20万/公里</strong>快速下降至<strong class="text-accent">3-5万/公里</strong>显示出商业化加速和竞争加剧。博通、英伟达白皮书提及空芯AOC从应用端确认了其价值。市场普遍认为行业处于<strong class="text-accent">0到1阶段</strong>,是“五年十倍”的黄金赛道。</p>
</div>
<!-- Add more roadshow details here if needed -->
</div>
</div>
<!-- Report Tab -->
<div x-show="tab === 'report'" style="display: none;">
<div class="space-y-4">
<div class="p-4 border border-info/20 rounded-lg bg-base-200/30">
<p class="font-bold text-lg text-white">研报核心观点汇总:</p>
<p class="text-sm text-slate-300">研报将空芯光纤定位为 <strong class="text-accent">下一代主流光纤技术路线</strong> 之一以满足AI和数字经济对带宽与时延的极致要求。明确指出其在<strong class="text-accent">DCI</strong><strong class="text-accent">骨干网升级</strong><strong class="text-accent">海底光缆</strong>等场景的应用前景。研报详细梳理了国内外巨头微软、Comcast和运营商移动、电信的商业化部署进展并重点分析了国内厂商<strong class="text-accent">长飞光纤</strong>(领导者)、<strong class="text-accent">亨通光电</strong>(技术突破)、<strong class="text-accent">烽火通信</strong>(布局者)的战略布局与技术成果。同时,也指出了技术工艺、标准化、成本等<strong class="text-accent">待解决的问题</strong>和需求不及预期等风险。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stock Data Section -->
<section>
<h3 class="text-3xl font-bold text-white text-glow mb-6">相关产业链上市公司</h3>
<div class="mb-8 glass-card p-6 rounded-2xl">
<h4 class="font-bold text-xl text-cyan-300 mb-3 text-glow">涨幅异动分析: 博创科技(300548)</h4>
<p class="text-sm text-slate-400 mb-2">注:数据源中的“长芯博创”根据上下文及代码判断为“博创科技”。</p>
<div class="prose prose-sm prose-invert max-w-none">
<p>2025-08-18上涨7.84%,其上涨是多重因素共同作用的结果:</p>
<ul>
<li><strong>行业整体利好:</strong>光通信板块在AI驱动下集体走强市场关注空芯光纤商业化进程。</li>
<li><strong>公司关联业务:</strong>其子公司长芯盛的出口数据及与长飞光纤的业务协同受到市场关注。</li>
<li><strong>市场预期:</strong>市场对公司中报业绩存在一定期待。</li>
</ul>
<p>作为产业链中的核心配套环节,其股价表现与空芯光纤主题高度相关。</p>
</div>
</div>
<div class="glass-card rounded-2xl overflow-hidden">
<div class="overflow-x-auto">
<table class="table w-full">
<!-- head -->
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>信息来源</th>
</tr>
</thead>
<tbody>
<!-- Rows generated from stock data -->
<tr class="hover">
<td class="font-bold text-white">长飞光纤</td>
<td><a href="https://valuefrontier.cn/company?scode=601869" target="_blank" class="link link-info">601869</a></td>
<td>国内空芯光纤绝对龙头,产品已与三家运营商完成现网试点,指标全球领先。</td>
<td><span class="badge badge-primary badge-outline">年报</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">亨通光电</td>
<td><a href="https://valuefrontier.cn/company?scode=600487" target="_blank" class="link link-info">600487</a></td>
<td>已突破关键制备技术具备批量交付能力并启动AI先进光纤材料制造中心扩产。</td>
<td><span class="badge badge-primary badge-outline">公告</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">烽火通信</td>
<td><a href="https://valuefrontier.cn/company?scode=600498" target="_blank" class="link link-info">600498</a></td>
<td>突破关键衰减指标研制工艺,联合发布基于空芯光纤的超大容量传输系统。</td>
<td><span class="badge badge-primary badge-outline">公告</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">特发信息</td>
<td><a href="https://valuefrontier.cn/company?scode=000070" target="_blank" class="link link-info">000070</a></td>
<td>在空芯光纤成缆环节具备领先优势助力中国移动开通全球首个800G空芯光纤试验网。</td>
<td><span class="badge badge-secondary badge-outline">互动</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">长盈通</td>
<td><a href="https://valuefrontier.cn/company?scode=688143" target="_blank" class="link link-info">688143</a></td>
<td>已开发出空芯光纤耦合输出集成模块和空芯反谐振光纤产品。</td>
<td><span class="badge badge-secondary badge-outline">互动</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">太辰光</td>
<td><a href="https://valuefrontier.cn/company?scode=300570" target="_blank" class="link link-info">300570</a></td>
<td>开展了空芯光纤连接器、V槽等配套产品的开发。</td>
<td><span class="badge badge-accent badge-outline">调研</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">中天科技</td>
<td><a href="https://valuefrontier.cn/company?scode=600522" target="_blank" class="link link-info">600522</a></td>
<td>着力推动多芯光纤、空芯光纤等前瞻性产品的研发进程。</td>
<td><span class="badge badge-secondary badge-outline">互动</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">凌云光</td>
<td><a href="https://valuefrontier.cn/company?scode=688400" target="_blank" class="link link-info">688400</a></td>
<td>官网产品包括空心光子晶体光纤。</td>
<td><span class="badge badge-ghost badge-outline">官网</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">英诺激光</td>
<td><a href="https://valuefrontier.cn/company?scode=301021" target="_blank" class="link link-info">301021</a></td>
<td>拥有实用新型专利:空芯光纤传输式紫外激光微加工设备。</td>
<td><span class="badge badge-primary badge-outline">半年报</span></td>
</tr>
<tr class="hover">
<td class="font-bold text-white">西高院</td>
<td><a href="https://valuefrontier.cn/company?scode=688334" target="_blank" class="link link-info">688334</a></td>
<td>拥有实用新型专利:一种高压空心光纤复合绝缘子。</td>
<td><span class="badge badge-accent badge-outline">招股书</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Price Chart
var priceChartDom = document.getElementById('priceChart');
var priceChart = echarts.init(priceChartDom);
var priceOption = {
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(20, 20, 50, 0.7)',
borderColor: 'rgba(0, 190, 255, 0.3)',
textStyle: { color: '#a6adbb' }
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['海外早期', '国内早期估算', '广东移动招标', '广东移动中标', '宁夏移动中标'],
axisLine: { lineStyle: { color: 'rgba(0, 190, 255, 0.3)' } },
axisLabel: { color: '#a6adbb' }
},
yAxis: {
type: 'value',
name: '元/芯公里',
min: 0,
max: 200000,
axisLabel: {
color: '#a6adbb',
formatter: function (value) {
return (value / 10000) + '万';
}
},
splitLine: { lineStyle: { color: 'rgba(0, 190, 255, 0.1)' } },
axisLine: { lineStyle: { color: 'rgba(0, 190, 255, 0.3)' } }
},
series: [
{
name: '价格',
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 8,
itemStyle: {
color: '#00beff'
},
lineStyle: {
width: 3,
shadowColor: 'rgba(0, 190, 255, 0.5)',
shadowBlur: 10
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(0, 190, 255, 0.3)'
}, {
offset: 1,
color: 'rgba(0, 190, 255, 0)'
}])
},
data: [200000, 75000, 50000, 36250, 30000]
}
]
};
priceChart.setOption(priceOption);
// Market Chart
var marketChartDom = document.getElementById('marketChart');
var marketChart = echarts.init(marketChartDom);
var marketOption = {
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' },
backgroundColor: 'rgba(20, 20, 50, 0.7)',
borderColor: 'rgba(0, 190, 255, 0.3)',
textStyle: { color: '#a6adbb' }
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['2025E', '2030E'],
axisLine: { lineStyle: { color: 'rgba(0, 190, 255, 0.3)' } },
axisLabel: { color: '#a6adbb' }
},
yAxis: {
type: 'value',
name: '全球产能 (公里)',
logBase: 10,
axisLabel: { color: '#a6adbb' },
splitLine: { lineStyle: { color: 'rgba(0, 190, 255, 0.1)' } }
},
series: [
{
name: '产能预测',
type: 'bar',
barWidth: '60%',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#833ab4' },
{ offset: 0.5, color: '#fd1d1d' },
{ offset: 1, color: '#fcb045' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#a35ac4' },
{ offset: 0.5, color: '#fd3d3d' },
{ offset: 1, color: '#fcc065' }
])
}
},
data: [10000, 1000000]
}
]
};
marketChart.setOption(marketOption);
window.addEventListener('resize', function() {
priceChart.resize();
marketChart.resize();
});
});
</script>
</body>
</html>