403 lines
31 KiB
HTML
403 lines
31 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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #020617; /* slate-950 */
|
||
background-image:
|
||
radial-gradient(circle at 10% 20%, rgba(56, 189, 248, 0.1), transparent 40%),
|
||
radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.1), transparent 40%),
|
||
radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.02), transparent 30%);
|
||
color: #d1d5db; /* gray-300 */
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(15, 23, 42, 0.6); /* slate-900 with alpha */
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(51, 65, 85, 0.5); /* slate-700 with alpha */
|
||
border-radius: 1.5rem; /* rounded-3xl */
|
||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
|
||
.grid-item {
|
||
transition: all 0.3s ease-in-out;
|
||
}
|
||
|
||
.grid-item:hover {
|
||
transform: translateY(-5px);
|
||
border-color: rgba(56, 189, 248, 0.5);
|
||
}
|
||
|
||
.title-glow {
|
||
text-shadow: 0 0 8px rgba(56, 189, 248, 0.5), 0 0 16px rgba(56, 189, 248, 0.3);
|
||
}
|
||
|
||
.section-header {
|
||
font-size: 1.875rem; /* text-3xl */
|
||
font-weight: 700;
|
||
letter-spacing: 0.05em;
|
||
margin-bottom: 1.5rem;
|
||
color: #f9fafb; /* gray-50 */
|
||
border-bottom: 1px solid rgba(51, 65, 85, 0.5);
|
||
padding-bottom: 0.75rem;
|
||
}
|
||
|
||
.highlight {
|
||
color: #7dd3fc; /* sky-300 */
|
||
}
|
||
|
||
.table th, .table td {
|
||
border-bottom-color: rgba(51, 65, 85, 0.5);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="container mx-auto p-4 sm:p-6 lg:p-8">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center py-12">
|
||
<h1 class="text-5xl md:text-7xl font-bold title-glow text-slate-50">整车央企重组</h1>
|
||
<p class="mt-4 text-xl text-slate-300">国家意志主导的供给侧改革，重塑中国汽车产业新格局</p>
|
||
</header>
|
||
|
||
<!-- Main Content -->
|
||
<main class="space-y-12">
|
||
|
||
<!-- Insight Bento Grid -->
|
||
<section class="bento-grid" x-data="{}">
|
||
<div class="col-span-12 lg:col-span-8 grid-item glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-sky-300 mb-4">核心观点摘要</h3>
|
||
<p class="text-slate-300">整车央企重组是一场由国家意志主导、旨在解决央企在新能源汽车时代“大而不强”困境的供给侧改革。当前，该概念已从政策预期阶段迈入具体方案落地（兵装集团分立）的初期执行阶段。其核心驱动力是<strong class="text-white">政策强力推动下的生存倒逼</strong>，未来潜力在于能否通过整合实现“1+1>2”的规模与技术协同效应，但过程将充满巨大的内部整合挑战与外部市场竞争压力。</p>
|
||
</div>
|
||
|
||
<div class="col-span-12 lg:col-span-4 grid-item glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-violet-300 mb-4">关键催化剂 (3-6个月)</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong class="text-white">新央企挂牌成立</strong>：兵装分立出的新央企名称、领导班子及战略发布。</li>
|
||
<li><strong class="text-white">东风集团动向</strong>：发布关于是否及如何参与重组的进一步公告。</li>
|
||
<li><strong class="text-white">新能源业务考核结果</strong>：首次单独考核结果公布，量化转型压力。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-span-12 lg:col-span-7 grid-item glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-sky-300 mb-4">概念的核心逻辑与市场认知</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-white">双轮驱动力</h4>
|
||
<p class="text-slate-400 mt-1"><strong>政策顶层设计：</strong>国资委“对整车央企进行战略性重组”的官方表态是该概念最硬的逻辑基石，带有强烈的国家战略意图。<br><strong>行业生存危机：</strong>央企市占率持续下滑（如东风从<span class="highlight">13.7%降至6.5%</span>），在与民营龙头竞争中处弱势，重组是避免国有资产流失的必然选择。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-white">市场情绪与预期差</h4>
|
||
<p class="text-slate-400 mt-1">市场普遍预期是“大合并”，但实际路径是<strong class="text-white">“兵装集团汽车业务先行分立”</strong>，东风“暂不参与”。这表明重组是一个更复杂、耗时更长的“先易后难”过程。<br>市场存在“弱弱联合”担忧，但长安汽车2023年贡献<span class="highlight">113亿</span>净利润，远超母公司兵装集团整体的<span class="highlight">80亿</span>，实为被非主业拖累的“利润奶牛”。本次分立对长安是“优质资产剥离”式利好，是市场可能忽略的核心点。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-span-12 lg:col-span-5 grid-item glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-violet-300 mb-4">潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong class="text-white">整合风险 (最大风险)</strong>：企业文化、人员安置、品牌取舍、技术路线统一等挑战巨大，协同效应实现非一蹴而就。</li>
|
||
<li><strong class="text-white">政策变动风险</strong>：重组方案的最终形态、参与方、时间表仍存变数，东风的“暂不参与”即是例证。</li>
|
||
<li><strong class="text-white">市场竞争风险</strong>：内部整合耗时耗力，或导致在瞬息万变的市场中反应迟缓，被竞争对手抢占份额。</li>
|
||
<li><strong class="text-white">信息交叉验证风险</strong>：早期“长安-东风合并”传闻与最新“兵装分立”公告存在矛盾，揭示了路径的动态调整和复杂性。</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ECharts Visualizations -->
|
||
<section>
|
||
<h2 class="section-header title-glow">数据洞察</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||
<div class="glass-card p-4 h-96"><div id="marketShareChart" class="w-full h-full"></div></div>
|
||
<div class="glass-card p-4 h-96"><div id="profitContributionChart" class="w-full h-full"></div></div>
|
||
<div class="glass-card p-4 h-96"><div id="timelineChart" class="w-full h-full"></div></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Players Analysis -->
|
||
<section>
|
||
<h2 class="section-header title-glow">核心玩家深度剖析</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<!-- 长安汽车 -->
|
||
<div class="glass-card p-6 border-t-4 border-sky-400">
|
||
<h3 class="text-2xl font-bold text-sky-300">长安汽车 (000625)</h3>
|
||
<p class="text-sm font-semibold text-slate-400 mb-3">逻辑最纯粹、基本面最扎实的领导者</p>
|
||
<div class="space-y-2">
|
||
<p><strong class="text-white">优势:</strong> 自身新能源转型相对成功(阿维塔/深蓝)，是兵装集团最核心优质资产（利润贡献>100%）。本次分立对其是“解绑”式利好，处于主动和核心地位。</p>
|
||
<p><strong class="text-white">风险:</strong> 整合后可能需承担其他弱势品牌的输血任务，短期或拖累效率。</p>
|
||
</div>
|
||
</div>
|
||
<!-- 东风汽车 -->
|
||
<div class="glass-card p-6 border-t-4 border-slate-500">
|
||
<h3 class="text-2xl font-bold text-slate-300">东风汽车集团 (00489.HK)</h3>
|
||
<p class="text-sm font-semibold text-slate-400 mb-3">最具不确定性的潜在参与者</p>
|
||
<div class="space-y-2">
|
||
<p><strong class="text-white">优势:</strong> 港股市值极低（市净率仅0.16倍），已包含极悲观预期，若加入重组则向上弹性巨大。</p>
|
||
<p><strong class="text-white">风险:</strong> 明确公告“暂不参与”，路径不明。自身新能源转型挑战大，市占率下滑最严重。</p>
|
||
</div>
|
||
</div>
|
||
<!-- 一汽集团 -->
|
||
<div class="glass-card p-6 border-t-4 border-slate-500">
|
||
<h3 class="text-2xl font-bold text-slate-300">一汽集团</h3>
|
||
<p class="text-sm font-semibold text-slate-400 mb-3">重要的观察对象，潜在的远期整合方</p>
|
||
<div class="space-y-2">
|
||
<p><strong class="text-white">优势:</strong> 品牌底蕴深厚，红旗品牌有高端化基础。已参与动力电池等纵向整合。</p>
|
||
<p><strong class="text-white">风险:</strong> 目前在重组传闻中处边缘，内部体系庞大，改革阻力可能更大。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Data Sources -->
|
||
<section x-data="{ tab: 'news' }">
|
||
<h2 class="section-header title-glow">情报来源与深度信息</h2>
|
||
<div class="tabs tabs-boxed bg-slate-800/50 mb-6">
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻数据</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演纪要</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'reports' }" @click.prevent="tab = 'reports'">研报精粹</a>
|
||
</div>
|
||
|
||
<div class="space-y-4 glass-card p-6">
|
||
<!-- News Data -->
|
||
<div x-show="tab === 'news'">
|
||
<details class="collapse collapse-arrow bg-slate-900/50">
|
||
<summary class="collapse-title text-xl font-medium text-white">核心信息：官方表态与政策方向</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>重组官宣:</strong> 3月29日，国务院国资委相关负责人在中国电动汽车百人会论坛上表示，下一步将对整车央企进行战略性重组，提高产业集中度。</p>
|
||
<p><strong>重组目标:</strong> 集中研发制造和市场等优势资源，加快打造具有全球竞争力，拥有自主核心技术，引领智能网联变革的世界一流汽车集团。</p>
|
||
<p><strong>配套措施:</strong> 推动企业内部专业化整合；鼓励央企加大其他合作；24年起对央企新能源汽车业务进行单独考核。</p>
|
||
</div>
|
||
</details>
|
||
<details class="collapse collapse-arrow bg-slate-900/50 mt-2">
|
||
<summary class="collapse-title text-xl font-medium text-white">具体企业动态与传闻</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>长安与东风:</strong> 2月9日晚，东风汽车与长安汽车几乎同时公告，其间接控股股东正在与其他国资央企集团筹划重组事项。</p>
|
||
<p><strong>董事长回应:</strong> 长安汽车董事长朱华荣公开回应，表示重组方案基本完成，长安作为重要角色参与推进。</p>
|
||
<p><strong>最新传闻与模式变化:</strong> 长安、东风合并暂时中止，一家新的汽车央企将成立，总部极大概率落户重庆。根据公告，新的汽车央企应为一级央企，长安仍是其子公司。</p>
|
||
</div>
|
||
</details>
|
||
<details class="collapse collapse-arrow bg-slate-900/50 mt-2">
|
||
<summary class="collapse-title text-xl font-medium text-white">市场解读与影响分析</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>市场出清加速:</strong> 三家央企在新能源领域互有重叠，合并后必然削减SKU，对子品牌及车型进行出清，其市场份额将由市场表现较为强势的龙头公司承接。</p>
|
||
<p><strong>“弱弱联合”担忧:</strong> 目前三家央企在电动市场上表现均处弱势，仅有长安能维持其市场份额，大体量公司合并其效果仍是有待观望。</p>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
<!-- Roadshow Data -->
|
||
<div x-show="tab === 'roadshow'">
|
||
<details class="collapse collapse-arrow bg-slate-900/50">
|
||
<summary class="collapse-title text-xl font-medium text-white">重组事件启动与核心主体</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>事件背景:</strong> 2025年2月9日，兵装集团旗下8家上市公司（包括长安汽车）发布股权划转公告，标志央企新一轮重组整合启动。</p>
|
||
<p><strong>跨集团协同预期:</strong> 兵装集团或与兵器集团、东风集团等联动，推动军品与民品资源整合。</p>
|
||
</div>
|
||
</details>
|
||
<details class="collapse collapse-arrow bg-slate-900/50 mt-2">
|
||
<summary class="collapse-title text-xl font-medium text-white">具体重组路径与方案设想</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>兵装集团分拆模式:</strong> 兵装集团将拆分为军品与民品两部分。民品业务（汽车）将并入东风汽车集团，或分拆汽车业务成立新央企。</p>
|
||
<p><strong>东风与兵装重组方向:</strong> 或与船舶领域类似：整合重复产能、聚焦主业、集中资源攻坚核心技术（新能源、智能化）。</p>
|
||
</div>
|
||
</details>
|
||
<details class="collapse collapse-arrow bg-slate-900/50 mt-2">
|
||
<summary class="collapse-title text-xl font-medium text-white">重组动因与行业背景</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>市占率下滑:</strong> 上汽、东风、一汽、长安等央企/国企在新能源领域的市占率持续下降。长安汽车从2020年约7%降至6%；东风集团从2020年13.7%降至6.5%。</p>
|
||
<p><strong>长安汽车利润贡献:</strong> 兵装集团2023年净利润80亿，而长安汽车贡献113亿净利润，突显了汽车民品业务的重要性。</p>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
<!-- Research Reports Data -->
|
||
<div x-show="tab === 'reports'">
|
||
<details class="collapse collapse-arrow bg-slate-900/50">
|
||
<summary class="collapse-title text-xl font-medium text-white">核心政策与重组目标 (顶层设计)</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>最核心表述 (3月29日):</strong> 国务院国资委副主任苟坪表示：“国务院国资委将对整车央企进行战略性重组，提高产业集中度，集中研发、制造和市场等优势资源，加快打造...世界一流汽车集团。”</p>
|
||
<p><strong>政策协同:</strong> 此次重组与工信部"综合整治汽车行业'内卷式'竞争"的表态形成政策协同，旨在通过供给侧改革优化市场格局。</p>
|
||
</div>
|
||
</details>
|
||
<details class="collapse collapse-arrow bg-slate-900/50 mt-2">
|
||
<summary class="collapse-title text-xl font-medium text-white">具体重组进展与动态</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>长安汽车（横向整合）:</strong> 6月5日，长安汽车公告，其间接控股股东兵器装备集团实施分立。汽车业务将分立为一家独立中央企业，由国资委履职。长安汽车的间接控股股东将变更，但实际控制人未变。</p>
|
||
<p><strong>东风汽车:</strong> 同日（6月5日），东风集团股份公告称，东风公司暂不涉及相关资产和业务重组。</p>
|
||
<p><strong>产业链整合（纵向）:</strong> "一汽-兵器集团-东风-诚通"联合投资动力电池项目，共同打造国资动力电池头部企业，形成自主供应链。</p>
|
||
</div>
|
||
</details>
|
||
<details class="collapse collapse-arrow bg-slate-900/50 mt-2">
|
||
<summary class="collapse-title text-xl font-medium text-white">潜在影响与行业趋势</summary>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>利好自主零部件供应链:</strong> 预计自主汽零供应链或受益重组带来的竞争格局改变，触达更多项目获取机会。</p>
|
||
<p><strong>高质量发展为核心:</strong> 提升效率、高质量发展仍是中国汽车行业的核心目标，行业重组方案各异，但发展趋势未来仍将沿此趋势进化。</p>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table -->
|
||
<section>
|
||
<h2 class="section-header title-glow">相关概念股梳理</h2>
|
||
<div class="overflow-x-auto glass-card">
|
||
<table class="table table-zebra w-full text-base">
|
||
<thead>
|
||
<tr class="text-white text-lg">
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>关联集团</th>
|
||
<th>关联原因/持股比例</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>长安汽车</td><td><a href="https://valuefrontier.cn/company?scode=000625" target="_blank" class="link link-hover text-sky-400">000625</a></td><td>兵器装备集团</td><td>兵器装备集团持股32.21%</td></tr>
|
||
<tr><td>东安动力</td><td><a href="https://valuefrontier.cn/company?scode=600178" target="_blank" class="link link-hover text-sky-400">600178</a></td><td>兵器装备集团</td><td>兵器装备集团持股49.99%</td></tr>
|
||
<tr><td>湖南天雁</td><td><a href="https://valuefrontier.cn/company?scode=600698" target="_blank" class="link link-hover text-sky-400">600698</a></td><td>兵器装备集团</td><td>兵器装备集团持股37.15%</td></tr>
|
||
<tr><td>建设工业</td><td><a href="https://valuefrontier.cn/company?scode=002265" target="_blank" class="link link-hover text-sky-400">002265</a></td><td>兵器装备集团</td><td>兵器装备集团持股65.89%</td></tr>
|
||
<tr><td>东风股份</td><td><a href="https://valuefrontier.cn/company?scode=600006" target="_blank" class="link link-hover text-sky-400">600006</a></td><td>东风汽车集团</td><td>东风汽车集团持股55%</td></tr>
|
||
<tr><td>东风科技</td><td><a href="https://valuefrontier.cn/company?scode=600081" target="_blank" class="link link-hover text-sky-400">600081</a></td><td>东风汽车集团</td><td>东风汽车集团持股74.7%</td></tr>
|
||
<tr><td>一汽解放</td><td><a href="https://valuefrontier.cn/company?scode=000800" target="_blank" class="link link-hover text-sky-400">000800</a></td><td>一汽集团</td><td>一汽集团参股77.8%</td></tr>
|
||
<tr><td>富奥股份</td><td><a href="https://valuefrontier.cn/company?scode=000030" target="_blank" class="link link-hover text-sky-400">000030</a></td><td>一汽集团</td><td>一汽集团参股25.38%</td></tr>
|
||
<tr><td>一汽富维</td><td>-</td><td>一汽集团</td><td>一汽集团参股14.46%</td></tr>
|
||
<tr><td>启明信息</td><td><a href="https://valuefrontier.cn/company?scode=002232" target="_blank" class="link link-hover text-sky-400">002232</a></td><td>一汽集团</td><td>一汽集团参股48.67%</td></tr>
|
||
<tr><td>国机汽车</td><td><a href="https://valuefrontier.cn/company?scode=600335" target="_blank" class="link link-hover text-sky-400">600335</a></td><td>机械工业集团</td><td>中国机械工业集团参股68.70%</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<h2 class="section-header title-glow">参考案例：央企重组主题市场表现</h2>
|
||
<p class="text-slate-400 mb-4">以下为 broader "央企重组" 概念下的部分个股异动案例，旨在展示市场对此类事件的热情与反应逻辑，并非"整车央企重组"概念的核心标的。</p>
|
||
<div class="overflow-x-auto glass-card">
|
||
<table class="table table-zebra w-full text-base">
|
||
<thead>
|
||
<tr class="text-white text-lg">
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>异动日期</th>
|
||
<th>涨幅</th>
|
||
<th>核心驱动逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>标准股份</td><td><a href="https://valuefrontier.cn/company?scode=600302" target="_blank" class="link link-hover text-sky-400">600302</a></td><td>2025-07-30</td><td class="text-error">10.02%</td><td>央企拟协议受让29.99%股份并注入陕鼓动力资产，引发控制权溢价与资产置换预期。</td></tr>
|
||
<tr><td>中交设计</td><td><a href="https://valuefrontier.cn/company?scode=600720" target="_blank" class="link link-hover text-sky-400">600720</a></td><td>2025-07-21</td><td class="text-error">10.06%</td><td>央企专业化整合，一次性注入三家设计院资产，备考净利润跃升4倍，触发基本面重估。</td></tr>
|
||
<tr><td>中国重工</td><td><a href="https://valuefrontier.cn/company?scode=601989" target="_blank" class="link link-hover text-sky-400">601989</a></td><td>2025-08-06</td><td class="text-error">10.04%</td><td>南北船重组倒计时，中国重工拟被中国船舶吸收合并，规模效应显著。</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center py-8 mt-12 border-t border-slate-800">
|
||
<p class="text-sm text-slate-500">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p class="text-xs text-slate-600 mt-1">本报告为AI合成数据，不构成任何投资建议，投资需谨慎。</p>
|
||
</footer>
|
||
</div>
|
||
<script>
|
||
document.addEventListener('alpine:init', () => {
|
||
// ECharts Initialization
|
||
const initCharts = () => {
|
||
// 1. Market Share Chart
|
||
const marketShareChart = echarts.init(document.getElementById('marketShareChart'));
|
||
const marketShareOption = {
|
||
title: { text: '央企车企市占率变化', textStyle: { color: '#e5e7eb' }, left: 'center' },
|
||
tooltip: { trigger: 'axis' },
|
||
legend: { data: ['长安汽车', '东风集团'], top: '10%', textStyle: { color: '#d1d5db' } },
|
||
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
|
||
xAxis: { type: 'category', boundaryGap: false, data: ['2020', '2024'], axisLine: { lineStyle: { color: '#64748b' } } },
|
||
yAxis: { type: 'value', name: '市占率(%)', axisLine: { lineStyle: { color: '#64748b' } }, splitLine: { lineStyle: { color: '#334155' } } },
|
||
series: [
|
||
{ name: '长安汽车', type: 'line', data: [7, 6], smooth: true, itemStyle: { color: '#38bdf8' }, areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(56, 189, 248, 0.5)' }, { offset: 1, color: 'rgba(56, 189, 248, 0)' }]) } },
|
||
{ name: '东风集团', type: 'line', data: [13.7, 6.5], smooth: true, itemStyle: { color: '#a78bfa' }, areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(167, 139, 250, 0.5)' }, { offset: 1, color: 'rgba(167, 139, 250, 0)' }]) } }
|
||
]
|
||
};
|
||
marketShareChart.setOption(marketShareOption);
|
||
|
||
// 2. Profit Contribution Chart
|
||
const profitContributionChart = echarts.init(document.getElementById('profitContributionChart'));
|
||
const profitContributionOption = {
|
||
title: { text: '长安汽车对兵装集团利润贡献(2023)', textStyle: { color: '#e5e7eb' }, left: 'center' },
|
||
tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c}亿 ({d}%)' },
|
||
legend: { top: 'bottom', textStyle: { color: '#d1d5db' } },
|
||
series: [{
|
||
name: '利润构成', type: 'pie', radius: ['40%', '70%'], avoidLabelOverlap: false,
|
||
label: { show: false, position: 'center' },
|
||
emphasis: { label: { show: true, fontSize: 20, fontWeight: 'bold' } },
|
||
labelLine: { show: false },
|
||
data: [
|
||
{ value: 113, name: '长安汽车贡献', itemStyle: { color: '#38bdf8' } },
|
||
{ value: -33, name: '集团其他业务亏损', itemStyle: { color: '#f87171' } } // 80 - 113 = -33
|
||
]
|
||
}]
|
||
};
|
||
profitContributionChart.setOption(profitContributionOption);
|
||
|
||
// 3. Timeline Chart
|
||
const timelineChart = echarts.init(document.getElementById('timelineChart'));
|
||
const timelineOption = {
|
||
baseOption: {
|
||
timeline: {
|
||
axisType: 'category',
|
||
autoPlay: false,
|
||
playInterval: 3000,
|
||
data: ['2025-02', '2025-03', '2025-06'],
|
||
label: { color: '#d1d5db' },
|
||
lineStyle: { color: '#64748b' },
|
||
controlStyle: { color: '#d1d5db', borderColor: '#d1d5db' },
|
||
checkpointStyle: { color: '#38bdf8', borderColor: '#38bdf8' }
|
||
},
|
||
title: { text: '重组事件时间轴', textStyle: { color: '#e5e7eb' }, left: 'center' },
|
||
tooltip: { trigger: 'item', formatter: '{b}' },
|
||
grid: { top: '25%', bottom:'25%'},
|
||
},
|
||
options: [
|
||
{ series: [{ type: 'graph', layout: 'none', symbolSize: 10, roam: false, edgeSymbol: ['circle', 'arrow'],
|
||
data: [{name: '事件起点', x: 200, y: 150, symbolSize: 10, itemStyle: { color: '#38bdf8' }}],
|
||
label: { show: true, position: 'bottom', formatter: '长安/东风发公告确认重组筹划', color: '#e5e7eb' }
|
||
}]},
|
||
{ series: [{ type: 'graph', layout: 'none', symbolSize: 10, roam: false, edgeSymbol: ['circle', 'arrow'],
|
||
data: [{name: '顶层定调', x: 200, y: 150, symbolSize: 10, itemStyle: { color: '#38bdf8' }}],
|
||
label: { show: true, position: 'bottom', formatter: '国资委在百人会明确表态', color: '#e5e7eb' }
|
||
}]},
|
||
{ series: [{ type: 'graph', layout: 'none', symbolSize: 10, roam: false, edgeSymbol: ['circle', 'arrow'],
|
||
data: [{name: '方案落地', x: 200, y: 150, symbolSize: 10, itemStyle: { color: '#38bdf8' }}],
|
||
label: { show: true, position: 'bottom', formatter: '兵装集团分立，东风暂不参与', color: '#e5e7eb' }
|
||
}]}
|
||
]
|
||
};
|
||
timelineChart.setOption(timelineOption);
|
||
|
||
window.addEventListener('resize', () => {
|
||
marketShareChart.resize();
|
||
profitContributionChart.resize();
|
||
timelineChart.resize();
|
||
});
|
||
};
|
||
|
||
// Defer chart init until the elements are visible to avoid size issues
|
||
// Using a small timeout to ensure DOM is fully ready
|
||
setTimeout(initCharts, 100);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |