405 lines
28 KiB
HTML
405 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.14.0/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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #00000a;
|
||
color: #e0e0e0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(10, 10, 25, 0.4);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(15, 15, 35, 0.5);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
box-shadow: 0 0 25px rgba(0, 191, 255, 0.2);
|
||
}
|
||
|
||
.turrell-glow {
|
||
position: fixed;
|
||
top: 50%;
|
||
left: 50%;
|
||
width: 1200px;
|
||
height: 1200px;
|
||
transform: translate(-50%, -50%);
|
||
background: radial-gradient(circle, rgba(29, 78, 216, 0.15) 0%, rgba(29, 78, 216, 0) 60%);
|
||
animation: pulse 15s infinite ease-in-out;
|
||
z-index: -1;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
|
||
50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
|
||
100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
|
||
}
|
||
|
||
#starfield {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -2;
|
||
background: #00000a;
|
||
}
|
||
|
||
.table thead th {
|
||
background-color: rgba(0, 191, 255, 0.1);
|
||
color: #b0e0e6;
|
||
border-bottom: 1px solid rgba(0, 191, 255, 0.3);
|
||
}
|
||
|
||
.table tbody tr:hover {
|
||
background-color: rgba(0, 191, 255, 0.08);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
|
||
.bento-item {
|
||
border-radius: 1.5rem;
|
||
padding: 1.5rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div id="starfield"></div>
|
||
<div class="turrell-glow"></div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
<!-- Header -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-300 to-blue-500 mb-4 tracking-wider">
|
||
'空客合作' 概念深度研究报告
|
||
</h1>
|
||
<p class="text-sm text-gray-500">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。
|
||
</p>
|
||
</header>
|
||
|
||
<!-- Bento Grid Layout -->
|
||
<main class="bento-grid">
|
||
<!-- 0. 核心观点摘要 -->
|
||
<section class="bento-item glass-card col-span-12 lg:col-span-8">
|
||
<h2 class="text-2xl font-bold text-sky-300 mb-4">核心观点摘要</h2>
|
||
<p class="text-gray-300 leading-relaxed">
|
||
“空客合作”概念的本质是地缘政治博弈、中国庞大市场需求与全球航空产业链重构三大力量交织下的战略必然。当前，该概念正处于从“战略共识”向“产业深度绑定”过渡的关键阶段，其核心驱动力在于空客对中国市场的依赖和中国推动航空产业升级的决心。未来潜力巨大，尤其体现在核心零部件国产化和新兴空天服务领域，但短期内将持续受到全球供应链瓶颈和空客自身运营效率的严峻考验。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 1. 概念事件与时间轴 -->
|
||
<section class="bento-item glass-card col-span-12 lg:col-span-4">
|
||
<h2 class="text-2xl font-bold text-sky-300 mb-4">概念事件</h2>
|
||
<ul class="space-y-2 text-sm text-gray-400">
|
||
<li><strong class="text-sky-400">战略深化:</strong> 2024-2025年高层密集互访，释放“坚定在华长期发展”信号。</li>
|
||
<li><strong class="text-sky-400">产能扩张:</strong> 天津第二条A320总装线启动，目标占全球产能20%。</li>
|
||
<li><strong class="text-sky-400">新兴领域:</strong> 与垣信卫星合作，拓展至低轨卫星飞机互联业务。</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- 2. 核心逻辑与市场认知 -->
|
||
<section class="bento-item glass-card col-span-12 lg:col-span-12">
|
||
<h2 class="text-2xl font-bold text-sky-300 mb-4">核心逻辑与市场认知分析</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-sky-400 mb-2">核心驱动力</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-400 text-sm">
|
||
<li><strong class="text-gray-300">地缘政治与市场准入：</strong>在波音面临危机背景下，空客成为中国航司保障运力的关键选择，深化合作是锁定全球最大增量市场的战略之举。</li>
|
||
<li><strong class="text-gray-300">中国航空工业升级：</strong>通过承接转包和参与总装，中国产业链得以嵌入全球最高标准制造体系，实现“借船出海”。</li>
|
||
<li><strong class="text-gray-300">供应链安全与成本考量：</strong>在华布局产能是空客贴近市场、降低成本、确保供应链韧性的战略决策。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-sky-400 mb-2">市场热度与情绪</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-400 text-sm">
|
||
<li><strong class="text-gray-300">事件驱动型热度：</strong>市场关注呈脉冲式特征，高层会晤、新产线、新合作能迅速点燃情绪。</li>
|
||
<li><strong class="text-gray-300">普遍乐观但研究不足：</strong>市场普遍乐观，但研报数据显示缺乏深度系统性研究，认知多停留在宏大叙事层面。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-red-400 mb-2">预期差分析</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-400 text-sm">
|
||
<li><strong class="text-red-300">战略乐观 vs 战术困境：</strong>市场可能过于关注合作的“美好愿景”，而低估了空客自身深陷供应链泥潭（如发动机短缺）对中国伙伴订单兑现的直接冲击。</li>
|
||
<li><strong class="text-red-300">被忽略的合作广度：</strong>市场认知多集中于总装与零部件，但合作已拓展至低轨卫星互联、可持续燃料(SAF)、氢动力等前沿领域，挖掘尚不充分。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3. 关键催化剂与未来发展 -->
|
||
<section class="bento-item glass-card col-span-12 lg:col-span-6">
|
||
<h2 class="text-2xl font-bold text-sky-300 mb-4">关键催化剂与未来发展路径</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-sky-400 mb-2">近期催化剂 (3-6个月)</h3>
|
||
<ul class="space-y-2 text-sm text-gray-400">
|
||
<li><span class="text-sky-500 mr-2">▶</span>天津第二条A320总装线正式投产。</li>
|
||
<li><span class="text-sky-500 mr-2">▶</span>空客供应链瓶颈（尤其发动机）缓解信号确认。</li>
|
||
<li><span class="text-sky-500 mr-2">▶</span>中国三大航新的大额订单宣布。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-sky-400 mb-2">长期发展路径</h3>
|
||
<ul class="space-y-2 text-sm text-gray-400">
|
||
<li><span class="text-sky-500 mr-2">▶</span><strong class="text-gray-300">价值链提升：</strong>从零部件到集成组件系统。</li>
|
||
<li><span class="text-sky-500 mr-2">▶</span><strong class="text-gray-300">业务模式拓展：</strong>从制造到MRO、航材等高毛利服务。</li>
|
||
<li><span class="text-sky-500 mr-2">▶</span><strong class="text-gray-300">产业格局演变：</strong>随着C919成熟，从“合作”走向“竞合”。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 4. 潜在风险 -->
|
||
<section class="bento-item glass-card col-span-12 lg:col-span-6">
|
||
<h2 class="text-2xl font-bold text-red-400 mb-4">潜在风险与挑战</h2>
|
||
<ul class="space-y-2 text-sm text-gray-400">
|
||
<li><strong class="text-red-300">技术风险：</strong>空客自身技术与质量问题（如A320软件缺陷、A350发动机问题）可能导致交付延迟，并传导至供应链。</li>
|
||
<li><strong class="text-red-300">商业化风险：</strong>核心风险在于产能与交付的不确定性。航空业最大矛盾是产能瓶颈，空客面临发动机、结构件短缺，供应商或面临“有单无货可交”。</li>
|
||
<li><strong class="text-red-300">政策与竞争风险：</strong>长期地缘政治风险依然存在。C919与A320的竞争加剧，可能影响空客在华采购规模。</li>
|
||
<li><strong class="text-red-300">信息交叉验证风险：</strong>官方交付目标（770-820架）与路演中披露的“内部疑虑”存在矛盾，需警惕官方指引可能过于乐观。</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- 5. 数据洞察：新闻、路演、研报 -->
|
||
<section x-data="{ tab: 'news' }" class="bento-item glass-card col-span-12">
|
||
<div class="tabs tabs-boxed bg-black/20 mb-4">
|
||
<a class="tab" :class="{'tab-active': tab === 'news'}" @click="tab = 'news'">新闻数据洞察</a>
|
||
<a class="tab" :class="{'tab-active': tab === 'roadshow'}" @click="tab = 'roadshow'">路演纪要精粹</a>
|
||
<a class="tab" :class="{'tab-active': tab === 'report'}" @click="tab = 'report'">研报核心发现</a>
|
||
</div>
|
||
|
||
<div x-show="tab === 'news'" class="space-y-3 text-gray-300 text-sm">
|
||
<p><strong class="text-sky-400">政府层面深度绑定：</strong>国家发改委、商务部、民航局等高层与空客CEO傅里频繁会晤，明确表态支持并深化合作，推动天津第二总装线等项目，共同维护全球产业链稳定。</p>
|
||
<p><strong class="text-sky-400">产业链全方位合作：</strong>与中国航空工业集团深化商用飞机、直升机合作；垣信卫星开展低轨卫星飞机互联；森麒麟进入供应商名录供应航空轮胎。</p>
|
||
<p><strong class="text-sky-400">航司合作与技术认证：</strong>海南航空、厦门航空接收新机型；A330neo获中国民航局型号合格证，为在华运营铺平道路。</p>
|
||
</div>
|
||
|
||
<div x-show="tab === 'roadshow'" class="space-y-3 text-gray-300 text-sm">
|
||
<p><strong class="text-red-400">核心矛盾 - 产能瓶颈：</strong>多份路演纪要（2025-08-13）均指出，当前航空业最大矛盾非需求，而是产能。空客受发动机短缺影响严重（上半年60架飞机缺发动机），波音受FAA监管，交付目标承压。</p>
|
||
<p><strong class="text-sky-400">中国供应链地位凸显：</strong>路演（2024-02-08, 2024-08-28）强调中航西飞是空客A320机翼等核心部件全球唯一或主要供应商，深度绑定天津总装线产能提升计划（目标月产75架）。</p>
|
||
<p><strong class="text-sky-400">技术事件频发：</strong>路演（2025-11-29, 2024-09-03）披露A320系列软件缺陷、A350发动机问题等，暴露了全球航空产业链的脆弱性，对交付和运营构成挑战。</p>
|
||
</div>
|
||
|
||
<div x-show="tab === 'report'" class="space-y-3 text-gray-300 text-sm">
|
||
<p><strong class="text-amber-400">直接研究缺失：</strong>综合多份研报，明确发现市场上缺乏专门针对“空客合作”概念的深度研究报告，该主题尚未被机构系统性挖掘。</p>
|
||
<p><strong class="text-sky-400">南方航空的强潜在关联：</strong>虽未直接点名，但南方航空的机队扩张、资产注入、供应链风险等内容，均强烈指向其与空客存在持续且重要的潜在合作关系。</p>
|
||
<p><strong class="text-gray-400">外围企业可能性：</strong>保隆科技等汽车零部件公司被提及未来可能凭借技术积累进入航空供应链，但目前无实质性合作。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6. 产业链图谱 ECharts -->
|
||
<section class="bento-item glass-card col-span-12">
|
||
<h2 class="text-2xl font-bold text-sky-300 mb-4">产业链核心关系图谱</h2>
|
||
<div id="echarts-graph" class="w-full h-[600px]"></div>
|
||
</section>
|
||
|
||
<!-- 7. 综合结论与投资启示 -->
|
||
<section class="bento-item glass-card col-span-12">
|
||
<h2 class="text-2xl font-bold text-sky-300 mb-4">综合结论与投资启示</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-sky-400 mb-2">最终看法</h3>
|
||
<p class="text-gray-300 leading-relaxed">
|
||
“空客合作”概念已坚实地进入<strong class="text-sky-300">基本面驱动阶段</strong>，长期增长逻辑清晰且确定性高。然而，它并非一帆风順，当前正处于“长期战略光明”与“短期运营颠簸”并存的时期。投资者需要具备穿透短期供应链扰动、把握长期产业趋势的能力。该主题的核心价值在于分享中国在全球顶级航空制造链条中的<strong class="text-sky-300">角色提升和价值重估</strong>。
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-sky-400 mb-2">最具投资价值的细分环节</h3>
|
||
<ol class="list-decimal list-inside space-y-2 text-gray-400">
|
||
<li><strong class="text-gray-200">核心结构件/材料供应商：</strong>技术壁垒高、深度绑定，是产业链的“压舱石”。(如: 中航西飞, 南山铝业)</li>
|
||
<li><strong class="text-gray-200">天津总装线强相关配套：</strong>业务增长与天津基地运营直接挂钩，确定性强。(如: 天保基建, 赛象科技)</li>
|
||
<li><strong class="text-gray-200">新兴应用领域：</strong>代表合作未来方向，具备颠覆性增长潜力和高估值弹性。(如: 中国卫星)</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
<div class="mt-6 border-t border-gray-700 pt-6">
|
||
<h3 class="font-semibold text-lg text-amber-400 mb-2">需重点跟踪的关键指标</h3>
|
||
<ul class="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm text-center">
|
||
<li class="p-3 bg-black/20 rounded-lg"><strong class="text-amber-300 block">运营交付数据</strong>空客月度/季度交付量</li>
|
||
<li class="p-3 bg-black/20 rounded-lg"><strong class="text-amber-300 block">产能爬坡速度</strong>天津总装线月产量</li>
|
||
<li class="p-3 bg-black/20 rounded-lg"><strong class="text-amber-300 block">核心供应商财报</strong>海外业务收入与毛利率</li>
|
||
<li class="p-3 bg-black/20 rounded-lg"><strong class="text-amber-300 block">上游瓶颈信号</strong>发动机制造商产量</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<!-- Stock Tables -->
|
||
<section class="mt-12">
|
||
<h2 class="text-3xl font-bold text-center text-sky-300 mb-8">核心合作公司列表</h2>
|
||
<div class="overflow-x-auto glass-card rounded-2xl p-4">
|
||
<table class="table table-zebra w-full text-sm">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th class="w-2/3">合作原因</th>
|
||
<th>其他标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>中航西飞</td><td><a href="https://valuefrontier.cn/company?scode=000768" target="_blank" class="link link-hover text-sky-400">000768</a></td><td>1997年以来一直与空客合作，是A320系列机翼、机身系统装配等核心项目供应商。</td><td></td></tr>
|
||
<tr><td>天保基建</td><td><a href="https://valuefrontier.cn/company?scode=000965" target="_blank" class="link link-hover text-sky-400">000965</a></td><td>间接参股空中客车(天津)总装49%股权，承担A320总装及A350完成中心能力。</td><td></td></tr>
|
||
<tr><td>赛象科技</td><td><a href="https://valuefrontier.cn/company?scode=002337" target="_blank" class="link link-hover text-sky-400">002337</a></td><td>为空客天津总装线提供A320大部件运输工装夹具。</td><td></td></tr>
|
||
<tr><td>南山铝业</td><td><a href="https://valuefrontier.cn/company?scode=600219" target="_blank" class="link link-hover text-sky-400">600219</a></td><td>国内唯一同时为波音、空客、商飞供货的企业，提供机翼、蒙皮等航空板产品。</td><td>消息来源:互动</td></tr>
|
||
<tr><td>爱乐达</td><td><a href="https://valuefrontier.cn/company?scode=300696" target="_blank" class="link link-hover text-sky-400">300696</a></td><td>承做空客A320、A350等主力机型国际转包业务，主要为数控精密加工。</td><td></td></tr>
|
||
<tr><td>天汽模</td><td><a href="https://valuefrontier.cn/company?scode=002510" target="_blank" class="link link-hover text-sky-400">002510</a></td><td>通过空客客户认证，为其提供金属结构和内饰零件，配套A220等机型。</td><td></td></tr>
|
||
<tr><td>天津普林</td><td><a href="https://valuefrontier.cn/company?scode=002134" target="_blank" class="link link-hover text-sky-400">002134</a></td><td>国内少数能供应关键PCB零部件的厂商，产品应用于空客等飞机。</td><td></td></tr>
|
||
<tr><td>海特高新</td><td><a href="https://valuefrontier.cn/company?scode=002023" target="_blank" class="link link-hover text-sky-400">002023</a></td><td>与天津保税区就空客A321客改货项目达成合作。</td><td>消息来源:官微</td></tr>
|
||
<tr><td>航新科技</td><td><a href="https://valuefrontier.cn/company?scode=300424" target="_blank" class="link link-hover text-sky-400">300424</a></td><td>部附件维修、航线维修等业务资质覆盖空客大量机型，包含A320neo。</td><td></td></tr>
|
||
<tr><td>博云新材</td><td><a href="https://valuefrontier.cn/company?scode=002297" target="_blank" class="link link-hover text-sky-400">002297</a></td><td>民用航空碳/碳刹车产品取得空客A320系列等机型PMA证书。</td><td></td></tr>
|
||
<tr><td>*ST炼石</td><td><a href="https://valuefrontier.cn/company?scode=000697" target="_blank" class="link link-hover text-sky-400">000697</a></td><td>子公司加德纳拥有完备的空客各项认证，通过约80余项认证。</td><td>消息来源:互动</td></tr>
|
||
<tr><td>润贝航科</td><td><a href="https://valuefrontier.cn/company?scode=001316" target="_blank" class="link link-hover text-sky-400">001316</a></td><td>与空客在中国的合资公司开展业务合作。</td><td></td></tr>
|
||
<tr><td>同益中</td><td><a href="https://valuefrontier.cn/company?scode=688722" target="_blank" class="link link-hover text-sky-400">688722</a></td><td>子公司是空客合格供应商，向A320/A350供应芳纶纸。</td><td></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="mt-12">
|
||
<h2 class="text-3xl font-bold text-center text-sky-300 mb-8">相关概念股异动分析</h2>
|
||
<div class="overflow-x-auto glass-card rounded-2xl p-4">
|
||
<table class="table w-full text-sm">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>异动日期</th>
|
||
<th>涨幅</th>
|
||
<th class="w-2/3">原因分析摘要</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="hover"><td>中国卫星</td><td><a href="https://valuefrontier.cn/company?scode=600118" target="_blank" class="link link-hover text-sky-400">600118</a></td><td>2025-12-04</td><td class="text-error font-bold">10.00%</td><td>直接催化剂：旗下垣信卫星与空客就“千帆星座”签署市场合作，共同开展低轨卫星飞机互联业务，商业模式获国际巨头验证，打开巨大市场空间。</td></tr>
|
||
<tr class="hover"><td>国睿科技</td><td><a href="https://valuefrontier.cn/company?scode=600562" target="_blank" class="link link-hover text-sky-400">600562</a></td><td>2025-11-24</td><td class="text-error font-bold">6.53%</td><td>产业链联动：空客、波音扩产信号强烈，券商看多航空产业链，市场情绪共振，叠加军贸出口传闻，公司作为雷达核心供应商受益。</td></tr>
|
||
<tr class="hover"><td>航亚科技</td><td><a href="https://valuefrontier.cn/company?scode=688510" target="_blank" class="link link-hover text-sky-400">688510</a></td><td>2025-09-26</td><td class="text-error font-bold">5.14%</td><td>研报强推：全球商发景气，公司在赛峰发动机压气机叶片份额超50%，将直接受益于空客A320neo等机型发动机交付提速。</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
// Starfield effect
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const starfield = document.getElementById('starfield');
|
||
const numStars = 200;
|
||
for (let i = 0; i < numStars; i++) {
|
||
let star = document.createElement('div');
|
||
star.style.position = 'absolute';
|
||
star.style.width = `${Math.random() * 2 + 1}px`;
|
||
star.style.height = star.style.width;
|
||
star.style.backgroundColor = 'white';
|
||
star.style.borderRadius = '50%';
|
||
star.style.top = `${Math.random() * 100}%`;
|
||
star.style.left = `${Math.random() * 100}%`;
|
||
star.style.opacity = Math.random();
|
||
star.style.animation = `twinkle ${Math.random() * 5 + 3}s infinite alternate`;
|
||
starfield.appendChild(star);
|
||
}
|
||
});
|
||
|
||
const style = document.createElement('style');
|
||
style.textContent = `
|
||
@keyframes twinkle {
|
||
0% { opacity: 0.3; transform: scale(0.8); }
|
||
100% { opacity: 1; transform: scale(1.2); }
|
||
}
|
||
`;
|
||
document.head.append(style);
|
||
|
||
// ECharts Graph
|
||
var chartDom = document.getElementById('echarts-graph');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
tooltip: {},
|
||
legend: [{
|
||
data: ['核心合作', '上游材料', '下游服务', '新兴领域', '总装投资'],
|
||
textStyle: { color: '#ccc' },
|
||
orient: 'vertical',
|
||
right: 10,
|
||
top: 20,
|
||
}],
|
||
animationDurationUpdate: 1500,
|
||
animationEasingUpdate: 'quinticInOut',
|
||
series: [{
|
||
type: 'graph',
|
||
layout: 'force',
|
||
force: {
|
||
repulsion: 300,
|
||
edgeLength: [100, 150]
|
||
},
|
||
roam: true,
|
||
label: {
|
||
show: true,
|
||
color: '#fff',
|
||
fontSize: 12,
|
||
},
|
||
data: [
|
||
{ id: '空客', name: '空客', symbolSize: 80, category: 0, itemStyle: { color: '#0077b6' } },
|
||
{ id: '中航西飞', name: '中航西飞', symbolSize: 60, category: 0, itemStyle: { color: '#00b4d8' } },
|
||
{ id: '天保基建', name: '天保基建', symbolSize: 50, category: 4, itemStyle: { color: '#80ed99' } },
|
||
{ id: '赛象科技', name: '赛象科技', symbolSize: 50, category: 0, itemStyle: { color: '#90e0ef' } },
|
||
{ id: '南山铝业', name: '南山铝业', symbolSize: 50, category: 1, itemStyle: { color: '#ffb703' } },
|
||
{ id: '爱乐达', name: '爱乐达', symbolSize: 50, category: 0, itemStyle: { color: '#90e0ef' } },
|
||
{ id: '博云新材', name: '博云新材', symbolSize: 50, category: 1, itemStyle: { color: '#fb8500' } },
|
||
{ id: '海特高新', name: '海特高新', symbolSize: 50, category: 2, itemStyle: { color: '#ef476f' } },
|
||
{ id: '中国卫星', name: '中国卫星', symbolSize: 60, category: 3, itemStyle: { color: '#4cc9f0' } },
|
||
{ id: '润贝航科', name: '润贝航科', symbolSize: 50, category: 2, itemStyle: { color: '#f72585' } },
|
||
{ id: '天津总装线', name: '天津总装线', symbolSize: 70, category: 4, itemStyle: { color: '#57cc99' } }
|
||
],
|
||
links: [
|
||
{ source: '空客', target: '天津总装线', value: '投资建设' },
|
||
{ source: '天津总装线', target: '天保基建', value: '间接持股49%' },
|
||
{ source: '空客', target: '中航西飞', value: '核心结构件(机翼)' },
|
||
{ source: '空客', target: '赛象科技', value: '工装夹具' },
|
||
{ source: '空客', target: '南山铝业', value: '上游航空铝材' },
|
||
{ source: '空客', target: '爱乐达', value: '数控精密加工' },
|
||
{ source: '空客', target: '博云新材', value: '碳/碳刹车产品' },
|
||
{ source: '空客', target: '海特高新', value: '客改货(MRO)' },
|
||
{ source: '空客', target: '中国卫星', value: '卫星飞机互联' },
|
||
{ source: '空客', target: '润贝航科', value: '航材分销合作' }
|
||
],
|
||
categories: [
|
||
{ name: '核心合作' }, { name: '上游材料' }, { name: '下游服务' }, { name: '新兴领域' }, { name: '总装投资' }
|
||
],
|
||
lineStyle: {
|
||
opacity: 0.9,
|
||
width: 2,
|
||
curveness: 0.1
|
||
}
|
||
}]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html> |