463 lines
27 KiB
HTML
463 lines
27 KiB
HTML
<!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>
|
||
<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=Inter:wght@300;400;500;600;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background-color: #020617; /* slate-950 */
|
||
background-image:
|
||
radial-gradient(at 20% 25%, hsla(212, 80%, 30%, 0.3) 0px, transparent 50%),
|
||
radial-gradient(at 80% 5%, hsla(262, 70%, 40%, 0.25) 0px, transparent 50%),
|
||
radial-gradient(at 50% 95%, hsla(330, 65%, 35%, 0.2) 0px, transparent 50%),
|
||
radial-gradient(at 10% 85%, hsla(190, 75%, 30%, 0.25) 0px, transparent 50%);
|
||
color: #e2e8f0; /* slate-200 */
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(15, 23, 42, 0.4); /* slate-900/40 */
|
||
backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(51, 65, 85, 0.4); /* slate-700/40 */
|
||
border-radius: 1.5rem; /* rounded-3xl */
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), 0 0 40px rgba(72, 187, 255, 0.1); /* shadow + glow */
|
||
border-color: rgba(72, 187, 255, 0.2);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
}
|
||
|
||
.highlight-text {
|
||
color: #67e8f9; /* cyan-300 */
|
||
}
|
||
|
||
.accent-text {
|
||
color: #c084fc; /* purple-400 */
|
||
}
|
||
|
||
.section-title::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 4px;
|
||
height: 100%;
|
||
background: linear-gradient(180deg, #67e8f9, #c084fc);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -2.6rem;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 2px;
|
||
background-color: rgba(51, 65, 85, 0.5);
|
||
}
|
||
|
||
.timeline-dot {
|
||
position: absolute;
|
||
left: -3rem;
|
||
top: 0.25rem;
|
||
width: 1rem;
|
||
height: 1rem;
|
||
border-radius: 9999px;
|
||
background-color: #67e8f9;
|
||
box-shadow: 0 0 10px #67e8f9;
|
||
}
|
||
|
||
.echarts-container {
|
||
width: 100%;
|
||
height: 400px;
|
||
}
|
||
|
||
table {
|
||
width: 100%;
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
}
|
||
|
||
thead th {
|
||
background-color: rgba(30, 41, 59, 0.6);
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 10;
|
||
}
|
||
|
||
th, td {
|
||
border-bottom: 1px solid rgba(51, 65, 85, 0.4);
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
|
||
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
|
||
<div class="max-w-7xl mx-auto space-y-8">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center py-8">
|
||
<h1 class="text-4xl md:text-6xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-cyan-300 via-sky-400 to-purple-400 pb-2">
|
||
电磁发射设备 · 深度行研报告
|
||
</h1>
|
||
<p class="mt-4 text-slate-400 text-lg">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 呈现
|
||
</p>
|
||
<p class="text-xs text-slate-500 mt-2">本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<!-- Insight Section -->
|
||
<section id="insight" class="glass-card p-6 md:p-8">
|
||
<h2 class="text-2xl md:text-3xl font-bold mb-6 relative pl-4 section-title accent-text">
|
||
概念 Insight：战略拐点与双轮驱动
|
||
</h2>
|
||
|
||
<div class="prose prose-slate max-w-none prose-invert prose-p:text-slate-300 prose-headings:text-slate-100 prose-strong:text-cyan-300">
|
||
<blockquote>
|
||
<p>电磁发射设备概念正处在<strong>技术突破驱动、军用需求率先落地、民用商业化开启</strong>的战略拐点。其核心驱动力源于国家对“新质战斗力”的战略需求及我国在该领域实现的技术“弯道超车”。未来，该概念将沿着<strong>“军品列装放量”</strong>和<strong>“商业航天颠覆”</strong>两大路径展开，具备从主题投资向基本面驱动切换的巨大潜力。</p>
|
||
</blockquote>
|
||
|
||
<h3 class="text-xl font-semibold mt-8 mb-4 text-cyan-300">核心事件脉络</h3>
|
||
<div class="space-y-6">
|
||
<div class="relative pl-8 border-l-2 border-slate-700/50">
|
||
<div class="absolute w-4 h-4 bg-cyan-400 rounded-full mt-1.5 -left-[9px] border-4 border-slate-900 box-content shadow-[0_0_12px_rgba(103,232,249,0.8)]"></div>
|
||
<p class="font-semibold text-slate-100">技术奠基期</p>
|
||
<p class="text-slate-400">我国电磁发射技术实现跨越式发展，确立了以“中压直流”为核心、优于美国海军交流方案的技术路线。</p>
|
||
</div>
|
||
<div class="relative pl-8 border-l-2 border-slate-700/50">
|
||
<div class="absolute w-4 h-4 bg-cyan-400 rounded-full mt-1.5 -left-[9px] border-4 border-slate-900 box-content shadow-[0_0_12px_rgba(103,232,249,0.8)]"></div>
|
||
<p class="font-semibold text-slate-100">军事应用落地 (2025年)</p>
|
||
<p class="text-slate-400">福建舰密集海试并于11月5日正式入列，标志着电磁弹射技术正式列装，且路演披露其可靠性远超美军（故障周期 <strong class="text-cyan-300">≥1300次</strong> vs. 美军 ≈200次）。</p>
|
||
</div>
|
||
<div class="relative pl-8 border-l-2 border-slate-700/50">
|
||
<div class="absolute w-4 h-4 bg-cyan-400 rounded-full mt-1.5 -left-[9px] border-4 border-slate-900 box-content shadow-[0_0_12px_rgba(103,232,249,0.8)]"></div>
|
||
<p class="font-semibold text-slate-100">商业化探索启动 (2025年)</p>
|
||
<p class="text-slate-400">联创光电设立资阳商业航天运营公司，推动商业化进程，目标发射成本降至 <strong class="text-cyan-300">500美元/kg</strong>，规划2028年首发火箭。</p>
|
||
</div>
|
||
<div class="relative pl-8">
|
||
<div class="absolute w-4 h-4 bg-purple-400 rounded-full mt-1.5 -left-[9px] border-4 border-slate-900 box-content shadow-[0_0_12px_rgba(192,132,252,0.8)]"></div>
|
||
<p class="font-semibold text-slate-100">未来催化剂 (2025年底后)</p>
|
||
<p class="text-slate-400">核聚变项目“星火一号”招标、后续舰船(004/076型)开工、陆基电磁炮部署等，将持续打开需求空间。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 class="text-xl font-semibold mt-8 mb-4 text-cyan-300">核心逻辑与市场认知</h3>
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong>战略需求牵引:</strong> 电磁发射是“新域新质作战力量”的核心，国家层面自上而下推动装备体系升级，这是最坚实的底层逻辑。</li>
|
||
<li><strong>技术代差优势:</strong> 我国采用“中压直流+薄膜电容+超导磁体”路线，可靠性形成量级优势，确保军事领先并为商业化背书。</li>
|
||
<li><strong>经济效益驱动:</strong> 军事边际成本趋零，商业航天发射成本具颠覆性，为“万亿深空经济”提供商业可行性。</li>
|
||
</ul>
|
||
|
||
<h3 class="text-xl font-semibold mt-8 mb-4 text-cyan-300">预期差分析</h3>
|
||
<ol class="list-decimal list-inside space-y-2">
|
||
<li><strong>认知广度预期差:</strong> 市场认知多局限于航母弹射，但应用已拓展至电磁轨道炮、火箭推射、鱼雷发射等全谱系。</li>
|
||
<li><strong>确定性预期差:</strong> 军事应用确定性认知充分，但对商业航天（2028年首发）的长期性和艰巨性认知不足，存在远期愿景短期化的风险。</li>
|
||
<li><strong>产业链认知预期差:</strong> 核心标的集中于“马伟明产业链”，技术壁垒和订单集中度可能高于市场普遍认知。</li>
|
||
</ol>
|
||
|
||
<h3 class="text-xl font-semibold mt-8 mb-4 text-cyan-300">潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong>技术风险:</strong> 尖端技术在全寿命周期和复杂环境下的稳定性仍需长期观察，千米级发射轨道工程挑战巨大。</li>
|
||
<li><strong>商业化风险:</strong> 商业航天电磁发射的经济模型能否成立是最大风险，前期投资巨大，成本目标极具挑战性。</li>
|
||
<li><strong>信息交叉验证风险:</strong> 部分路演数据可能存在选择性披露，客观性需辩证看待；部分市场传闻（如技术用于邮轮）可能为过度解读。</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Bento Grid for Data Summaries -->
|
||
<div class="bento-grid">
|
||
<!-- News Highlights -->
|
||
<div class="glass-card p-6 lg:col-span-3 space-y-4">
|
||
<h3 class="text-xl font-bold mb-2 relative pl-4 section-title accent-text">新闻速览</h3>
|
||
<div class="space-y-3 text-slate-300">
|
||
<p><strong class="text-cyan-300">技术跨越：</strong>我国电磁发射技术实现从“跟跑”到部分领域“领跑”的跨越式发展。</p>
|
||
<p><strong class="text-cyan-300">福建舰入列：</strong>我国首艘电磁弹射航母“福建舰”(舷号18)于2025年11月5日正式入列，已完成多型号舰载机（歼-15T, 歼-35, 空警-600）的弹射与回收测试。</p>
|
||
<p><strong class="text-cyan-300">商业航天：</strong>资阳研究院电磁发射项目规划2028年发射火箭，联创光电设立运营公司推动商业化，目标是低成本、高频次发射。</p>
|
||
<p><strong class="text-cyan-300">核心企业：</strong><strong class="text-white">联创光电</strong>提供高温超导磁体等核心装备，<strong class="text-white">湘电股份</strong>是航母“心脏”，其电磁装备助力实验室高速通过验收。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Roadshow Key Data -->
|
||
<div class="glass-card p-6 lg:col-span-3 space-y-4">
|
||
<h3 class="text-xl font-bold mb-2 relative pl-4 section-title accent-text">路演核心数据</h3>
|
||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4 text-center">
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<p class="text-2xl font-bold highlight-text">≥1300次</p>
|
||
<p class="text-sm text-slate-400">福建舰弹射故障周期</p>
|
||
</div>
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<p class="text-2xl font-bold highlight-text">10发/分</p>
|
||
<p class="text-sm text-slate-400">电磁轨道炮射速</p>
|
||
</div>
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<p class="text-2xl font-bold highlight-text">200 km</p>
|
||
<p class="text-sm text-slate-400">电磁轨道炮射程</p>
|
||
</div>
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<p class="text-2xl font-bold highlight-text">500 USD/kg</p>
|
||
<p class="text-sm text-slate-400">电磁推射目标成本</p>
|
||
</div>
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<p class="text-2xl font-bold highlight-text">2028年</p>
|
||
<p class="text-sm text-slate-400">商业火箭首发目标</p>
|
||
</div>
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<p class="text-2xl font-bold highlight-text">>95%</p>
|
||
<p class="text-sm text-slate-400">全产业链国产化率</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Research Report Insights -->
|
||
<div class="glass-card p-6 lg:col-span-6 space-y-4">
|
||
<h3 class="text-xl font-bold mb-2 relative pl-4 section-title accent-text">研报洞察</h3>
|
||
<div class="space-y-3 text-slate-300">
|
||
<p><strong class="text-cyan-300">技术定义：</strong>电磁发射是利用电磁力实现高速发射，被视为继机械能、化学能后的又一次重大科技飞跃，具有高动能、高效率、高频次等优势。</p>
|
||
<p><strong class="text-cyan-300">系统构成：</strong>由 <strong class="text-white">脉冲储能系统、脉冲变流系统、脉冲直线电机、控制系统</strong> 四部分构成。</p>
|
||
<p><strong class="text-cyan-300">应用场景：</strong>
|
||
<ul class="list-disc list-inside ml-4 text-slate-400">
|
||
<li><strong>军事：</strong>电磁弹射 (百米级, 100m/s)、电磁轨道炮 (十米级, 3km/s)、电磁推射 (千米级, 8km/s)。</li>
|
||
<li><strong>民用：</strong>高速交通、航天发射、工业应用等。</li>
|
||
</ul>
|
||
</p>
|
||
<p><strong class="text-cyan-300">战略意义：</strong>电磁装备是新质战斗力的重要发展方向，福建舰的成功标志着我国实现“弯道超车”，将引领装备体系全面升级。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rise Analysis Chart -->
|
||
<section id="rise_analysis" class="glass-card p-6 md:p-8">
|
||
<h2 class="text-2xl md:text-3xl font-bold mb-6 relative pl-4 section-title accent-text">
|
||
相关概念股涨幅表现
|
||
</h2>
|
||
<div x-data="chartData()" x-init="initChart()" class="echarts-container">
|
||
<div id="riseChart" class="w-full h-full"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain & Core Companies -->
|
||
<section id="industry_chain" class="glass-card p-6 md:p-8">
|
||
<h2 class="text-2xl md:text-3xl font-bold mb-6 relative pl-4 section-title accent-text">
|
||
产业链图谱与核心公司
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<!-- Upstream -->
|
||
<div class="p-6 bg-slate-800/50 rounded-2xl border border-slate-700/60">
|
||
<h4 class="font-bold text-lg text-cyan-300 mb-3">上游：核心元器件与材料</h4>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>特种储能:</strong> 薄膜电容、飞轮储能</li>
|
||
<li><strong>脉冲功率变换:</strong> 大功率半导体/IGBT/SiC</li>
|
||
<li><strong>核心磁体:</strong> 高温超导材料及磁体</li>
|
||
<li><strong>控制系统:</strong> 电子信息与监控系统</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Midstream -->
|
||
<div class="p-6 bg-slate-800/50 rounded-2xl border border-slate-700/60">
|
||
<h4 class="font-bold text-lg text-cyan-300 mb-3">中游：系统集成与总装</h4>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>成套电磁发射系统:</strong> 弹射、阻拦、电力总包</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Downstream -->
|
||
<div class="p-6 bg-slate-800/50 rounded-2xl border border-slate-700/60">
|
||
<h4 class="font-bold text-lg text-cyan-300 mb-3">下游：应用平台</h4>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>军事应用:</strong> 航母、驱逐舰、两栖攻击舰</li>
|
||
<li><strong>商业航天:</strong> 电磁发射场运营</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Tables -->
|
||
<section id="stock_list">
|
||
<div class="glass-card p-6 md:p-8 overflow-x-auto">
|
||
<h2 class="text-2xl md:text-3xl font-bold mb-6 relative pl-4 section-title accent-text">
|
||
产业链核心标的
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full text-sm">
|
||
<thead>
|
||
<tr class="text-slate-300">
|
||
<th class="p-3">股票名称</th>
|
||
<th class="p-3">股票代码</th>
|
||
<th class="p-3">关联原因</th>
|
||
<th class="p-3">产业链位置</th>
|
||
<th class="p-3">细分</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-slate-300">
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">湘电股份</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=600416" target="_blank" class="text-cyan-400 hover:underline">600416</a></td>
|
||
<td class="p-3">拥有船舶综合电力推进系统和特种发射两大核心技术，被视为舰载机电磁弹射和阻拦系统总包方。</td>
|
||
<td class="p-3">中游</td>
|
||
<td class="p-3">成套电磁发射系统</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">王子新材</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=002735" target="_blank" class="text-cyan-400 hover:underline">002735</a></td>
|
||
<td class="p-3">旗下新容电气深耕薄膜电容(脉冲储能)；中电华瑞提供大功率半导体(脉冲变换)和船舰电子信息系统(控制)。</td>
|
||
<td class="p-3">上游</td>
|
||
<td class="p-3">脉冲储能/变换/控制</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">联创光电</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=600363" target="_blank" class="text-cyan-400 hover:underline">600363</a></td>
|
||
<td class="p-3">核心高温超导材料供应商，并布局商业航天电磁发射运营。</td>
|
||
<td class="p-3">上游 / 下游</td>
|
||
<td class="p-3">高温超导 / 商业运营</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">西部超导</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=688122" target="_blank" class="text-cyan-400 hover:underline">688122</a></td>
|
||
<td class="p-3">全球唯一实现超导材料全流程自主生产，二代高温超导带材可满足新型舰船电力系统需求。</td>
|
||
<td class="p-3">上游</td>
|
||
<td class="p-3">特种材料</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">胜业电气</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=920128" target="_blank" class="text-cyan-400 hover:underline">920128</a></td>
|
||
<td class="p-3">牵头申报“高储能密度纳米复合介质材料及脉冲储能器件研制”项目。</td>
|
||
<td class="p-3">上游</td>
|
||
<td class="p-3">脉冲能量储存电容</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">振华科技</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=000733" target="_blank" class="text-cyan-400 hover:underline">000733</a></td>
|
||
<td class="p-3">国内军用电子元器件龙头，生产的半导体功率器件及碳化硅产品主要应用于特种领域。</td>
|
||
<td class="p-3">上游</td>
|
||
<td class="p-3">特种大功率半导体</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">海兰信</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=300065" target="_blank" class="text-cyan-400 hover:underline">300065</a></td>
|
||
<td class="p-3">通过海兰云可实现船舶设备状态监控与远程诊断、趋势分析等功能，提高船舶管理效率。</td>
|
||
<td class="p-3">上游</td>
|
||
<td class="p-3">电子信息系统</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">中国船舶</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=600150" target="_blank" class="text-cyan-400 hover:underline">600150</a></td>
|
||
<td class="p-3">航母及驱逐舰建造主力。</td>
|
||
<td class="p-3">下游</td>
|
||
<td class="p-3">军事</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="p-3 font-semibold text-white">中船防务</td>
|
||
<td class="p-3"><a href="https://valuefrontier.cn/company?scode=600685" target="_blank" class="text-cyan-400 hover:underline">600685</a></td>
|
||
<td class="p-3">华南地区核心军船平台，电磁弹射技术突破提升订单竞争力。</td>
|
||
<td class="p-3">下游</td>
|
||
<td class="p-3">军事</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center py-8 text-slate-500 text-sm">
|
||
<p>报告生成时间: <span x-data x-text="new Date().toLocaleString()"></span></p>
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||
<p>免责声明：本报告由人工智能基于公开数据自动生成，仅供参考，不构成任何投资建议。市场有风险，投资需谨慎。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
function chartData() {
|
||
return {
|
||
riseData: [
|
||
{ stock: "中光防雷", rise_rate: 20.0 },
|
||
{ stock: "隆扬电子", rise_rate: 20.0 },
|
||
{ stock: "电科院", rise_rate: 19.93 },
|
||
{ stock: "方邦股份", rise_rate: 20.01 },
|
||
{ stock: "国光电气", rise_rate: 20.0 },
|
||
{ stock: "英杰电气", rise_rate: 20.01 },
|
||
{ stock: "中航沈飞", rise_rate: 10.0 },
|
||
{ stock: "联创光电", rise_rate: 6.16 }
|
||
].sort((a, b) => b.rise_rate - a.rise_rate),
|
||
|
||
initChart() {
|
||
const chartDom = document.getElementById('riseChart');
|
||
const myChart = echarts.init(chartDom);
|
||
const option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: { type: 'shadow' },
|
||
backgroundColor: 'rgba(15, 23, 42, 0.8)',
|
||
borderColor: '#38bdf8',
|
||
textStyle: { color: '#e2e8f0' }
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'value',
|
||
boundaryGap: [0, 0.01],
|
||
axisLabel: { color: '#94a3b8' },
|
||
splitLine: { lineStyle: { color: 'rgba(51, 65, 85, 0.4)' } }
|
||
},
|
||
yAxis: {
|
||
type: 'category',
|
||
data: this.riseData.map(item => item.stock),
|
||
axisLabel: { color: '#e2e8f0' }
|
||
},
|
||
series: [{
|
||
name: '涨幅 (%)',
|
||
type: 'bar',
|
||
data: this.riseData.map(item => item.rise_rate),
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
|
||
{ offset: 0, color: '#67e8f9' },
|
||
{ offset: 1, color: '#0ea5e9' }
|
||
]),
|
||
borderRadius: [0, 5, 5, 0]
|
||
},
|
||
emphasis: {
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
|
||
{ offset: 0, color: '#c084fc' },
|
||
{ offset: 1, color: '#a855f7' }
|
||
])
|
||
}
|
||
}
|
||
}]
|
||
};
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', () => myChart.resize());
|
||
}
|
||
};
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html> |