437 lines
30 KiB
HTML
437 lines
30 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="dark">
|
||
<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.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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #000212;
|
||
background-image: radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), rgba(255, 255, 255, 0));
|
||
color: #E2E8F0; /* slate-200 */
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(17, 24, 39, 0.3); /* gray-900 with alpha */
|
||
backdrop-filter: blur(24px);
|
||
-webkit-backdrop-filter: blur(24px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 1.5rem; /* rounded-3xl */
|
||
box-shadow: 0 0 80px rgba(59, 130, 246, 0.1); /* blue-500 glow */
|
||
}
|
||
|
||
.title-glow {
|
||
text-shadow: 0 0 8px rgba(96, 165, 250, 0.7); /* blue-400 */
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
grid-template-columns: repeat(6, 1fr);
|
||
grid-auto-rows: auto;
|
||
}
|
||
|
||
.grid-item {
|
||
transition: all 0.3s ease-in-out;
|
||
}
|
||
|
||
/* Responsive grid adjustments */
|
||
@media (max-width: 1024px) {
|
||
.bento-grid {
|
||
grid-template-columns: repeat(4, 1fr);
|
||
}
|
||
.col-span-4 { grid-column: span 4; }
|
||
.col-span-2 { grid-column: span 4; }
|
||
.col-span-3 { grid-column: span 4; }
|
||
.col-span-6 { grid-column: span 4; }
|
||
}
|
||
@media (max-width: 768px) {
|
||
.bento-grid {
|
||
grid-template-columns: repeat(1, 1fr);
|
||
}
|
||
.col-span-4, .col-span-2, .col-span-3, .col-span-6 {
|
||
grid-column: span 1;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen p-4 sm:p-8">
|
||
<div class="max-w-7xl mx-auto">
|
||
<!-- Header -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl sm:text-6xl font-bold title-glow text-blue-300">海事反制</h1>
|
||
<p class="text-lg text-slate-400 mt-4">地缘政治博弈下的产业链重构与战略威慑</p>
|
||
</header>
|
||
|
||
<!-- Bento Grid Layout -->
|
||
<main class="bento-grid">
|
||
|
||
<!-- Core Insight -->
|
||
<div class="glass-card p-6 col-span-6 lg:col-span-4 grid-item">
|
||
<h2 class="text-2xl font-bold mb-4 text-blue-300 title-glow">概念核心观点</h2>
|
||
<p class="text-slate-300 leading-relaxed">
|
||
“海事反制”是一个由地缘政治博弈驱动的、具有明确国家战略意图的政策性概念。其当前处于**“工具亮剑、暂入鞘中”**的事件驱动阶段，核心驱动力是中美贸易摩擦下，中国通过精准的非关税壁垒（特别港务费）进行“正当防卫”，并意图重塑国际航运和商品定价权格局。其未来潜力不仅在于应对单一贸易争端，更在于标志着中国已建立起一个制度化、可量化的海事领域“反制工具箱”，具备长期战略威慑和影响全球海运格局的能力。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Key Data & Catalysts -->
|
||
<div class="glass-card p-6 col-span-6 lg:col-span-2 grid-item" x-data="{ tab: 'catalyst' }">
|
||
<div class="tabs tabs-boxed bg-slate-800/50 mb-4">
|
||
<a class="tab" :class="{'tab-active': tab === 'catalyst'}" @click="tab = 'catalyst'">关键催化剂</a>
|
||
<a class="tab" :class="{'tab-active': tab === 'logic'}" @click="tab = 'logic'">核心逻辑</a>
|
||
</div>
|
||
<div x-show="tab === 'catalyst'">
|
||
<ul class="space-y-3 text-slate-300">
|
||
<li><strong>暂停期结束 (2026年10月):</strong> 中美双方是否重启措施，是最大、最确定的催化剂。</li>
|
||
<li><strong>地缘政治事件:</strong> 南海、台海等区域紧张局势可能触发反制工具。</li>
|
||
<li><strong>法规细化:</strong> 《国际海运条例》配套补偿或反制细则出台。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="tab === 'logic'">
|
||
<ul class="space-y-3 text-slate-300">
|
||
<li><strong>驱动力:</strong> 政策驱动下的精准供给侧冲击。</li>
|
||
<li><strong>核心条款:</strong> “美资≥25%股权”穿透条款，精准打击全球资本结构。</li>
|
||
<li><strong>战略意图:</strong> 削弱美元结算优势，推动大宗商品CIF定价权向中国转移。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Event Timeline -->
|
||
<div class="glass-card p-6 col-span-6 grid-item">
|
||
<h2 class="text-2xl font-bold mb-4 text-blue-300 title-glow">概念事件时间轴</h2>
|
||
<div id="timeline-chart" style="width: 100%; height: 400px;"></div>
|
||
</div>
|
||
|
||
<!-- Supporting Data Tabs -->
|
||
<div class="glass-card col-span-6 grid-item" x-data="{ activeTab: 'news' }">
|
||
<div class="tabs tabs-bordered p-4">
|
||
<a class="tab text-lg" :class="{ 'tab-active text-blue-400': activeTab === 'news' }" @click="activeTab = 'news'">新闻数据</a>
|
||
<a class="tab text-lg" :class="{ 'tab-active text-blue-400': activeTab === 'roadshow' }" @click="activeTab = 'roadshow'">路演纪要</a>
|
||
<a class="tab text-lg" :class="{ 'tab-active text-blue-400': activeTab === 'report' }" @click="activeTab = 'report'">研报精粹</a>
|
||
</div>
|
||
<div class="p-6">
|
||
<!-- News Content -->
|
||
<div x-show="activeTab === 'news'">
|
||
<div class="collapse collapse-plus bg-slate-900/50 mb-2">
|
||
<input type="radio" name="news-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-slate-200">中美贸易摩擦与反制措施</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong class="text-amber-300">[2025-01-17]</strong> 美方发布对华海事、物流和造船业301调查报告，中方称其充斥不实指责。</li>
|
||
<li><strong class="text-green-300">[2025-10-10]</strong> 针对美方将征收港口费，中国商务部、交通运输部宣布反制，依据《国际海运条例》对美元素船舶收取特别港务费。</li>
|
||
<li><strong class="text-green-300">[2025-10-14]</strong> 中方反制措施正式生效，同日宣布对韩华海洋株式会社5家美国子公司采取反制。</li>
|
||
<li><strong class="text-yellow-300">[2025-10-30]</strong> 商务部宣布，美方将暂停301措施一年，中方也相应暂停反制措施一年。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-slate-900/50">
|
||
<input type="radio" name="news-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-slate-200">南海问题及国家海事能力建设</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong class="text-red-400">[2024-09-14]</strong> 国防部就南海问题表态：“无论谁在南海兴风作浪，中方都将采取有力有效措施坚决反制。”</li>
|
||
<li><strong class="text-blue-300">[2025-10-26]</strong> 报告显示，我国已成为世界上海事审判体系最完善、案件数量最多的国家。</li>
|
||
<li><strong class="text-blue-300">[2025-07-01]</strong> 我国海事最大溢油回收船“海巡041”轮正式列编，提升应急处置能力。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Roadshow Content -->
|
||
<div x-show="activeTab === 'roadshow'">
|
||
<div class="collapse collapse-plus bg-slate-900/50 mb-2">
|
||
<input type="radio" name="roadshow-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-slate-200">核心反制措施：特别港务费详解</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>生效时间：</strong> 2025年10月14日，与美方同步生效。</li>
|
||
<li><strong>征收标准：</strong> <span class="font-bold text-amber-300">400元人民币/净吨·次</span> (≈56美元)，三年后阶梯式升至1100元/净吨。</li>
|
||
<li><strong>征收对象（关键）：</strong> 美籍、美旗、美造、美资持股<strong class="text-red-400">≥25%</strong>的公司所有或运营的船舶。执行口径严于美方，无豁免。</li>
|
||
<li><strong>中方豁免：</strong> 特别豁免<strong class="text-green-400">“中国建造船舶”</strong>，旨在对冲美方措施对中国造船业的冲击。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-slate-900/50">
|
||
<input type="radio" name="roadshow-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-slate-200">市场影响深度分析 (预期差)</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>影响范围超预期：</strong> “美资≥25%”条款将全球约 <strong class="text-red-400">15%的原油轮(VLCC)</strong> 和 <strong class="text-red-400">4%-14%的干散货船(Capesize)</strong> 纳入范围，是对全球资本结构的精准打击。</li>
|
||
<li><strong>成本冲击“核弹级”：</strong> 以VLCC为例，单次靠华港费激增约<strong class="text-red-400">4,200万美元</strong>，折合TCE（等价期租租金）增加超<strong class="text-red-400">13万美元/天</strong>，相当于当时运价翻倍。</li>
|
||
<li><strong>行业影响分化：</strong> 对集装箱运输影响有限，但对<strong class="text-amber-300">原油 & 干散货运输</strong>是巨大冲击，将导致货主优先选用非美系船舶，造成有效运力急剧缩减。</li>
|
||
<li><strong>受益方精准定位：</strong> <strong class="text-green-400">美资控股比例低的中资及北欧船东</strong>相对收益最大。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Report Content -->
|
||
<div x-show="activeTab === 'report'">
|
||
<div class="alert bg-slate-800/50 border-slate-700 mb-4">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||
<span>研报数据主要提供宏观背景，验证地缘冲突对海运市场的传导机制。</span>
|
||
</div>
|
||
<div class="collapse collapse-arrow bg-slate-900/50">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title text-xl font-medium text-slate-200">地缘冲突对海运市场的影响 (中远海能研报, 2024-03-13)</div>
|
||
<div class="collapse-content">
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>红海冲突：</strong> 导致油轮绕行好望角，显著增加航程，直接利好Suezmax和Aframax市场，VLCC间接受益。</li>
|
||
<li><strong>俄乌冲突：</strong> 欧洲禁运俄油导致贸易格局重构，运距拉长，激发大西洋成品油运价上行。</li>
|
||
<li><strong>“影子船队”风险：</strong> 为规避制裁而生的“影子船队”（约1000艘）因安全问题被港口扣留增多，加速不合规运力出清。</li>
|
||
<li><strong>宏观约束：</strong> 环保法规限制老船船速，而船坞产能饱和限制新船供给。在此背景下，任何由反制措施（如绕行）引发的运力紧张都将被放大。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Industry Chain Analysis -->
|
||
<div class="glass-card p-6 col-span-6 lg:col-span-3 grid-item">
|
||
<h2 class="text-2xl font-bold mb-4 text-blue-300 title-glow">产业链深度剖析</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra table-sm">
|
||
<thead class="text-slate-300">
|
||
<tr>
|
||
<th>产业链环节</th>
|
||
<th>逻辑分析</th>
|
||
<th>核心公司</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-semibold text-cyan-300">油运/散货</td>
|
||
<td><strong class="text-green-400">逻辑最纯粹受益者。</strong>“替代效应”导致有效供给收缩，运价弹性巨大。</td>
|
||
<td>中远海能, 招商轮船</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-cyan-300">船舶制造</td>
|
||
<td><strong class="text-green-400">间接受益者。</strong>“中国造”豁免条款强化性价比和避险属性，吸引新订单。</td>
|
||
<td>中国船舶, 中船防务</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-cyan-300">港口运营</td>
|
||
<td><strong class="text-yellow-400">角色复杂的参与者。</strong>可收取特别港务费增厚利润，但面临货量流失风险。</td>
|
||
<td>南京港, 上港集团</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Risks and Challenges -->
|
||
<div class="glass-card p-6 col-span-6 lg:col-span-3 grid-item">
|
||
<h2 class="text-2xl font-bold mb-4 text-red-400 title-glow">潜在风险与挑战</h2>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong class="text-red-400">核心政策风险：</strong> 措施目前处于一年暂停期，若被永久搁置，概念基础将不复存在。</li>
|
||
<li><strong>商业化风险：</strong> 长期执行可能推高中国进口成本，带来输入性通胀压力。</li>
|
||
<li><strong>国际竞争风险：</strong> 可能促使国际航运联盟调整航线，分流中国港口业务至周边国家。</li>
|
||
<li><strong>信息时效性风险：</strong> 必须结合最新新闻动态，区分“潜在机制”与“当前暂停的现实”。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Investment Conclusion -->
|
||
<div class="glass-card p-6 col-span-6 grid-item">
|
||
<h2 class="text-2xl font-bold mb-4 text-blue-300 title-glow">综合结论与投资启示</h2>
|
||
<div class="grid md:grid-cols-2 gap-6 text-slate-300">
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-slate-100 mb-2">综合看法</h3>
|
||
<p>概念处于由明确政策事件驱动，但因后续变化而进入**“潜力验证期”**。其基本面驱动尚未兑现，市场博弈的主要是其**未来被重新激活的预期**。</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-lg text-slate-100 mb-2">最具投资价值环节</h3>
|
||
<p><strong class="text-green-300">非美资背景的远洋油品和干散货运输环节</strong>是逻辑最顺、潜在弹性最大的方向。其投资价值类似于一个深度价外的“地缘政治看涨期权”。</p>
|
||
</div>
|
||
<div class="md:col-span-2">
|
||
<h3 class="font-semibold text-lg text-slate-100 mb-2">需重点跟踪的关键指标</h3>
|
||
<ul class="list-disc list-inside space-y-1">
|
||
<li><strong>政策面(最关键):</strong> 2026年10月暂停期结束后中美的官方声明。</li>
|
||
<li><strong>地缘政治:</strong> 南海、台海等区域的紧张局势变化。</li>
|
||
<li><strong>行业基本面:</strong> BDI/BDTI等运价指数，全球关键船型在手订单、交付及拆解数据。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rise Analysis Supplement -->
|
||
<div class="glass-card p-6 col-span-6 grid-item">
|
||
<h2 class="text-2xl font-bold mb-4 text-blue-300 title-glow">相关个股涨幅异动解析</h2>
|
||
<div class="space-y-4">
|
||
<div class="collapse collapse-arrow bg-slate-900/50">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title text-xl font-medium text-slate-200">
|
||
中水渔业 / 国联水产 等 (对日水产品反制)
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p class="text-slate-300">
|
||
由地缘政治言论引发，市场预期中国将扩大对日本水产品的进口限制。核心逻辑是**“国产替代”**，远洋捕捞及水产养殖企业被视为直接受益者。
|
||
<br/><br/>
|
||
<strong class="text-amber-400">驱动模式：</strong> 纯粹的事件与情绪驱动，与公司当期业绩无关。如中水渔业，因其“央企+小市值”属性成为资金博弈弹性的首选标的。行情高度依赖于中日关系的后续发展，风险与不确定性极高。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow bg-slate-900/50">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title text-xl font-medium text-slate-200">
|
||
南京港 (对美反制收费)
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p class="text-slate-300">
|
||
核心逻辑是作为反制措施的执行方，对美籍/美资船舶征收特别港务费将**直接增厚利润**。
|
||
<br/><br/>
|
||
<strong class="text-amber-400">驱动模式：</strong> 明确的政策利好，可进行静态财务测算。市场将其视为零成本的收入增量，直接利好业绩。这是海事反制概念中，逻辑最直接、最容易量化的受益方向之一。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock List Table -->
|
||
<div class="glass-card p-6 col-span-6 grid-item">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-300 title-glow">相关股票列表</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead class="text-sm text-slate-300">
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑</th>
|
||
<th>细分领域</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- Data will be populated here by a script or template engine -->
|
||
<tr><td>南京港</td><td>-</td><td>港口</td><td>港口</td></tr>
|
||
<tr><td>宁波港</td><td><a href="https://valuefrontier.cn/company?scode=601018" target="_blank" class="link link-hover text-blue-400">601018</a></td><td>港口</td><td>港口</td></tr>
|
||
<tr><td>上港集团</td><td><a href="https://valuefrontier.cn/company?scode=600018" target="_blank" class="link link-hover text-blue-400">600018</a></td><td>港口</td><td>港口</td></tr>
|
||
<tr><td>招商港口</td><td><a href="https://valuefrontier.cn/company?scode=001872" target="_blank" class="link link-hover text-blue-400">001872</a></td><td>港口</td><td>港口</td></tr>
|
||
<tr><td>中国船舶</td><td><a href="https://valuefrontier.cn/company?scode=600150" target="_blank" class="link link-hover text-blue-400">600150</a></td><td>造船</td><td>造船</td></tr>
|
||
<tr><td>中船防务</td><td><a href="https://valuefrontier.cn/company?scode=600685" target="_blank" class="link link-hover text-blue-400">600685</a></td><td>造船</td><td>造船</td></tr>
|
||
<tr><td>亚星锚链</td><td><a href="https://valuefrontier.cn/company?scode=601890" target="_blank" class="link link-hover text-blue-400">601890</a></td><td>索具/锚链</td><td>船舶配套</td></tr>
|
||
<tr><td>巨力索具</td><td><a href="https://valuefrontier.cn/company?scode=002342" target="_blank" class="link link-hover text-blue-400">002342</a></td><td>索具/锚链</td><td>船舶配套</td></tr>
|
||
<tr><td>中远海能</td><td><a href="https://valuefrontier.cn/company?scode=600026" target="_blank" class="link link-hover text-blue-400">600026</a></td><td>油品/化学品/船舶租赁</td><td>航运</td></tr>
|
||
<tr><td>招商轮船</td><td><a href="https://valuefrontier.cn/company?scode=601872" target="_blank" class="link link-hover text-blue-400">601872</a></td><td>油品/汽车</td><td>航运</td></tr>
|
||
<tr><td>招商南油</td><td><a href="https://valuefrontier.cn/company?scode=601975" target="_blank" class="link link-hover text-blue-400">601975</a></td><td>油品/化学品</td><td>航运</td></tr>
|
||
<tr><td>中远海控</td><td><a href="https://valuefrontier.cn/company?scode=601919" target="_blank" class="link link-hover text-blue-400">601919</a></td><td>集装箱</td><td>航运</td></tr>
|
||
<tr><td>中谷物流</td><td><a href="https://valuefrontier.cn/company?scode=603565" target="_blank" class="link link-hover text-blue-400">603565</a></td><td>集装箱</td><td>航运</td></tr>
|
||
<tr><td>中国外运</td><td><a href="https://valuefrontier.cn/company?scode=601598" target="_blank" class="link link-hover text-blue-400">601598</a></td><td>集装箱</td><td>航运</td></tr>
|
||
<tr><td>海通发展</td><td><a href="https://valuefrontier.cn/company?scode=603162" target="_blank" class="link link-hover text-blue-400">603162</a></td><td>船舶租赁</td><td>航运</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center text-slate-500 text-xs mt-12">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p>本报告为AI合成数据，投资需谨慎。</p>
|
||
</footer>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('timeline-chart');
|
||
var myChart = echarts.init(chartDom, 'dark'); // Initialize with dark theme
|
||
var option;
|
||
|
||
option = {
|
||
baseOption: {
|
||
timeline: {
|
||
axisType: 'category',
|
||
autoPlay: false,
|
||
playInterval: 3000,
|
||
data: ['2024-09', '2025-01', '2025-10-10', '2025-10-14', '2025-10-30'],
|
||
label: {
|
||
formatter: function (s) {
|
||
return new Date(s).getFullYear() + '-' + (new Date(s).getMonth() + 1);
|
||
},
|
||
color: '#94A3B8' // slate-400
|
||
},
|
||
lineStyle: { color: '#3B82F6' },
|
||
itemStyle: { color: '#60A5FA', borderColor: '#3B82F6' },
|
||
checkpointStyle: { color: '#A78BFA', borderColor: 'rgba(167, 139, 250, 0.6)' },
|
||
controlStyle: { color: '#94A3B8', borderColor: '#94A3B8' },
|
||
emphasis: {
|
||
label: { color: '#fff' },
|
||
itemStyle: { color: '#A78BFA' }
|
||
},
|
||
},
|
||
backgroundColor: 'transparent',
|
||
title: {
|
||
subtext: '关键事件驱动',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#E2E8F0'
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{b}'
|
||
},
|
||
series: [
|
||
{
|
||
type: 'graph',
|
||
layout: 'force',
|
||
force: {
|
||
repulsion: 200,
|
||
edgeLength: 120
|
||
},
|
||
roam: true,
|
||
label: {
|
||
show: true,
|
||
position: 'right',
|
||
formatter: '{b}',
|
||
color: '#E2E8F0',
|
||
fontSize: 14
|
||
},
|
||
lineStyle: {
|
||
color: 'source',
|
||
curveness: 0.3
|
||
},
|
||
emphasis: {
|
||
focus: 'adjacency',
|
||
lineStyle: {
|
||
width: 10
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
options: [
|
||
{
|
||
title: { text: '2024-09: 地缘政治背景' },
|
||
series: [{ data: [{name: '地缘政治背景', symbolSize: 80, itemStyle: {color: '#F87171'}}, {name: '南海反制表态', symbolSize: 50, itemStyle: {color: '#F87171'}}], links: [{source: 0, target: 1}] }]
|
||
},
|
||
{
|
||
title: { text: '2025-01: 贸易摩擦升级' },
|
||
series: [{ data: [{name: '贸易摩擦升级', symbolSize: 80, itemStyle: {color: '#FBBF24'}}, {name: '美发布301调查报告', symbolSize: 50, itemStyle: {color: '#FBBF24'}}, {name: '中方称将捍卫权益', symbolSize: 50, itemStyle: {color: '#FBBF24'}}], links: [{source: 0, target: 1}, {source: 0, target: 2}] }]
|
||
},
|
||
{
|
||
title: { text: '2025-10-10: 反制措施宣布' },
|
||
series: [{ data: [{name: '反制措施宣布', symbolSize: 80, itemStyle: {color: '#34D399'}}, {name: '依据《国际海运条例》', symbolSize: 50, itemStyle: {color: '#34D399'}}, {name: '征收特别港务费', symbolSize: 50, itemStyle: {color: '#34D399'}}], links: [{source: 0, target: 1}, {source: 0, target: 2}] }]
|
||
},
|
||
{
|
||
title: { text: '2025-10-14: 措施正式生效' },
|
||
series: [{ data: [{name: '措施正式生效', symbolSize: 80, itemStyle: {color: '#60A5FA'}}, {name: '中美措施同步', symbolSize: 50, itemStyle: {color: '#60A5FA'}}, {name: '制裁韩华海洋美国子公司', symbolSize: 50, itemStyle: {color: '#60A5FA'}}], links: [{source: 0, target: 1}, {source: 0, target: 2}] }]
|
||
},
|
||
{
|
||
title: { text: '2025-10-30: 事件暂缓' },
|
||
series: [{ data: [{name: '事件暂缓', symbolSize: 80, itemStyle: {color: '#A78BFA'}}, {name: '双方暂停措施一年', symbolSize: 50, itemStyle: {color: '#A78BFA'}}, {name: '进入观察期', symbolSize: 50, itemStyle: {color: '#A78BFA'}}], links: [{source: 0, target: 1}, {source: 0, target: 2}] }]
|
||
}
|
||
]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |