452 lines
29 KiB
HTML
452 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>深度行研报告：匈塞铁路240430</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/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=Inter:wght@300;400;500;600;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Inter', 'Helvetica Neue', 'Arial', sans-serif;
|
||
background: #0a0a14;
|
||
color: #e0e0e0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(15, 23, 42, 0.4);
|
||
-webkit-backdrop-filter: blur(16px);
|
||
backdrop-filter: blur(16px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 24px;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(15, 23, 42, 0.6);
|
||
box-shadow: 0 0 20px rgba(0, 255, 255, 0.1);
|
||
border-color: rgba(0, 255, 255, 0.2);
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(0, 225, 255, 0.6);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
.grid-item {
|
||
grid-column: span 12;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
.grid-item-span-4 { grid-column: span 4; }
|
||
.grid-item-span-5 { grid-column: span 5; }
|
||
.grid-item-span-6 { grid-column: span 6; }
|
||
.grid-item-span-7 { grid-column: span 7; }
|
||
.grid-item-span-8 { grid-column: span 8; }
|
||
.grid-item-span-12 { grid-column: span 12; }
|
||
}
|
||
|
||
.bg-sphere {
|
||
position: fixed;
|
||
border-radius: 50%;
|
||
filter: blur(120px);
|
||
opacity: 0.2;
|
||
pointer-events: none;
|
||
}
|
||
.sphere-1 {
|
||
width: 500px;
|
||
height: 500px;
|
||
background: #00aaff;
|
||
top: -150px;
|
||
left: -150px;
|
||
animation: moveSphere1 25s infinite alternate ease-in-out;
|
||
}
|
||
.sphere-2 {
|
||
width: 600px;
|
||
height: 600px;
|
||
background: #ff00ff;
|
||
bottom: -200px;
|
||
right: -200px;
|
||
animation: moveSphere2 30s infinite alternate ease-in-out;
|
||
}
|
||
|
||
@keyframes moveSphere1 {
|
||
from { transform: translate(-50px, -50px) scale(1); }
|
||
to { transform: translate(100px, 100px) scale(1.2); }
|
||
}
|
||
@keyframes moveSphere2 {
|
||
from { transform: translate(50px, 50px) scale(1); }
|
||
to { transform: translate(-100px, -100px) scale(0.8); }
|
||
}
|
||
|
||
.table th, .table td {
|
||
border-color: rgba(255, 255, 255, 0.15);
|
||
}
|
||
.table th {
|
||
color: #00e1ff;
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
::-webkit-scrollbar-track {
|
||
background: rgba(0, 0, 0, 0.1);
|
||
}
|
||
::-webkit-scrollbar-thumb {
|
||
background-color: rgba(0, 225, 255, 0.3);
|
||
border-radius: 10px;
|
||
border: 2px solid transparent;
|
||
background-clip: content-box;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="bg-sphere sphere-1"></div>
|
||
<div class="bg-sphere sphere-2"></div>
|
||
|
||
<div class="relative z-10 p-4 sm:p-6 md:p-8 lg:p-12">
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl lg:text-6xl font-bold glow-text text-cyan-300">深度行研报告</h1>
|
||
<h2 class="text-2xl lg:text-4xl font-semibold mt-2 text-white">概念：匈塞铁路 240430</h2>
|
||
<p class="mt-4 text-sm text-slate-400 max-w-4xl mx-auto">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<main class="container mx-auto max-w-screen-2xl">
|
||
<div class="bento-grid">
|
||
|
||
<!-- Insight: Core Viewpoint -->
|
||
<div class="grid-item grid-item-span-12 lg:grid-item-span-5 glass-card p-6 flex flex-col">
|
||
<h3 class="text-2xl font-bold text-cyan-300 mb-4 glow-text">核心观点摘要</h3>
|
||
<p class="text-slate-300 leading-relaxed">
|
||
匈塞铁路概念正从“主题驱动”向“基本面兑现”的关键过渡期迈进。其核心驱动力源于国家级的“一带一路”战略，而非纯粹的市场需求，这决定了其高确定性和战略意义。当前，市场关注点正从基建承包商向核心设备和零部件供应商转移，未来潜力在于该项目对中国高端装备制造进入欧洲市场的“示范效应”和“认证突破”价值，而不仅仅是项目本身的订单金额。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- ECharts Timeline -->
|
||
<div class="grid-item grid-item-span-12 lg:grid-item-span-7 glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-cyan-300 mb-4 glow-text">关键时间轴</h3>
|
||
<div id="timeline-chart" style="width: 100%; height: 250px;"></div>
|
||
</div>
|
||
|
||
<!-- Insight: Core Logic -->
|
||
<div class="grid-item grid-item-span-12 glass-card p-6" x-data="{ tab: 'driver' }">
|
||
<h3 class="text-2xl font-bold text-cyan-300 mb-4 glow-text">概念核心逻辑与市场认知</h3>
|
||
<div class="tabs tabs-boxed bg-slate-900/50 mb-4">
|
||
<a class="tab" :class="{'tab-active text-cyan-300': tab === 'driver'}" @click="tab = 'driver'">核心驱动力</a>
|
||
<a class="tab" :class="{'tab-active text-cyan-300': tab === 'sentiment'}" @click="tab = 'sentiment'">市场热度与情绪</a>
|
||
<a class="tab" :class="{'tab-active text-cyan-300': tab === 'gap'}" @click="tab = 'gap'">预期差分析</a>
|
||
</div>
|
||
<div class="text-slate-300 space-y-3 leading-relaxed">
|
||
<div x-show="tab === 'driver'">
|
||
<p>该概念的根本驱动力是<strong class="text-white">地缘政治与国家战略</strong>，即中国的“一带一路”倡议。其商业逻辑服务于更大的战略目标：</p>
|
||
<ul class="list-disc list-inside mt-2 space-y-2">
|
||
<li><strong>技术输出与标准对接：</strong> 新闻和路演均强调，这是“中国铁路技术和装备与欧盟铁路互联互通技术规范的对接”，是中国高铁技术链获得欧洲市场“通行证”的关键一步。</li>
|
||
<li><strong>地缘经济枢纽：</strong> 建成后，布达佩斯与贝尔格莱德间旅行时间将从<strong class="text-white">8小时缩短至3小时</strong>，极大提升匈牙利作为中东欧交通枢纽的地位，为中国商品进入欧洲腹地提供新物流通道。</li>
|
||
<li><strong>产业合作示范：</strong> 项目不仅是铁路建设，更是带动整个产业链合作的平台。新闻中提及的绿色产业、人工智能等合作，均与此项目构建的互信基础有关。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="tab === 'sentiment'">
|
||
<p>市场热度呈现<strong class="text-white">“宏观热，微观温”</strong>的特点。</p>
|
||
<ul class="list-disc list-inside mt-2 space-y-2">
|
||
<li><strong>宏观层面：</strong> 国家战略高度评价积极，高层互访频繁提及，市场情绪整体乐观。</li>
|
||
<li><strong>微观层面：</strong> 机构投资者关注点更具体，聚焦于中国中车的订单细节、科安达等零部件公司的认证突破，以及项目对相关公司股价的实际驱动力。情绪偏向寻找业绩兑现的确定性。</li>
|
||
<li><strong>情绪分歧点：</strong> 市场热点更易被“新藏铁路”等国内大规模新建项目点燃。对匈塞铁路，虽认可战略意义，但在资金追逐上相对谨慎，更看重实际订单落地。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="tab === 'gap'">
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong>认知 vs. 价值：</strong> 市场普遍认知停留在“基建出海”，但核心预期差在于对<strong class="text-white">零部件供应商的价值重估</strong>。例如，科安达通过此项目获得匈牙利认证，是其打开欧洲市场的“敲门砖”，长期价值远超订单金额，可能被市场忽略。</li>
|
||
<li><strong>订单金额模糊性：</strong> 路演揭示市场对中国中车订单金额认知混乱（<strong class="text-white">4.2亿欧元</strong> vs. 4.2亿元人民币），存在信息差。</li>
|
||
<li><strong>未来增量空间：</strong> 山东路桥首次提出<strong class="text-white">“匈塞铁路延伸项目”</strong>，这是一个重要的潜在增量信息，构成了远期预期差。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Catalysts and Future Path -->
|
||
<div class="grid-item grid-item-span-12 lg:grid-item-span-6 glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-cyan-300 mb-4 glow-text">关键催化剂与发展路径</h3>
|
||
<div class="space-y-4">
|
||
<div class="collapse collapse-plus bg-slate-900/50">
|
||
<input type="radio" name="catalyst-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-white">
|
||
近期催化剂 (未来3-12个月)
|
||
</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<ul class="list-disc list-inside space-y-2 pt-2">
|
||
<li><strong>全线通车运营：</strong> 明确的<strong class="text-white">2026年3月</strong>全线通车是最大的、确定性最高的催化剂。</li>
|
||
<li><strong>匈牙利段铺轨完成：</strong> 预计<strong class="text-white">2025年中期完工</strong>，任何关于此的官方公告都将是重要阶段性催化剂。</li>
|
||
<li><strong>运营数据发布：</strong> 全线通车后，初期的客运量、货运量、准点率等数据将是验证项目商业可行性的关键。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-slate-900/50">
|
||
<input type="radio" name="catalyst-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-white">
|
||
长期发展路径
|
||
</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<ul class="list-disc list-inside space-y-2 pt-2">
|
||
<li><strong>示范效应显现 (2026-2028年)：</strong> 项目将成为中国竞标其他欧洲铁路项目的“活广告”和标杆案例。</li>
|
||
<li><strong>产业链出海深化 (2027年及以后)：</strong> 零部件和系统供应商将系统性地开拓欧洲市场，实现从“项目出海”到“产业出海”的升级。</li>
|
||
<li><strong>路网延伸与升级 (长期)：</strong> 可能出现向周边国家延伸的“延伸项目”，形成更广阔的互联互通网络，持续释放基建需求。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Industry Chain -->
|
||
<div class="grid-item grid-item-span-12 lg:grid-item-span-6 glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-cyan-300 mb-4 glow-text">产业链与核心公司剖析</h3>
|
||
<div class="space-y-3 text-slate-300">
|
||
<div>
|
||
<p class="font-semibold text-white">领导者与逻辑最纯粹者:</p>
|
||
<p><strong class="text-cyan-400">中国中车 (601766):</strong> 整车供应商，“技术输出”的直接体现者。4.2亿欧元合同是核心设备订单，关联度最高。</p>
|
||
</div>
|
||
<div>
|
||
<p class="font-semibold text-white">总包商 (基石角色):</p>
|
||
<p><strong class="text-cyan-400">中国中铁 (601390)、中国交建 (601800):</strong> 主要承包商，项目执行基石。单个项目对整体业绩弹性相对较小。</p>
|
||
</div>
|
||
<div>
|
||
<p class="font-semibold text-white">“破局者”与高弹性标的:</p>
|
||
<p><strong class="text-cyan-400">科安达 (002972):</strong> 逻辑在于市场准入的“0到1”突破。计轴系统获匈牙利认证，是开拓欧洲市场的起点，业绩弹性大，故事更具想象空间。</p>
|
||
</div>
|
||
<div>
|
||
<p class="font-semibold text-white">专业系统供应商:</p>
|
||
<p><strong class="text-cyan-400">凯发电气 (300407)、高铁电气 (688285):</strong> 在细分领域深度参与，受益于欧洲市场的实践经验和品牌背书。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Risks -->
|
||
<div class="grid-item grid-item-span-12 glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-red-400 mb-4 glow-text">潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>技术风险:</strong> 中国技术体系与欧洲既有体系的长期兼容与互操作性面临考验，可能影响运营效率和成本。</li>
|
||
<li><strong>商业化风险:</strong> 项目由政治驱动，其经济可行性是长期挑战。能否吸引足够客流和货流以覆盖高昂的运营成本存在不确定性。</li>
|
||
<li><strong>政策与竞争风险:</strong> 易受中欧关系波动影响。未来欧盟若出台更严格技术壁垒，或面临西门子、阿尔斯通等本土巨头激烈竞争。</li>
|
||
<li><strong>信息交叉验证风险:</strong> 研报预测的完工时间(2025年中)与新闻确认的开通时间(2026年3月)存在出入，暗示项目可能存在延期。订单金额在市场流传中存在混淆。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Supporting Data -->
|
||
<div class="grid-item grid-item-span-12 glass-card p-6">
|
||
<h3 class="text-2xl font-bold text-cyan-300 mb-4 glow-text">核心数据源摘要</h3>
|
||
<div class="join join-vertical w-full">
|
||
<div class="collapse collapse-arrow join-item border border-base-300 bg-slate-900/50">
|
||
<input type="radio" name="data-accordion" checked="checked"/>
|
||
<div class="collapse-title text-xl font-medium text-white">新闻数据精华</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<ul class="list-disc list-inside space-y-2 pt-2">
|
||
<li><strong>匈塞铁路塞段全线通车 (2025-10-03):</strong> 诺维萨德至苏博蒂察段通车，标志着塞尔维亚段全线开通运营。</li>
|
||
<li><strong>全线完工时间确认 (2024-11-15):</strong> 匈塞两国领导人确认，匈塞铁路将于2026年完工，最迟于2026年3月开通。</li>
|
||
<li><strong>高层持续推进 (2024-09-09):</strong> 国家发改委与匈牙利国民经济部会谈，就共建“一带一路”、匈塞铁路项目建设等议题进行交流。</li>
|
||
<li><strong>"一带一路"框架重点项目 (2025-11-05):</strong> 李强会见塞尔维亚总理时指出，在高质量共建“一带一路”框架内，推进匈塞铁路等重点项目。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow join-item border border-base-300 bg-slate-900/50">
|
||
<input type="radio" name="data-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-white">路演数据精华</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<ul class="list-disc list-inside space-y-2 pt-2">
|
||
<li><strong>技术输出标杆:</strong> 被多家机构定位为中国高铁技术向欧洲输出的标志性案例，是“一带一路”重要组成部分。</li>
|
||
<li><strong>订单金额修正:</strong> 国金机械路演明确指出中国中车订单为<strong class="text-white">4.2亿欧元</strong>（非人民币），且为联合体成员。</li>
|
||
<li><strong>零部件供应商突破:</strong> 科安达通过该项目获得计轴系统和防雷系统的<strong class="text-white">匈牙利认证</strong>，是其开拓欧洲市场的起点。</li>
|
||
<li><strong>未来增量:</strong> 山东路桥路演首次提出<strong class="text-white">“匈塞铁路延伸项目”</strong>概念，暗示未来存在延伸工程机会。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow join-item border border-base-300 bg-slate-900/50">
|
||
<input type="radio" name="data-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-white">研报数据精华</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<ul class="list-disc list-inside space-y-2 pt-2">
|
||
<li><strong>旗舰项目定位:</strong> 被匈牙利总理称为"一带一路"的旗舰项目，是"一带一路"倡议与匈牙利"向东开放"战略紧密对接的体现。</li>
|
||
<li><strong>建设进展:</strong> 匈牙利段已全面进入铺轨施工阶段，预计<strong class="text-white">2025年中期完工</strong>（注意与新闻时间点的差异）。</li>
|
||
<li><strong>核心价值:</strong> 两国首都旅行时间将从8小时缩短至3小时，强化匈牙利交通枢纽地位，是中国企业在欧盟内合作承建的首条铁路项目。</li>
|
||
<li><strong>风险提示:</strong> 中国中车相关研报将“海外市场拓展不及预期”列为风险，并注明与匈塞铁路项目直接相关，需重点关注项目落地及订单转化。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock Table -->
|
||
<div class="grid-item grid-item-span-12 glass-card p-6 overflow-x-auto">
|
||
<h3 class="text-2xl font-bold text-cyan-300 mb-4 glow-text">核心相关标的梳理</h3>
|
||
<table class="table table-zebra w-full">
|
||
<thead>
|
||
<tr>
|
||
<th class="w-1/6">股票名称</th>
|
||
<th class="w-1/6">股票代码</th>
|
||
<th>核心逻辑与关联性</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>中国中车</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601766" target="_blank" class="link link-hover text-cyan-400">601766</a></td>
|
||
<td>核心整车制造商，提供高速动车组。与塞尔维亚签署采购合同，是技术输出的直接体现者，逻辑最纯粹。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>科安达</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002972" target="_blank" class="link link-hover text-cyan-400">002972</a></td>
|
||
<td>核心零部件供应商，计轴及道岔融雪项目已在匈塞铁路取得多项资质认证，实现欧洲市场“0到1”的突破，弹性高。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>凯发电气</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300407" target="_blank" class="link link-hover text-cyan-400">300407</a></td>
|
||
<td>供电系统核心供应商，产品在匈塞铁路等海外项目应用，已完成二期综自系统等供货任务，业绩兑现度高。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>中国中铁</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601390" target="_blank" class="link link-hover text-cyan-400">601390</a></td>
|
||
<td>项目主要承包商之一，负责工程建设。作为基建龙头，是项目执行的基石。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>中国交建</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601800" target="_blank" class="link link-hover text-cyan-400">601800</a></td>
|
||
<td>项目主要承包商之一，是匈塞铁路塞尔维亚段的建设者。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>高铁电气</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=688285" target="_blank" class="link link-hover text-cyan-400">688285</a></td>
|
||
<td>接触网零件供应商，参与匈塞铁路项目，认证工作取得进展，首批产品已发货。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>包钢股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600010" target="_blank" class="link link-hover text-cyan-400">600010</a></td>
|
||
<td>上游原材料供应商，2022年获得60E1钢轨订单，用于匈塞铁路塞尔维亚路段建设。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>巨力索具</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002342" target="_blank" class="link link-hover text-cyan-400">002342</a></td>
|
||
<td>工程索具供应商，多次参与“一带一路”重点工程项目建设，包括匈塞铁路。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>中国铁物</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000927" target="_blank" class="link link-hover text-cyan-400">000927</a></td>
|
||
<td>为匈塞铁路等“一带一路”重点项目提供物资代理集成服务。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>晋亿实业</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601002" target="_blank" class="link link-hover text-cyan-400">601002</a></td>
|
||
<td>国内领先的高铁扣件制造商，是铁路建设的基础零部件供应商。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>晋西车轴</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600495" target="_blank" class="link link-hover text-cyan-400">600495</a></td>
|
||
<td>铁路车辆核心部件供应商，主要产品包括车轴、轮对等。</td>
|
||
</tr>
|
||
<tr>
|
||
<td>辉煌科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002296" target="_blank" class="link link-hover text-cyan-400">002296</a></td>
|
||
<td>铁路信号通信领域产品研制商，为铁路运营提供核心技术支持。</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('timeline-chart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
formatter: function (params) {
|
||
return params[0].name + '<br/>' + params[0].value;
|
||
},
|
||
backgroundColor: 'rgba(15, 23, 42, 0.8)',
|
||
borderColor: 'rgba(0, 225, 255, 0.5)',
|
||
textStyle: {
|
||
color: '#e0e0e0'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: ['2022', '2023.10', '2024.11', '2025.10', '2026.03'],
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#a0aec0'
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
show: false
|
||
},
|
||
series: [{
|
||
name: '事件',
|
||
type: 'line',
|
||
step: 'start',
|
||
symbol: 'circle',
|
||
symbolSize: 10,
|
||
data: [
|
||
{value: '贝诺段开通运营', name: '2022'},
|
||
{value: '中车签署动车组合同', name: '2023.10'},
|
||
{value: '确认2026年3月开通', name: '2024.11'},
|
||
{value: '塞尔维亚段全线通车', name: '2025.10'},
|
||
{value: '预计全线正式开通', name: '2026.03'},
|
||
],
|
||
lineStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
|
||
offset: 0,
|
||
color: '#83bff6'
|
||
}, {
|
||
offset: 1,
|
||
color: '#00e1ff'
|
||
}])
|
||
},
|
||
itemStyle: {
|
||
color: '#00e1ff',
|
||
borderColor: '#fff',
|
||
borderWidth: 2,
|
||
shadowColor: 'rgba(0, 225, 255, 0.8)',
|
||
shadowBlur: 10
|
||
},
|
||
label: {
|
||
show: true,
|
||
position: 'top',
|
||
formatter: '{b}',
|
||
color: '#e0e0e0',
|
||
backgroundColor: 'rgba(15, 23, 42, 0.7)',
|
||
padding: [4, 6],
|
||
borderRadius: 4
|
||
}
|
||
}]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |