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

490 lines
33 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>海军概念深度投研报告</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=Oxanium:wght@300;400;500;700&display=swap');
body {
font-family: 'Oxanium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
background-color: #000010;
background-image:
radial-gradient(ellipse at 20% 20%, rgba(20, 39, 110, 0.4) 0%, transparent 50%),
radial-gradient(ellipse at 80% 10%, rgba(68, 20, 110, 0.3) 0%, transparent 50%),
radial-gradient(ellipse at 60% 80%, rgba(110, 20, 56, 0.3) 0%, transparent 50%),
radial-gradient(ellipse at 10% 90%, rgba(20, 110, 105, 0.3) 0%, transparent 50%);
overflow-x: hidden;
}
.glass-card {
background: rgba(10, 15, 40, 0.6);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(100, 120, 255, 0.2);
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(15, 20, 50, 0.7);
border-color: rgba(150, 170, 255, 0.4);
transform: translateY(-4px);
box-shadow: 0 0 25px rgba(100, 120, 255, 0.1);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.text-glow {
text-shadow: 0 0 8px rgba(127, 175, 255, 0.5), 0 0 16px rgba(127, 175, 255, 0.3);
}
.title-glow {
text-shadow: 0 0 12px rgba(190, 215, 255, 0.8), 0 0 24px rgba(190, 215, 255, 0.5);
}
.timeline {
position: relative;
padding-left: 50px;
}
.timeline::before {
content: '';
position: absolute;
left: 20px;
top: 0;
bottom: 0;
width: 2px;
background-image: linear-gradient(to bottom, rgba(79, 70, 229, 0) 0%, rgba(79, 70, 229, 1) 50%, rgba(79, 70, 229, 0) 100%);
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -38px;
top: 5px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: rgba(167, 139, 250, 1);
border: 3px solid rgba(31, 25, 66, 1);
box-shadow: 0 0 10px rgba(167, 139, 250, 0.8);
}
</style>
</head>
<body class="text-gray-300 min-h-screen">
<div class="container mx-auto p-4 md:p-8">
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold text-white title-glow mb-4">海军概念 · 深度投研报告</h1>
<p class="text-indigo-300">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
<p class="text-xs text-gray-500 mt-2">本报告为AI合成数据投资需谨慎。</p>
</header>
<!-- 0. 概念事件 -->
<section id="concept-events" class="mb-12">
<div class="glass-card rounded-3xl p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-white text-glow mb-6 border-l-4 border-indigo-500 pl-4">关键事件脉络</h2>
<div class="timeline">
<div class="timeline-item">
<p class="font-semibold text-indigo-300">2024-10-14</p>
<p class="text-gray-300">东部战区开展“联合利剑-2024B”演习海军驱护舰编队多路抵近台岛展示区域封控能力。</p>
</div>
<div class="timeline-item">
<p class="font-semibold text-indigo-300">2024-12-29</p>
<p class="text-gray-300">中国首艘 <span class="text-cyan-400 font-bold">076型两栖攻击舰“四川舰”</span> 正式出坞,搭载电磁弹射技术,实现两栖作战能力革命性提升。</p>
</div>
<div class="timeline-item">
<p class="font-semibold text-indigo-300">2025-01-22</p>
<p class="text-gray-300">新一代 <span class="text-cyan-400 font-bold">054B型护卫舰首舰“漯河舰”</span> 交接入列,主力护航舰艇全面升级。</p>
</div>
<div class="timeline-item">
<p class="font-semibold text-indigo-300">2025-08-06 (推断)</p>
<p class="text-gray-300">央视披露 <span class="text-cyan-400 font-bold">福建舰完成歼-15T弹射试验</span>,航母建设关键节点事件,催化产业链关注。</p>
</div>
<div class="timeline-item">
<p class="font-semibold text-indigo-300">2025-11-16</p>
<p class="text-gray-300">076型“四川舰”完成首次航行试验核心系统验证顺利项目进展迅速。</p>
</div>
</div>
</div>
</section>
<!-- 1. 核心观点 -->
<section id="core-view" class="mb-12">
<div class="glass-card rounded-3xl p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-white text-glow mb-6 border-l-4 border-indigo-500 pl-4">核心观点摘要</h2>
<p class="text-lg md:text-xl text-gray-200 leading-relaxed">
“海军”概念正处于由 <span class="text-cyan-400 font-bold">国家战略</span> 驱动的、<span class="text-cyan-400 font-bold">长周期、高确定性</span> 的装备建设爆发期。核心驱动力在于从“近海防御”到“远海防卫”的战略转型,这不仅是量的扩张,更是质的飞跃。当前,市场焦点正从传统的水面舰艇平台,向价值量更高、技术壁垒更强、且是我国短板所在的 <strong class="text-violet-400 font-bold">水下攻防体系</strong><strong class="text-violet-400 font-bold">航母编队生态系统</strong>(尤其是舰载机与电子战能力)扩散,预示着概念正从主题炒作过渡到由订单和业绩驱动的基本面增长阶段。
</p>
</div>
</section>
<!-- 2. 核心逻辑与市场认知 -->
<section id="core-logic" class="mb-12">
<div class="glass-card rounded-3xl p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-white text-glow mb-6 border-l-4 border-indigo-500 pl-4">核心逻辑与预期差分析</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<!-- 核心驱动力 -->
<div class="space-y-4">
<h3 class="text-xl font-semibold text-indigo-300">三大核心驱动力</h3>
<div class="p-4 border border-indigo-900 rounded-2xl bg-black bg-opacity-20">
<h4 class="font-bold text-white">1. 国家战略牵引</h4>
<p class="text-gray-400">战略从“近海防御”转向“远海防卫”目标在2035年建成现代化海军。顶层设计确保了长期、稳定的投入和需求。</p>
</div>
<div class="p-4 border border-indigo-900 rounded-2xl bg-black bg-opacity-20">
<h4 class="font-bold text-white">2. 地缘政治催化</h4>
<p class="text-gray-400">东部战区演训、美国印太战略等外部压力,是装备加速列装和升级的直接催化剂,使海军建设从“规划图”加速变为“施工图”。</p>
</div>
<div class="p-4 border border-indigo-900 rounded-2xl bg-black bg-opacity-20">
<h4 class="font-bold text-white">3. 装备代际更迭</h4>
<p class="text-gray-400">在航母与核潜艇方面存在巨大数量与技术鸿沟弥补差距的需求构成了未来10-15年海军装备市场的核心增长空间。</p>
</div>
</div>
<!-- 预期差分析 -->
<div class="space-y-4">
<h3 class="text-xl font-semibold text-rose-300">市场预期差:三大价值洼地</h3>
<div class="p-4 border border-rose-900 rounded-2xl bg-black bg-opacity-20">
<h4 class="font-bold text-white">1. 水面之下被低估的蓝海</h4>
<p class="text-gray-400">市场聚焦于航母等水面力量但水下是当前建设的短板和下一阶段的重点。核潜艇与UUV等水下装备特别是声纳的市场空间和增长弹性可能远超当前预期。</p>
</div>
<div class="p-4 border border-rose-900 rounded-2xl bg-black bg-opacity-20">
<h4 class="font-bold text-white">2. 从“造船”到“备战”的价值链延伸</h4>
<p class="text-gray-400">海军走向深蓝,实战化训练将大量消耗导弹、弹药等“消耗品”,这部分业务具有高消耗、高频次特点,能提供比平台建造更持续的现金流,其业绩弹性可能被忽略。</p>
</div>
<div class="p-4 border border-rose-900 rounded-2xl bg-black bg-opacity-20">
<h4 class="font-bold text-white">3. 军贸出口的增量空间</h4>
<p class="text-gray-400">中国军舰出口正向高端驱逐舰升级,技术溢出效应正开启新的国际市场增量,这是市场尚未充分定价的潜在增长点。</p>
</div>
</div>
</div>
<!-- 中美海军实力对比 ECharts -->
<div class="mt-8">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">中美海军关键装备对比 (数据来源:路演纪要)</h3>
<div id="naval-comparison-chart" class="w-full h-80"></div>
</div>
</div>
</section>
<!-- 3. 催化剂与发展路径 -->
<section id="catalysts-path" class="mb-12">
<div class="glass-card rounded-3xl p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-white text-glow mb-6 border-l-4 border-indigo-500 pl-4">催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-4">近期关键催化剂 (未来3-6个月)</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><span class="font-bold text-white">福建舰(003航母)正式入列:</span> 标志进入“三航母时代”,拉动舰载机联队订单。</li>
<li><span class="font-bold text-white">076型两栖攻击舰后续动态</span> 海试、舰载机起降试验等,验证颠覆性作战能力。</li>
<li><span class="font-bold text-white">新型核潜艇信息披露:</span> 任何关于095/096型核潜艇的信息将引爆水下装备产业链。</li>
<li><span class="font-bold text-white">重大地缘政治事件:</span> 台海、南海等区域的突发事件或大规模军演。</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-purple-300 mb-4">海军现代化三步走</h3>
<ul class="space-y-3">
<li>
<p class="font-bold text-white">第一阶段 (现在 - 2027年): 体系初步建成期</p>
<p class="text-sm text-gray-400">现代化率达70%+福建舰形成战斗力075/076两栖攻击群初步成型。</p>
</li>
<li>
<p class="font-bold text-white">第二阶段 (2028年 - 2035年): 战略能力完善期</p>
<p class="text-sm text-gray-400">建成现代化海军航母达6-8艘实现西太地区均势核潜艇与无人装备显著提升。</p>
</li>
<li>
<p class="font-bold text-white">第三阶段 (2035年以后): 全球海军引领期</p>
<p class="text-sm text-gray-400">探索核动力航母等前沿装备,具备全球到达、全球作战能力。</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 4. 产业链与数据支撑 -->
<section id="data-support" class="mb-12" x-data="{ tab: 'news' }">
<div class="glass-card rounded-3xl p-6 md:p-8">
<div role="tablist" class="tabs tabs-boxed bg-black bg-opacity-30 mb-6">
<a role="tab" class="tab" :class="{ 'tab-active text-white !bg-indigo-600': tab === 'news' }" @click.prevent="tab = 'news'">新闻动态</a>
<a role="tab" class="tab" :class="{ 'tab-active text-white !bg-indigo-600': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演精粹</a>
<a role="tab" class="tab" :class="{ 'tab-active text-white !bg-indigo-600': tab === 'research' }" @click.prevent="tab = 'research'">研报洞察</a>
</div>
<div x-show="tab === 'news'">
<div class="collapse collapse-plus bg-base-200 bg-opacity-10 mb-2">
<input type="radio" name="news-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-white">中国海军装备动态</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong>四川舰 (076型):</strong> 2024-12-29出坞, 2025-11-16完成首航。满排4万余吨创新应用电磁弹射和阻拦技术。</li>
<li><strong>漯河舰 (054B型):</strong> 2025-01-22入列。新一代护卫舰排水量约5000吨隐身、指控、火力全面突破。</li>
<li><strong>歼-15T/D:</strong> 2024-11-06首次亮相珠海航展为适配航母平台起飞着舰与动力配置进行标志性升级。</li>
<li><strong>舰载直升机:</strong> 直-20J, 直-8C, 直-9F等型号亮相海军航空兵体系日益完善。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200 bg-opacity-10 mb-2">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium text-white">全球海军动态与演训</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong>俄罗斯:</strong> 2025-06-09批准2050年前海军发展战略2024-12-12宣布核力量海军编队已全面更新。</li>
<li><strong>以色列/叙利亚:</strong> 2024-12-10以色列海军摧毁多艘叙利亚海军舰艇改变地区海上力量平衡。</li>
<li><strong>联合演习:</strong> 中俄“海上联合”系列演习、中泰“蓝色突击”、伊朗-俄罗斯联合演习等,显示国际海上合作与对抗并存。</li>
</ul>
</div>
</div>
</div>
<div x-show="tab === 'roadshow'">
<div class="collapse collapse-plus bg-base-200 bg-opacity-10 mb-2">
<input type="radio" name="roadshow-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-white">战略规划与目标</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong>战略转型:</strong> 从“近海防御”转向“远海防卫”目标2035年建成现代化海军。</li>
<li><strong>装备现代化率:</strong> 2027年目标达到70%以上。</li>
<li><strong>舰队规划:</strong> 规划航母联合攻击群、两栖登陆攻击群、远洋蓝海舰队、海防舰队四支核心力量。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200 bg-opacity-10 mb-2">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-xl font-medium text-white">装备发展与技术(短板与空间)</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong>航母:</strong> 现有3艘目标2035年前达6-8艘。福建舰(003)预计2026年形成战斗力。</li>
<li><strong>潜艇 (短板):</strong> 核潜艇数量(12艘 vs 美国68艘)与技术(差1-2代)差距巨大。新增12艘攻击核潜艇市场空间约800-960亿元。</li>
<li><strong>水声技术 (核心):</strong> 海军水下装备核心声纳技术是关键。潜艇单艇声纳价值约5-6亿元。</li>
<li><strong>无人潜航器(UUV):</strong> HSU001已定型2024年有望批量列装是水下作战新增长点。</li>
</ul>
</div>
</div>
</div>
<div x-show="tab === 'research'">
<div class="collapse collapse-plus bg-base-200 bg-opacity-10 mb-2">
<input type="radio" name="research-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-white">核心产品与应用场景</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong>舰舰攻防:</strong> 研报明确指出相关公司产品广泛应用于“舰舰攻防”等作战场景。</li>
<li><strong>导弹动力模块:</strong> 某固体发动机动力模块应用于“我军重点型号导弹,配用于空、海平台远程打击大型水面舰艇”。</li>
<li><strong>制海权核心装备:</strong> 导弹武器系统被定位为“争夺制海权、制空权和对地攻击的核心装备”。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200 bg-opacity-10 mb-2">
<input type="radio" name="research-accordion" />
<div class="collapse-title text-xl font-medium text-white">未来研发与增量方向</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong>无人作战平台:</strong> 重点研发领域包括新一代智能弹药及“无人作战平台”,契合海军未来发展重点。</li>
<li><strong>弹药消耗:</strong> 海军实战化训练将大量消耗防空反导弹药、特种弹药等,耗材属性带来持续需求。</li>
<li><strong>军贸潜力:</strong> 导弹、智能弹药等航天防务装备在国际军贸市场关注度有望持续提升。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 5. 产业链与核心公司 -->
<section id="stock-list" class="mb-12">
<div class="glass-card rounded-3xl p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-white text-glow mb-6 border-l-4 border-indigo-500 pl-4">产业链图谱与核心标的</h2>
<div class="overflow-x-auto">
<table class="table table-zebra-zebra w-full">
<thead class="text-base text-white">
<tr>
<th class="bg-transparent">产业链环节</th>
<th class="bg-transparent">股票名称</th>
<th class="bg-transparent">核心逻辑</th>
</tr>
</thead>
<tbody>
<!-- 平台制造 -->
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td rowspan="5" class="font-bold text-cyan-400 align-top pt-4 border-r border-gray-700">平台制造</td>
<td><a href="https://valuefrontier.cn/company?scode=600150" target="_blank" class="link link-hover text-white font-bold">中国船舶 (600150)</a></td>
<td class="text-gray-400">绝对领导者。承担航母、核潜艇、大型驱逐舰等全部海军主战装备科研生产任务,是海军装备体系的“链主”。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=600685" target="_blank" class="link link-hover">中船防务 (600685)</a></td>
<td class="text-gray-400">护卫舰、两栖舰市场领先参与包括055型驱逐舰在内的多个重点型号建造。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=600072" target="_blank" class="link link-hover">中船科技 (600072)</a></td>
<td class="text-gray-400">子公司中船九院是中国船舶工业规划设计的“国家队”,主导超大型造船基地设计。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=300008" target="_blank" class="link link-hover">天海防务 (300008)</a></td>
<td class="text-gray-400">研发海缆巡检无人艇、试验训练无人艇等特种无人船艇,切入无人化新赛道。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=300589" target="_blank" class="link link-hover">江龙船艇 (300589)</a></td>
<td class="text-gray-400">公务执法船艇广泛用于海事、海关、海监等,维护海洋主权。</td>
</tr>
<!-- 信息系统与电子装备 -->
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td rowspan="5" class="font-bold text-violet-400 align-top pt-4 border-r border-gray-700">信息系统与电子装备</td>
<td><a href="https://valuefrontier.cn/company?scode=600764" target="_blank" class="link link-hover text-white font-bold">中国海防 (600764)</a></td>
<td class="text-gray-400">细分垄断者。国内声纳装备核心供应商水声电子市占率高达70-80%,直接受益于“水下短板”补齐。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=300810" target="_blank" class="link link-hover text-white font-bold">中科海讯 (300810)</a></td>
<td class="text-gray-400">追赶者/专精特新。专注于声纳装备领域,为国家特种部门重要供应商,在行业高景气中有望分羹。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=300065" target="_blank" class="link link-hover">海兰信 (300065)</a></td>
<td class="text-gray-400">产品已应用到包括中国首艘航母“辽宁舰”在内的各类舰船。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=300516" target="_blank" class="link link-hover">久之洋 (300516)</a></td>
<td class="text-gray-400">中船集团旗下光电上市公司,产品包括红外、激光等舰船“眼睛”。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=600590" target="_blank" class="link link-hover">泰豪科技 (600590)</a></td>
<td class="text-gray-400">舰载作战辅助系统及特种空调等已应用于航母及海军舰艇。</td>
</tr>
<!-- 船舶动力 -->
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td rowspan="2" class="font-bold text-rose-400 align-top pt-4 border-r border-gray-700">船舶动力</td>
<td><a href="https://valuefrontier.cn/company?scode=600482" target="_blank" class="link link-hover text-white font-bold">中国动力 (600482)</a></td>
<td class="text-gray-400">动力心脏。海军作战舰艇动力系统排名第一的主要供应商,提供舰船“心脏”,需求刚性。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=000880" target="_blank" class="link link-hover">潍柴重机 (000880)</a></td>
<td class="text-gray-400">开发、制造和销售大马力发动机及电力集成系统。</td>
</tr>
<!-- 配套与特种设备 -->
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td rowspan="3" class="font-bold text-amber-400 align-top pt-4 border-r border-gray-700">配套与特种设备</td>
<td><a href="https://valuefrontier.cn/company?scode=601890" target="_blank" class="link link-hover">亚星锚链 (601890)</a></td>
<td class="text-gray-400">全球最大的链条生产企业船用锚链全球市占率超70%。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=000595" target="_blank" class="link link-hover">*ST宝实 (000595)</a></td>
<td class="text-gray-400">船舶消磁器业务市场占有率居首位,应用于航母、军舰。</td>
</tr>
<tr class="hover:bg-indigo-900/30 transition-colors duration-300">
<td><a href="https://valuefrontier.cn/company?scode=688151" target="_blank" class="link link-hover">华强科技 (688151)</a></td>
<td class="text-gray-400">大型集体防护系统可应用于舰船等,提供生化防护能力。</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<footer class="text-center text-sm text-gray-600 mt-12 pb-4">
<p>&copy; 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
<p>AI投研报告 | 数据来源公开信息、新闻、路演、研报、Insight及股票数据</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('naval-comparison-chart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(10, 15, 40, 0.8)',
borderColor: 'rgba(100, 120, 255, 0.3)',
textStyle: {
color: '#E5E7EB'
}
},
legend: {
data: ['中国', '美国'],
textStyle: {
color: '#E5E7EB'
},
right: '10%'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
},
yAxis: {
type: 'category',
data: ['航空母舰', '核潜艇'],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } }
},
series: [
{
name: '中国',
type: 'bar',
data: [3, 12],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#F43F5E' },
{ offset: 1, color: '#BE123C' }
])
},
label: {
show: true,
position: 'right',
color: '#FFFFFF'
}
},
{
name: '美国',
type: 'bar',
data: [11, 68],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#3B82F6' },
{ offset: 1, color: '#1E40AF' }
])
},
label: {
show: true,
position: 'right',
color: '#FFFFFF'
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>