444 lines
28 KiB
HTML
444 lines
28 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.11.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=Lexend:wght@300;400;500;600;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Lexend', sans-serif;
|
||
background-color: #010416;
|
||
color: #E2E8F0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(23, 27, 61, 0.4);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px) scale(1.01);
|
||
box-shadow: 0 0 30px rgba(76, 126, 255, 0.3);
|
||
border-color: rgba(76, 126, 255, 0.4);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.bento-grid > * {
|
||
grid-column: span 12 !important;
|
||
}
|
||
}
|
||
|
||
.glow-effect {
|
||
position: absolute;
|
||
pointer-events: none;
|
||
z-index: -1;
|
||
}
|
||
|
||
.glow-1 {
|
||
top: -20%;
|
||
left: -15%;
|
||
width: 700px;
|
||
height: 700px;
|
||
background: radial-gradient(circle, rgba(67, 56, 202, 0.2) 0%, rgba(67, 56, 202, 0) 60%);
|
||
animation: pulse 15s infinite alternate;
|
||
}
|
||
|
||
.glow-2 {
|
||
bottom: -30%;
|
||
right: -20%;
|
||
width: 800px;
|
||
height: 800px;
|
||
background: radial-gradient(circle, rgba(29, 78, 216, 0.25) 0%, rgba(29, 78, 216, 0) 65%);
|
||
animation: pulse 20s infinite alternate;
|
||
}
|
||
|
||
.glow-3 {
|
||
top: 25%;
|
||
right: 5%;
|
||
width: 600px;
|
||
height: 600px;
|
||
background: radial-gradient(circle, rgba(129, 140, 248, 0.15) 0%, rgba(129, 140, 248, 0) 60%);
|
||
animation: pulse 18s infinite alternate-reverse;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
from {
|
||
transform: scale(0.8);
|
||
opacity: 0.7;
|
||
}
|
||
to {
|
||
transform: scale(1.2);
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
.timeline {
|
||
position: relative;
|
||
padding-left: 2.5rem;
|
||
}
|
||
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0.5rem;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 2px;
|
||
background: rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -2.25rem;
|
||
top: 0.5rem;
|
||
width: 1rem;
|
||
height: 1rem;
|
||
border-radius: 9999px;
|
||
background-color: rgba(255, 255, 255, 0.2);
|
||
border: 3px solid #010416;
|
||
}
|
||
|
||
.timeline-item-active::before {
|
||
background-color: #60A5FA;
|
||
box-shadow: 0 0 15px #60A5FA;
|
||
}
|
||
|
||
.highlight-text {
|
||
background: linear-gradient(90deg, #60A5FA, #A78BFA);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.table-custom thead th {
|
||
background-color: rgba(76, 126, 255, 0.1);
|
||
border-bottom: 1px solid rgba(76, 126, 255, 0.3) !important;
|
||
color: #BFDBFE;
|
||
}
|
||
.table-custom tbody tr {
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
|
||
transition: background-color 0.2s ease;
|
||
}
|
||
.table-custom tbody tr:hover {
|
||
background-color: rgba(76, 126, 255, 0.08);
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="relative min-h-screen">
|
||
<div class="glow-effect glow-1"></div>
|
||
<div class="glow-effect glow-2"></div>
|
||
<div class="glow-effect glow-3"></div>
|
||
|
||
<main class="relative z-10 p-4 sm:p-6 md:p-10">
|
||
<div class="max-w-7xl mx-auto">
|
||
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter mb-4">
|
||
<span class="highlight-text">概念洞察：太空行走</span>
|
||
</h1>
|
||
<p class="text-slate-400 max-w-3xl mx-auto">
|
||
由SpaceX“北极星黎明”任务引爆，商业航天从“运货”迈向“载人服务”新纪元，开启太空经济2.0时代的想象力阀门。
|
||
</p>
|
||
<div class="mt-4 text-xs text-slate-500">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 呈现 | 本报告为AI合成数据，投资需谨慎。
|
||
</div>
|
||
</header>
|
||
|
||
<div class="bento-grid">
|
||
|
||
<!-- 概念事件 & 时间线 -->
|
||
<div class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-5">
|
||
<h2 class="text-xl font-bold mb-4 text-blue-300">核心事件：人类首次商业太空行走</h2>
|
||
<p class="text-slate-400 mb-6 text-sm">SpaceX“北极星黎明”任务，不仅是技术里程碑，更是商业航天进入全新阶段的标志性信号，验证了私人企业独立完成复杂载人舱外活动（EVA）的能力。</p>
|
||
<div class="timeline">
|
||
<div class="timeline-item timeline-item-active pb-6">
|
||
<p class="font-semibold text-blue-300">2024年9月12日</p>
|
||
<p class="text-sm text-slate-300">任务成功执行。两名机组成员完成人类首次商业太空行走，轨道高度达1400公里，创阿波罗计划后新纪录。</p>
|
||
</div>
|
||
<div class="timeline-item pb-6">
|
||
<p class="font-semibold text-slate-400">2024年9月10日</p>
|
||
<p class="text-sm text-slate-300">任务发射。猎鹰9号火箭搭载“龙”飞船及四名私人宇航员升空。</p>
|
||
</div>
|
||
<div class="timeline-item pb-6">
|
||
<p class="font-semibold text-slate-400">2024年8月下旬</p>
|
||
<p class="text-sm text-slate-300">多次推迟。因地面系统、天气及火箭着陆失败等问题，原定发射计划数次延后。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<p class="font-semibold text-slate-400">2024年8月26日</p>
|
||
<p class="text-sm text-slate-300">最初计划。SpaceX宣布首次商业太空行走任务，引发全球关注。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-7">
|
||
<h2 class="text-xl font-bold mb-4 text-blue-300">核心观点摘要</h2>
|
||
<ul class="space-y-4 text-slate-300 text-sm">
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-blue-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M12 6V4m0 16v-2M12 12l2 2m-2-2l-2 2m2-2l-2-2m2 2l2-2"></path></svg>
|
||
<div><strong class="text-slate-100">阶段定性：</strong>“太空行走”概念目前处于由单一标志性事件驱动的<strong class="text-blue-300">主题炒作初期</strong>。</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-blue-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
|
||
<div><strong class="text-slate-100">核心驱动：</strong>SpaceX的技术突破证明了商业公司独立完成<strong class="text-blue-300">复杂载人航天活动商业化</strong>的可能性，为太空旅游、在轨服务等打开了想象空间。</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-blue-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||
<div><strong class="text-slate-100">市场特征：</strong>A股相关标的呈现<strong class="text-blue-300">“强预期、弱现实”</strong>特征。路演数据与新闻研报热度存在巨大温差，暗示相关订单或合作尚未进入实质阶段。</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-blue-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
|
||
<div><strong class="text-slate-100">投资逻辑：</strong>当前投资逻辑更多基于对未来太空经济产业链的<strong class="text-blue-300">提前布局</strong>，而非短期基本面兑现。核心在于押注技术突破向商业闭环的演进。</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-blue-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.364 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.196-1.538-1.118l1.518-4.674a1 1 0 00-.364-1.118L2.05 10.1c-.783-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path></svg>
|
||
<div><strong class="text-slate-100">价值环节：</strong>产业链中技术壁垒最高、关联最直接的环节是<strong class="text-blue-300">中游核心部件与系统集成</strong>，尤其是舱外宇航服及其生命保障系统的关键供应商。</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- 产业链图谱 ECharts -->
|
||
<div class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-8">
|
||
<h2 class="text-xl font-bold mb-4 text-blue-300">太空行走产业链图谱</h2>
|
||
<div id="industry-chain-chart" style="width: 100%; height: 400px;"></div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来路径 -->
|
||
<div class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-4">
|
||
<h2 class="text-xl font-bold mb-4 text-blue-300">催化剂与未来路径</h2>
|
||
<div>
|
||
<h3 class="font-semibold text-slate-200 mb-2">近期催化剂 (3-6个月)</h3>
|
||
<ul class="list-disc list-inside space-y-1 text-sm text-slate-400 mb-4">
|
||
<li>中国商业航天载人计划披露</li>
|
||
<li>全球商业空间站项目关键节点</li>
|
||
<li>国家队任务中新技术、新材料溢出</li>
|
||
</ul>
|
||
<h3 class="font-semibold text-slate-200 mb-2">长期发展路径</h3>
|
||
<ol class="list-decimal list-inside space-y-2 text-sm text-slate-400">
|
||
<li><strong class="text-slate-300">技术验证与主题炒作 (当前)</strong></li>
|
||
<li>高端太空旅游与商业空间站部署</li>
|
||
<li>在轨服务 (卫星维修、清理) 常态化</li>
|
||
<li>太空制造、能源、基地建设深度融合</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 深度分析 -->
|
||
<div class="glass-card rounded-3xl p-6 col-span-12">
|
||
<h2 class="text-2xl font-bold mb-6 text-center highlight-text">深度市场逻辑剖析</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 text-sm">
|
||
<div class="space-y-4">
|
||
<h3 class="text-lg font-semibold text-blue-300 border-b border-blue-300/20 pb-2">核心驱动力分析</h3>
|
||
<p><strong class="text-slate-200">技术突破与可行性验证：</strong> SpaceX证明了私人企业独立完成从发射到舱外活动(EVA)的全流程能力，打破国家垄断，为复杂商业模式奠定技术基础。</p>
|
||
<p><strong class="text-slate-200">成本下降预期：</strong> 市场预期可复用火箭技术将推动太空行走成本进入下降通道，使其从“亿万富翁体验”走向更广泛的商业应用。</p>
|
||
<p><strong class="text-slate-200">政策支持：</strong> 2024年商业航天被定位为“新增长引擎”，提供了强大的政策背书，提升了市场风险偏好。</p>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<h3 class="text-lg font-semibold text-blue-300 border-b border-blue-300/20 pb-2">预期差分析：宏大叙事 vs. 公司现实</h3>
|
||
<p><strong class="text-slate-200 text-red-400">关键预期差：路演信息缺失。</strong> 新闻、研报热度极高，但A股相关公司的路演纪要对此几乎一片空白。这表明相关订单或合作尚未进入实质性阶段，市场可能存在过度解读。</p>
|
||
<p><strong class="text-slate-200">关联逻辑泛化：</strong> 市场倾向于将所有“航天供应商”视为概念股，但实际上从核心的舱外宇航服部件到舱内服装，其业务“含金量”和技术壁垒差异巨大，市场可能忽略了EVA装备的极高准入门槛。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="glass-card rounded-3xl p-6 col-span-12">
|
||
<h2 class="text-xl font-bold mb-4 text-blue-300">潜在风险与挑战</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 text-sm">
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h4 class="font-semibold text-red-400">技术风险</h4>
|
||
<p class="text-slate-400">当前商业宇航服仍依赖“脐带”连接，独立生命保障系统是核心技术瓶颈。</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h4 class="font-semibold text-amber-400">商业化风险</h4>
|
||
<p class="text-slate-400">高昂成本是最大障碍，缺乏清晰、规模化的付费客户群体，商业模式成熟度待验证。</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h4 class="font-semibold text-yellow-400">政策与竞争风险</h4>
|
||
<p class="text-slate-400">载人航天的高安全风险可能导致监管收紧；赛道未来必将成为巨头和国家力量的激烈竞争领域。</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h4 class="font-semibold text-orange-400">信息交叉验证风险</h4>
|
||
<p class="text-slate-400">市场热度与公司层面的信息披露存在巨大温差，是最大的证伪风险点，市场存在过度解读可能。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 相关上市公司 -->
|
||
<div class="glass-card rounded-3xl p-6 col-span-12">
|
||
<h2 class="text-2xl font-bold mb-4 text-center highlight-text">相关上市公司梳理</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full table-custom">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心关联逻辑</th>
|
||
<th>流通市值(亿)</th>
|
||
<th>年涨停数</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- 逻辑最纯粹的领导者梯队 -->
|
||
<tr class="bg-blue-900/10">
|
||
<td colspan="5" class="font-bold text-blue-300 text-center text-base">逻辑最纯粹的领导者梯队 (核心部件)</td>
|
||
</tr>
|
||
<tr><td>烽火电子</td><td><a href="https://valuefrontier.cn/company?scode=000561" target="_blank" class="link link-hover text-blue-400">000561.SZ</a></td><td>子公司提供空间站舱外航天服送受话器组件，负责关键语音通话。</td><td>40.4</td><td>5</td></tr>
|
||
<tr><td>华菱线缆</td><td><a href="https://valuefrontier.cn/company?scode=001208" target="_blank" class="link link-hover text-blue-400">001208.SZ</a></td><td>提供宇航员出舱用脐带电缆，是生命线关键部件。</td><td>21.71</td><td>6</td></tr>
|
||
<tr><td>昊华科技</td><td><a href="https://valuefrontier.cn/company?scode=600378" target="_blank" class="link link-hover text-blue-400">600378.SH</a></td><td>具有宇航员舱外服橡胶制品，是我国载人航天宇航服关键部件。</td><td>241.81</td><td>3</td></tr>
|
||
|
||
<!-- 强相关的追赶者/补充者 -->
|
||
<tr class="bg-blue-900/10">
|
||
<td colspan="5" class="font-bold text-blue-300 text-center text-base">强相关的补充者 (关键子系统)</td>
|
||
</tr>
|
||
<tr><td>际华集团</td><td><a href="https://valuefrontier.cn/company?scode=601718" target="_blank" class="link link-hover text-blue-400">601718.SH</a></td><td>研制神舟系列航天员穿用的出征靴和保护靴等。</td><td>108.47</td><td>0</td></tr>
|
||
<tr><td>奥普光电</td><td><a href="https://valuefrontier.cn/company?scode=002338" target="_blank" class="link link-hover text-blue-400">002338.SZ</a></td><td>产品应用包括宇航服上的各种阀类。</td><td>61.25</td><td>6</td></tr>
|
||
<tr><td>江航装备</td><td><a href="https://valuefrontier.cn/company?scode=688586" target="_blank" class="link link-hover text-blue-400">688586.SH</a></td><td>研制交付应急呼吸装置等航天产品。</td><td>70.51</td><td>0</td></tr>
|
||
|
||
<!-- 概念延伸的参与者 -->
|
||
<tr class="bg-blue-900/10">
|
||
<td colspan="5" class="font-bold text-blue-300 text-center text-base">概念延伸的参与者 (上游材料 & 下游应用)</td>
|
||
</tr>
|
||
<tr><td>隆华新材</td><td><a href="https://valuefrontier.cn/company?scode=301149" target="_blank" class="link link-hover text-blue-400">301149.SZ</a></td><td>产品应用于宇航服（尼龙和尼龙66工程塑料树脂）。</td><td>16.91</td><td>1</td></tr>
|
||
<tr><td>泰和新材</td><td><a href="https://valuefrontier.cn/company?scode=002254" target="_blank" class="link link-hover text-blue-400">002254.SZ</a></td><td>公司产品可用于防化服和宇航服中。</td><td>65.04</td><td>2</td></tr>
|
||
<tr><td>凯盛新材</td><td><a href="https://valuefrontier.cn/company?scode=301069" target="_blank" class="link link-hover text-blue-400">301069.SZ</a></td><td>产品可作为特种纤维用于生产宇航服、吊带和系绳等。</td><td>17.51</td><td>0</td></tr>
|
||
<tr><td>如意集团</td><td><a href="https://valuefrontier.cn/company?scode=002193" target="_blank" class="link link-hover text-blue-400">002193.SZ</a></td><td>并购的莱卡特种纤维可用于宇航服。</td><td>9.19</td><td>7</td></tr>
|
||
<tr><td>南山智尚</td><td><a href="https://valuefrontier.cn/company?scode=300918" target="_blank" class="link link-hover text-blue-400">300918.SZ</a></td><td>超高分子量聚乙烯新材料产品应用于航空航天等领域。</td><td>28.01</td><td>1</td></tr>
|
||
<tr><td>江瀚新材</td><td><a href="https://valuefrontier.cn/company?scode=603281" target="_blank" class="link link-hover text-blue-400">603281.SH</a></td><td>气凝胶材料可用于宇航服及普通民用保暖服装制造。</td><td>59.25</td><td>0</td></tr>
|
||
<tr><td>航宇微</td><td><a href="https://valuefrontier.cn/company?scode=300053" target="_blank" class="link link-hover text-blue-400">300053.SZ</a></td><td>与中科宇航合作开发太空旅游项目，提供配套服务。</td><td>69.31</td><td>2</td></tr>
|
||
|
||
<!-- 关联度较弱的标的 -->
|
||
<tr class="bg-slate-800/20">
|
||
<td colspan="5" class="font-bold text-slate-400 text-center text-base">关联度较弱的标的 (舱内/地面装备/其他)</td>
|
||
</tr>
|
||
<tr><td>探路者</td><td><a href="https://valuefrontier.cn/company?scode=300005" target="_blank" class="link link-hover text-blue-400">300005.SZ</a></td><td>参与航天服标准制定，获联名款奖项（主要为舱内服装）。</td><td>53.55</td><td>1</td></tr>
|
||
<tr><td>三夫户外</td><td><a href="https://valuefrontier.cn/company?scode=002780" target="_blank" class="link link-hover text-blue-400">002780.SZ</a></td><td>将打造建设X-BIONIC品牌的研发，宇航员宇航服。</td><td>12.05</td><td>6</td></tr>
|
||
<tr><td>新兴装备</td><td><a href="https://valuefrontier.cn/company?scode=002933" target="_blank" class="link link-hover text-blue-400">002933.SZ</a></td><td>专门做临近航天航装备的核心供应商。</td><td>28.24</td><td>3</td></tr>
|
||
<tr><td>北化股份</td><td><a href="https://valuefrontier.cn/company?scode=002246" target="_blank" class="link link-hover text-blue-400">002246.SZ</a></td><td>研制生产航天员用防毒面具及发射现场专用防护服。</td><td>50.68</td><td>8</td></tr>
|
||
<tr><td>哈尔斯</td><td><a href="https://valuefrontier.cn/company?scode=002615" target="_blank" class="link link-hover text-blue-400">002615.SZ</a></td><td>旗下有高端品牌SANTECO“钛一生水”智能钛杯。</td><td>19.82</td><td>5</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('industry-chain-chart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
const data = {
|
||
name: '太空行走产业链',
|
||
children: [
|
||
{
|
||
name: '上游：特种原材料',
|
||
children: [
|
||
{ name: '隆华新材\n(301149.SZ)', value: 16.91 },
|
||
{ name: '泰和新材\n(002254.SZ)', value: 65.04 },
|
||
{ name: '凯盛新材\n(301069.SZ)', value: 17.51 },
|
||
{ name: '如意集团\n(002193.SZ)', value: 9.19 },
|
||
{ name: '南山智尚\n(300918.SZ)', value: 28.01 },
|
||
{ name: '江瀚新材\n(603281.SH)', value: 59.25 },
|
||
{ name: '昊华科技\n(600378.SH)', value: 241.81 }
|
||
]
|
||
},
|
||
{
|
||
name: '中游：核心部件与系统集成',
|
||
children: [
|
||
{ name: '烽火电子\n(000561.SZ)', value: 40.4 },
|
||
{ name: '华菱线缆\n(001208.SZ)', value: 21.71 },
|
||
{ name: '际华集团\n(601718.SH)', value: 108.47 },
|
||
{ name: '奥普光电\n(002338.SZ)', value: 61.25 },
|
||
{ name: '江航装备\n(688586.SH)', value: 70.51 }
|
||
]
|
||
},
|
||
{
|
||
name: '下游：应用与服务',
|
||
children: [
|
||
{ name: '航宇微\n(300053.SZ)', value: 69.31 },
|
||
]
|
||
},
|
||
]
|
||
};
|
||
|
||
option = {
|
||
tooltip: {
|
||
formatter: function (info) {
|
||
var value = info.value;
|
||
var treePathInfo = info.treePathInfo;
|
||
var treePath = [];
|
||
for (var i = 1; i < treePathInfo.length; i++) {
|
||
treePath.push(treePathInfo[i].name);
|
||
}
|
||
return [
|
||
'<div class="tooltip-title">' + treePath.join(' - ') + '</div>',
|
||
'流通市值: ' + value + ' 亿'
|
||
].join('');
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '产业链',
|
||
type: 'treemap',
|
||
data: [data],
|
||
visibleMin: 300,
|
||
leafDepth: 2,
|
||
label: {
|
||
show: true,
|
||
formatter: '{b}',
|
||
color: '#fff',
|
||
fontSize: 12,
|
||
},
|
||
upperLabel: {
|
||
show: true,
|
||
height: 30,
|
||
color: '#fff',
|
||
fontSize: 16,
|
||
fontWeight: 'bold',
|
||
},
|
||
itemStyle: {
|
||
borderColor: '#010416',
|
||
borderWidth: 2,
|
||
gapWidth: 2,
|
||
},
|
||
levels: [
|
||
{ itemStyle: { borderColor: '#010416', borderWidth: 0, gapWidth: 1 } },
|
||
{ color: ['#1E40AF', '#1D4ED8', '#2563EB', '#3B82F6'], itemStyle: { gapWidth: 2 } },
|
||
{ colorSaturation: [0.35, 0.5], itemStyle: { gapWidth: 1, borderColorSaturation: 0.6 } }
|
||
],
|
||
}
|
||
]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |