480 lines
29 KiB
HTML
480 lines
29 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>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<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>
|
||
:root {
|
||
--glow-color-1: rgba(0, 255, 255, 0.5);
|
||
--glow-color-2: rgba(255, 0, 255, 0.5);
|
||
}
|
||
|
||
body {
|
||
background-color: #020418;
|
||
background-image:
|
||
radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), transparent),
|
||
radial-gradient(ellipse 80% 80% at 10% 120%, rgba(0, 255, 255, 0.2), transparent),
|
||
radial-gradient(ellipse 80% 80% at 90% 120%, rgba(255, 0, 255, 0.2), transparent);
|
||
color: #e0e0e0;
|
||
font-family: 'system-ui', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(16, 18, 38, 0.4);
|
||
backdrop-filter: blur(20px) saturate(180%);
|
||
-webkit-backdrop-filter: blur(20px) saturate(180%);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 1.5rem; /* 24px */
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
box-shadow: 0 0 20px rgba(0, 255, 255, 0.1), 0 0 40px rgba(255, 0, 255, 0.1);
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.fui-title {
|
||
color: #ffffff;
|
||
text-shadow: 0 0 10px var(--glow-color-1), 0 0 20px var(--glow-color-1);
|
||
}
|
||
|
||
.fui-subtitle {
|
||
color: #c0c0c0;
|
||
text-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.glow-divider {
|
||
height: 1px;
|
||
background: linear-gradient(90deg, transparent, var(--glow-color-1), var(--glow-color-2), transparent);
|
||
border: none;
|
||
}
|
||
|
||
h2, h3 {
|
||
letter-spacing: 0.05em;
|
||
}
|
||
|
||
.table th, .table td {
|
||
border-color: rgba(255, 255, 255, 0.15) !important;
|
||
}
|
||
|
||
.table th {
|
||
color: #fff;
|
||
}
|
||
|
||
.table tr:hover td {
|
||
background-color: rgba(0, 255, 255, 0.05) !important;
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
::-webkit-scrollbar-track {
|
||
background: rgba(16, 18, 38, 0.1);
|
||
}
|
||
::-webkit-scrollbar-thumb {
|
||
background: linear-gradient(var(--glow-color-1), var(--glow-color-2));
|
||
border-radius: 4px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
|
||
<div class="container mx-auto p-4 sm:p-6 lg:p-8 space-y-12">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center py-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold fui-title tracking-widest">巴黎航展</h1>
|
||
<p class="mt-4 text-xl md:text-2xl fui-subtitle">深度投研报告</p>
|
||
<div class="mt-8 text-xs text-gray-500 max-w-2xl mx-auto">
|
||
<p>由 北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p>本报告为AI合成数据，所有信息均基于提供的公开数据源。投资有风险，决策需谨慎。</p>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Bento Grid for Key Info -->
|
||
<section class="glass-card p-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white tracking-wider">航展核心事件一览</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
||
<div class="md:col-span-2 lg:col-span-2 glass-card p-6 !rounded-2xl">
|
||
<h3 class="font-semibold text-cyan-300">展会信息</h3>
|
||
<p class="text-sm mt-2">第55届巴黎航展于2025年6月16-22日在巴黎布尔歇机场举行，吸引了近50国、超2400家展商，是全球规模最大的航展之一。</p>
|
||
</div>
|
||
<div class="lg:col-span-2 glass-card p-6 !rounded-2xl">
|
||
<h3 class="font-semibold text-cyan-300">中国阵容</h3>
|
||
<p class="text-sm mt-2">中国航空工业集团携歼-35A（模型）、歼-20、运-20、直-20及“翼龙”系列无人机等8大类30项重点产品高规格参展，阵容空前。</p>
|
||
</div>
|
||
<div class="glass-card p-6 !rounded-2xl">
|
||
<h3 class="font-semibold text-fuchsia-300">焦点展品</h3>
|
||
<p class="text-sm mt-2">歼-35A隐身战机“海外首秀”，歼-10CE战斗机凭借先进航电系统获高度关注。</p>
|
||
</div>
|
||
<div class="glass-card p-6 !rounded-2xl">
|
||
<h3 class="font-semibold text-fuchsia-300">商业订单</h3>
|
||
<p class="text-sm mt-2">空客与沙特利雅得航空、AviLease签署总计65架A350及A320neo系列飞机的大额订单。</p>
|
||
</div>
|
||
<div class="md:col-span-2 lg:col-span-2 glass-card p-6 !rounded-2xl">
|
||
<h3 class="font-semibold text-yellow-300">地缘政治插曲</h3>
|
||
<p class="text-sm mt-2">因展示“攻击性武器”，4家以色列军工企业（如埃尔比特）展台被法国政府要求关闭，凸显军贸背后的复杂博弈。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Insight -->
|
||
<main class="space-y-12">
|
||
<article class="glass-card p-8">
|
||
<h2 class="text-2xl font-bold text-white tracking-wider">核心观点摘要</h2>
|
||
<div class="glow-divider my-4"></div>
|
||
<p class="text-gray-300 leading-relaxed">“巴黎航展”概念目前处于由重大国际事件驱动、以**“军贸出海”**宏大叙事为核心的**主题催化阶段**。其核心驱动力源于中国尖端航空装备（尤其是歼-35A和无人机）的集中亮相，向全球市场展示了中国军工产业的跨越式发展和技术自信，从而点燃了市场对中国军贸出口潜力从量变到质变的强烈预期。未来，该概念能否从主题炒作过渡到基本面驱动，取决于能否将“展品”成功转化为“商品”，即获得实质性的国际订单。</p>
|
||
</article>
|
||
|
||
<article class="glass-card p-8" x-data="{ activeTab: 1 }">
|
||
<h2 class="text-2xl font-bold text-white tracking-wider mb-4">深度分析与展望</h2>
|
||
<div class="tabs tabs-boxed bg-black/20">
|
||
<a class="tab" :class="{'tab-active': activeTab === 1}" @click="activeTab = 1">核心逻辑</a>
|
||
<a class="tab" :class="{'tab-active': activeTab === 2}" @click="activeTab = 2">催化剂与路径</a>
|
||
<a class="tab" :class="{'tab-active': activeTab === 3}" @click="activeTab = 3">潜在风险</a>
|
||
</div>
|
||
|
||
<div class="pt-6 space-y-6 text-gray-300 leading-relaxed">
|
||
<!-- Tab 1: Core Logic -->
|
||
<div x-show="activeTab === 1" x-transition>
|
||
<h3 class="text-xl font-semibold text-cyan-300 mb-4">概念的核心逻辑与市场认知分析</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="font-bold text-white">核心驱动力：技术自信彰显，叩响高端军贸大门</h4>
|
||
<p>支撑概念的根本逻辑是**“能力展示 → 预期提升”**。以歼-35A（对标F-35）、歼-10CE（先进三代半）、“翼龙”系列察打一体无人机为代表的装备集群，标志着中国具备了提供高端、体系化作战装备的能力。这不仅仅是产品的展示，更是**国家战略、工业实力和技术自信**的全面宣示，其目标在于打开过去由美、俄、欧主导的高附加值军贸市场，从而“将军事工业的天花板再次抬高”。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-white">市场热度与情绪：高度乐观，聚焦“军贸大逻辑”</h4>
|
||
<p>市场关注度极高，情绪整体**高度乐观**。媒体与研报密集覆盖，二级市场在航展前夕已出现正向反馈（如新余国科、爱乐达等上涨）。市场已形成清晰的“军贸大逻辑”共识：在全球地缘政治紧张背景下，中国凭借其装备的性能、产能和性价比优势，有望在全球军贸市场中获得更大份额。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-white">预期差分析：宏大叙事与商业现实的距离</h4>
|
||
<ul class="list-disc list-inside space-y-2 pl-2">
|
||
<li><strong class="text-fuchsia-300">“展品”与“商品”的预期差：</strong>市场对歼-35A热情极高，但其仅为**模型参展**，距离成熟出口产品仍有漫长道路，市场可能过度透支其远期价值。</li>
|
||
<li><strong class="text-fuchsia-300">宏大叙事与企业微观的预期差：</strong>国家战略叙事宏大，但企业层面目标更务实（如航宇科技路演中提到“洽谈长期协议续签”）。市场可能高估单次航展对产业链公司短期业绩的直接拉动。</li>
|
||
<li><strong class="text-fuchsia-300">被忽略的地缘政治复杂性：</strong>以色列展台被关事件揭示军贸是政治的延伸。高端武器出口受严格的地缘政治、外交关系限制，非技术先进性可完全克服。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Tab 2: Catalysts & Path -->
|
||
<div x-show="activeTab === 2" x-transition>
|
||
<h3 class="text-xl font-semibold text-cyan-300 mb-4">关键催化剂与未来发展路径</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="font-bold text-white">近期催化剂（3-6个月内）</h4>
|
||
<ul class="list-disc list-inside space-y-2 pl-2">
|
||
<li>**后续订单传闻或公告：** 市场将密切关注歼-10CE、L15A或“翼龙”系列等成熟产品的意向协议或实质性订单披露，这是验证“带货”能力的最直接证据。</li>
|
||
<li>**国家层面的军事合作信号：** 中国与“一带一路”沿线国家，特别是中东、东南亚的高层军事交流或防务合作协议，可能被市场解读为订单前奏。</li>
|
||
<li>**国内型号批产加速：** 出口产品技术基础的国内型号（如歼-35海军版）的量产和列装进度，将影响市场对出口版本的信心。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-white">长期发展路径</h4>
|
||
<ul class="list-disc list-inside space-y-2 pl-2">
|
||
<li><strong>“由点到面”：</strong>以无人机、教练机等优势产品为突破口，持续扩大市场份额，建立品牌声誉。</li>
|
||
<li><strong>“由易到难”：</strong>巩固传统市场，逐步尝试向更高技术和政治要求的市场推销歼-10CE等三代半战机。</li>
|
||
<li><strong>“体系化输出”：</strong>从单一装备出口，转向提供“无人机+导弹”、“战斗机+预警机+数据链”的体系化解决方案，提升附加值。</li>
|
||
<li><strong>“旗舰引领”：</strong>最终以歼-35A这类旗舰产品成功出口，标志着中国军贸完成从“性价比”到“高性能”的根本性转变。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Tab 3: Risks -->
|
||
<div x-show="activeTab === 3" x-transition>
|
||
<h3 class="text-xl font-semibold text-yellow-300 mb-4">潜在风险与挑战</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="font-bold text-white">技术风险</h4>
|
||
<p>以航空发动机（如航发动力）为代表的核心部件，在推力、寿命、可靠性等方面与世界顶尖水平仍可能存在差距，这可能成为高端机型出口的潜在短板。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-white">商业化风险</h4>
|
||
<ul class="list-disc list-inside space-y-2 pl-2">
|
||
<li><strong>地缘政治壁垒：</strong>美国的《以制裁反击美国敌人法案》(CAATSA)等长臂管辖法规，对潜在买家构成巨大压力。</li>
|
||
<li><strong>售后服务体系：</strong>建立全球性的、高效的备件供应、人员培训和技术支持网络，是中国军贸走向高端市场必须补齐的短板。</li>
|
||
<li><strong>体系兼容性：</strong>潜在客户国现有装备体系多为美制或俄制，中国装备能否有效融入或替代，是一个复杂的技术和信任问题。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-white">信息交叉验证风险</h4>
|
||
<p>研报和新闻渲染的“歼-35A重大突破”与其实际上仅为“模型参展”的事实存在显著温差，表明市场情绪可能建立在不完全或被放大的信息之上。同时，部分关联个股（如成飞集成）与战斗机制造无直接业务关系，其“影子股”炒作逻辑本身风险极高。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- ECharts for Industry Chain -->
|
||
<article class="glass-card p-8">
|
||
<h2 class="text-2xl font-bold text-white tracking-wider">产业链深度剖析</h2>
|
||
<div class="glow-divider my-4"></div>
|
||
<div id="industry-chain-chart" style="width: 100%; height: 500px;"></div>
|
||
</article>
|
||
|
||
<!-- Stock Table -->
|
||
<section class="glass-card p-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white tracking-wider">相关上市公司梳理</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑 / 参展关联</th>
|
||
<th>其他标签</th>
|
||
<th>涨跌分析 (若有)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- 整机集成 -->
|
||
<tr><td colspan="5" class="font-bold text-cyan-300 bg-black/30">下游-整机集成</td></tr>
|
||
<tr>
|
||
<td>中航成飞</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=302132" target="_blank" class="link link-hover text-blue-400">302132</a></td>
|
||
<td>歼-10CE 整机制造与总装，是本次航展“军贸成果”最直接的潜在受益者。</td>
|
||
<td>参展公司, 战机整机</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>中航沈飞</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600760" target="_blank" class="link link-hover text-blue-400">600760</a></td>
|
||
<td>歼-35A的研发单位，代表中国战斗机技术最高水平和未来方向，是典型的“预期型”标的。</td>
|
||
<td>参展公司, 战机整机, 歼35</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>中无人机</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=688297" target="_blank" class="link link-hover text-blue-400">688297</a></td>
|
||
<td>“翼龙”系列无人机制造商，军贸市场明星产品，业务关联度极高。</td>
|
||
<td>无人机</td>
|
||
<td>2025-06-13军工板块拉升，巴黎航展预期催化。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>航天彩虹</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002389" target="_blank" class="link link-hover text-blue-400">002389</a></td>
|
||
<td>“彩虹”系列无人机，“无人机+导弹”模式，先进型号出口预期主机厂。</td>
|
||
<td>无人机</td>
|
||
<td>上涨6.63% (06-13)，受益于军工板块强势、军贸预期及地缘政治催化。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>成飞集成</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002190" target="_blank" class="link link-hover text-blue-400">002190</a></td>
|
||
<td>市场将其视为“中航成飞”在资本市场的映射，“影子股”逻辑。</td>
|
||
<td>-</td>
|
||
<td>上涨5.00% (11-17)，受迪拜航展引发的“军贸出口”逻辑催化。</td>
|
||
</tr>
|
||
|
||
<!-- 分系统与零部件 -->
|
||
<tr><td colspan="5" class="font-bold text-cyan-300 bg-black/30">中游-分系统与零部件</td></tr>
|
||
<tr>
|
||
<td>航发动力</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600893" target="_blank" class="link link-hover text-blue-400">600893</a></td>
|
||
<td>为多型战机提供发动机，产业链中价值量最高、壁垒最深的环节。</td>
|
||
<td>参展公司, 发动机</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>航发控制</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000738" target="_blank" class="link link-hover text-blue-400">000738</a></td>
|
||
<td>发动机燃油控制与调节系统。</td>
|
||
<td>参展公司, 发动机</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>国睿科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600562" target="_blank" class="link link-hover text-blue-400">600562</a></td>
|
||
<td>机载火控雷达供应商。</td>
|
||
<td>参展公司, 航电系统, 歼35</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>雷电微力</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301050" target="_blank" class="link link-hover text-blue-400">301050</a></td>
|
||
<td>为机载雷达提供T/R组件。</td>
|
||
<td>参展公司, 航电系统</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>晨曦航空</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300581" target="_blank" class="link link-hover text-blue-400">300581</a></td>
|
||
<td>航空惯性导航系统。</td>
|
||
<td>参展公司, 航电系统</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>利君股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002651" target="_blank" class="link link-hover text-blue-400">002651</a></td>
|
||
<td>中航工业成飞最主要的结构件外协加工制造企业。</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-blue-400">300696</a></td>
|
||
<td>航空零部件制造商。</td>
|
||
<td>-</td>
|
||
<td>上涨9.98% (06-13)，核心驱动为军工板块集体走强，巴黎航展为重要催化剂。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>新余国科</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300722" target="_blank" class="link link-hover text-blue-400">300722</a></td>
|
||
<td>军用火工品龙头。</td>
|
||
<td>-</td>
|
||
<td>上涨6.96% (06-13)，直接受益于军工板块走强，巴黎航展为事件催化因素。</td>
|
||
</tr>
|
||
|
||
<!-- 原材料 -->
|
||
<tr><td colspan="5" class="font-bold text-cyan-300 bg-black/30">上游-原材料</td></tr>
|
||
<tr>
|
||
<td>光威复材</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300699" target="_blank" class="link link-hover text-blue-400">300699</a></td>
|
||
<td>为歼-10系列提供T300级碳纤维。</td>
|
||
<td>参展公司, 材料</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>宝钛股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600456" target="_blank" class="link link-hover text-blue-400">600456</a></td>
|
||
<td>提供钛及钛合金材料。</td>
|
||
<td>参展公司, 材料</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>抚顺特钢</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600399" target="_blank" class="link link-hover text-blue-400">600399</a></td>
|
||
<td>提供特殊钢材料（高温合金、超高强度钢）。</td>
|
||
<td>参展公司, 材料</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td>上上股份</td>
|
||
<td>-</td>
|
||
<td>高温合金等特种钢，覆盖三代、四代战机发动机。</td>
|
||
<td>参展公司, 材料</td>
|
||
<td>-</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="text-center py-8">
|
||
<div class="glow-divider my-4 max-w-lg mx-auto"></div>
|
||
<p class="text-xs text-gray-500">报告生成时间: 2025-06-24</p>
|
||
<p class="text-xs text-gray-500">本报告内容由AI基于指定数据源分析合成，不构成任何投资建议。市场有风险，投资需谨慎。</p>
|
||
</footer>
|
||
</div>
|
||
<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(歼-10CE)' },
|
||
{ name: '中航沈飞\n(歼-35A)' },
|
||
{ name: '中无人机\n(翼龙系列)' },
|
||
{ name: '航天彩虹\n(彩虹系列)' }
|
||
]
|
||
},
|
||
{
|
||
name: '中游-分系统',
|
||
children: [
|
||
{ name: '航发动力\n(发动机)' },
|
||
{ name: '航发控制\n(发动机控制)' },
|
||
{ name: '国睿科技\n(雷达)' },
|
||
{ name: '雷电微力\n(T/R组件)' },
|
||
{ name: '晨曦航空\n(惯性导航)' },
|
||
{ name: '利君股份\n(结构件)' }
|
||
]
|
||
},
|
||
{
|
||
name: '上游-原材料',
|
||
children: [
|
||
{ name: '光威复材\n(碳纤维)' },
|
||
{ name: '宝钛股份\n(钛合金)' },
|
||
{ name: '抚顺特钢\n(高温合金)' },
|
||
{ name: '上上股份\n(特种钢)' }
|
||
]
|
||
}
|
||
]
|
||
};
|
||
|
||
option = {
|
||
tooltip: {
|
||
trigger: 'item',
|
||
triggerOn: 'mousemove',
|
||
backgroundColor: 'rgba(0, 0, 0, 0.7)',
|
||
borderColor: '#333',
|
||
textStyle: {
|
||
color: '#fff'
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
type: 'tree',
|
||
data: [data],
|
||
top: '5%',
|
||
left: '15%',
|
||
bottom: '5%',
|
||
right: '15%',
|
||
symbolSize: 10,
|
||
orient: 'TB',
|
||
label: {
|
||
position: 'top',
|
||
verticalAlign: 'middle',
|
||
align: 'center',
|
||
fontSize: 12,
|
||
color: '#e0e0e0',
|
||
},
|
||
leaves: {
|
||
label: {
|
||
position: 'bottom',
|
||
verticalAlign: 'middle',
|
||
align: 'center'
|
||
}
|
||
},
|
||
emphasis: {
|
||
focus: 'descendant',
|
||
label: {
|
||
color: '#00ffff'
|
||
}
|
||
},
|
||
expandAndCollapse: true,
|
||
animationDuration: 550,
|
||
animationDurationUpdate: 750,
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)',
|
||
width: 1.5
|
||
},
|
||
itemStyle: {
|
||
color: '#00ffff',
|
||
borderColor: '#00ffff',
|
||
borderWidth: 2,
|
||
shadowColor: 'rgba(0, 255, 255, 0.5)',
|
||
shadowBlur: 10
|
||
}
|
||
}
|
||
]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |