Files
vf_react/public/htmls/柬泰战争.html
2025-12-05 13:29:18 +08:00

438 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #0a0a0f;
overflow-x: hidden;
position: relative;
}
.font-space {
font-family: 'Space Grotesk', sans-serif;
}
.glass-card {
background: rgba(16, 19, 34, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(100, 116, 139, 0.2);
border-radius: 1.5rem; /* 极致圆角 */
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
box-shadow: 0 0 40px rgba(0, 191, 255, 0.2), 0 0 15px rgba(255, 255, 255, 0.1);
transform: translateY(-5px);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
h2.section-title {
@apply text-3xl font-bold font-space text-cyan-300 mb-6 tracking-wider relative pb-3;
}
h2.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
background: linear-gradient(90deg, #0ea5e9, #67e8f9);
border-radius: 99px;
}
.turrell-glow {
position: fixed;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
max-width: 1200px;
max-height: 1200px;
transform: translate(-50%, -50%);
background: radial-gradient(circle at center, rgba(22, 78, 99, 0.4) 0%, rgba(8, 47, 73, 0.2) 30%, rgba(10, 10, 15, 0) 70%);
z-index: -1;
pointer-events: none;
animation: pulse 15s infinite ease-in-out;
}
@keyframes pulse {
0% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.7; }
50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
100% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.7; }
}
.prose-custom {
@apply text-slate-300;
}
.prose-custom h3 {
@apply text-xl font-bold text-sky-400 font-space mt-6 mb-3;
}
.prose-custom ul {
@apply list-disc list-inside space-y-2;
}
.prose-custom li::marker {
@apply text-cyan-400;
}
.prose-custom strong {
@apply text-amber-300;
}
.prose-custom code {
@apply bg-slate-700 text-pink-400 px-2 py-1 rounded-md;
}
.table th, .table td {
border-color: rgba(100, 116, 139, 0.2) !important;
}
.table th {
@apply text-cyan-300 font-space;
}
</style>
</head>
<body class="text-slate-200">
<div class="turrell-glow"></div>
<div class="container mx-auto p-4 md:p-8">
<header class="text-center my-12">
<h1 class="text-5xl md:text-6xl font-bold font-space text-transparent bg-clip-text bg-gradient-to-r from-sky-300 to-cyan-500 tracking-tighter">
概念深度分析:柬泰战争
</h1>
<p class="mt-4 text-slate-400 text-lg">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现
</p>
<p class="mt-1 text-xs text-slate-500">
本报告为AI合成数据投资需谨慎。
</p>
</header>
<main class="space-y-12">
<!-- 概念事件 -->
<section class="glass-card p-8">
<h2 class="section-title">概念事件</h2>
<div class="prose-custom max-w-none">
<p>“柬泰战争”概念源于2025年5月至11月期间柬埔寨与泰国之间因历史遗留的领土争端问题而爆发的一系列军事冲突及外交危机。该事件是两国近十年来最严重的一次军事对抗引发了资本市场的广泛关注。</p>
<p><strong>背景与核心矛盾</strong>:冲突的根本原因在于两国边境,特别是<code>柏威夏寺</code>周边地区的领土主权争议。尽管海牙国际法院在1962年和2013年已做出有利于柬埔寨的裁决但泰国部分政界与军方仍持保留态度为冲突埋下伏笔。</p>
<p><strong>市场引爆点</strong><strong>2025年7月24日</strong>的大规模冲突是该概念在资本市场的核心引爆点,引发了市场对供应链中断、军工需求增加及地缘政治风险外溢的广泛预期。</p>
</div>
</section>
<!-- 冲突时间轴 -->
<section class="glass-card p-8">
<h2 class="section-title">冲突时间轴</h2>
<div id="timeline-chart" class="w-full h-96"></div>
<div x-data="{ open: false }" class="mt-4">
<button @click="open = !open" class="btn btn-outline btn-info btn-sm">
<span x-show="!open">展开详细时间线</span>
<span x-show="open">收起详细时间线</span>
</button>
<div x-show="open" x-transition class="prose-custom max-w-none mt-4 text-sm p-4 bg-slate-900/50 rounded-xl">
<ul>
<li><strong>2025-05-28 (早期冲突):</strong> 柬泰士兵边境冲突柬方1名士兵死亡。</li>
<li><strong>2025-06-23 (局势升级):</strong> 泰国宣布关闭所有泰柬边境口岸。</li>
<li><strong>2025-07-23 (外交破裂):</strong> 泰国因“地雷爆炸事件”降低与柬埔寨的外交关系。</li>
<li><strong>2025-07-24 (大规模冲突):</strong> 双方爆发大规模冲突,互相指责。柬方宣称控制争议地区,两国互相驱逐大使,外交关系降至代办级。</li>
<li><strong>2025-07-25 (国际介入):</strong> 联合国安理会召开闭门会议冲突造成泰方14人死亡柬方称8万平民逃离家园。</li>
<li><strong>2025-07-28 (首次停火):</strong> 在马来西亚斡旋下,两国领导人达成立即无条件停火协议。</li>
<li><strong>2025-08-14 (中方调解):</strong> 中柬泰三方外长在云南安宁茶叙,重申落实停火。</li>
<li><strong>2025-10-26 (和平声明):</strong> 双方在吉隆坡签署联合声明,同意撤除重武、扫雷。</li>
<li><strong>2025-11-10 (进程受挫):</strong> 因泰国士兵触雷受伤,泰国总理暂停执行和平联合声明。</li>
<li><strong>2025-11-12 (再起争端):</strong> 双方再次就开火事件互相指责。</li>
</ul>
</div>
</div>
</section>
<!-- 核心观点与逻辑分析 -->
<section class="glass-card p-8">
<h2 class="section-title">核心观点与逻辑分析</h2>
<div class="prose-custom max-w-none">
<p class="text-lg border-l-4 border-cyan-400 pl-4 italic">“柬泰战争”是一个典型的地缘政治事件驱动型概念,当前处于<strong>高波动性的主题炒作阶段</strong>。其核心驱动力源于市场对关键大宗商品供应链中断的恐慌性预期,以及对军工装备需求增加的直接联想。深入分析揭示,市场反应中存在大量情绪化噪音、逻辑链条脆弱甚至错误的标的关联,显示出显著的预期差。</p>
<h3>概念核心驱动力:供给侧冲击与特定需求爆发</h3>
<div class="grid md:grid-cols-3 gap-6 mt-4">
<div class="bg-slate-900/50 p-6 rounded-2xl border border-slate-700">
<h4 class="font-space text-lg text-rose-400">大宗商品供应链中断</h4>
<p class="text-sm mt-2">泰国是全球最大天然橡胶生产国(占全球<strong>31.3%</strong>),柬埔寨是主要大米出口国。市场预期战争打击生产与出口,利好拥有替代产能的国内企业。</p>
</div>
<div class="bg-slate-900/50 p-6 rounded-2xl border border-slate-700">
<h4 class="font-space text-lg text-amber-400">军工装备需求提振</h4>
<p class="text-sm mt-2">战争直接消耗武器弹药,暴露防卫短板。市场预期冲突双方及周边国家增加军备采购,利好有军贸历史或产品契合度高的中国军工企业。</p>
</div>
<div class="bg-slate-900/50 p-6 rounded-2xl border border-slate-700">
<h4 class="font-space text-lg text-indigo-400">避险情绪与资产重估</h4>
<p class="text-sm mt-2">局部冲突下,资金从风险区流向防御性板块或战略资源。稀土板块被纳入,基于一种泛化的“地缘冲突=战略资源为王”的宏大叙事投射。</p>
</div>
</div>
<h3>预期差分析:市场热点 vs 企业现实</h3>
<p>资本市场热烈交易“战争”概念,但<strong>路演数据显示,身处一线的企业对此讳莫如深</strong>。通用股份和嵘泰股份的路演中均未直接提及战争,而是着眼于更长期的<code>海外政策风险</code>(柬埔寨政权更迭)、<code>关税风险</code>,并已做出“暂缓在泰国的开发计划”等战略调整。这表明,企业的风险管理是前置和审慎的,与市场对短期事件的脉冲式反应形成鲜明对比。</p>
<ul>
<li><strong>强预期差 (负面)</strong>: <strong>稀土板块</strong>的关联最为牵强,纯属市场在不确定性下的概念“拉郎配”。</li>
<li><strong>强预期差 (风险认知不足)</strong>: 市场可能将<strong>中策橡胶</strong>视为橡胶价格上涨的受益者,但忽略了其“大部分由公司全资子公司<strong>中策泰国</strong>出口”这一致命的运营风险。战争对其泰国基地构成直接威胁,这是一个被市场普遍认知所忽略的关键风险点。</li>
<li><strong>信息噪音干扰</strong>: 涨幅分析显示,<strong>泰凌微</strong>因与“泰格医药”名称混淆上涨,<strong>合力泰</strong>因自身业绩扭亏上涨。这证明市场在主题发酵初期,存在大量的<strong>相关性谬误</strong></li>
</ul>
</div>
</section>
<!-- 关键催化剂与未来发展路径 -->
<section class="bento-grid">
<div class="glass-card p-8 md:col-span-2">
<h2 class="section-title">关键催化剂 (未来3-6个月)</h2>
<div class="prose-custom max-w-none">
<ul>
<li><strong>停火协议的稳定性:</strong> 任何新的边境摩擦、士兵伤亡都可能成为冲突再起的直接催化剂 (参考<strong>11月10日</strong>泰国暂停和平声明事件)。</li>
<li><strong>外交斡旋的成果:</strong> 由马来西亚、中国等第三方主导的后续谈判进展是局势走向的关键风向标。</li>
<li><strong>军备采购订单:</strong> 若天和防务、内蒙一机等公司公告来自该区域的新增订单,将是对军工逻辑的实质性验证。</li>
<li><strong>经济数据发布:</strong> 泰、柬后续发布的贸易、旅游和FDI数据将量化冲突的实际经济影响使市场从情绪驱动转向数据驱动。</li>
</ul>
</div>
</div>
<div class="glass-card p-8">
<h2 class="section-title">长期发展路径</h2>
<div class="prose-custom max-w-none">
<p>研报明确指出,冲突根源是“历史遗留的领土争端问题”,且核心争议点“柏威夏寺”的裁决仍未被泰国部分势力完全接受。这预示着该问题难以在短期内根除。</p>
<p><strong>发展路径预测</strong>:概念将呈现“<strong>脉冲式爆发 → 缓和休眠 → 再次激活</strong>”的周期性特征。对于在该地有长期布局的企业,地缘政治风险将成为一个长期存在的“达摩克里斯之剑”。</p>
</div>
</div>
</section>
<!-- 产业链与核心公司剖析 -->
<section class="glass-card p-8">
<h2 class="section-title">产业链与核心公司深度剖析</h2>
<div class="prose-custom max-w-none">
<h3>产业链图谱</h3>
<ul class="grid grid-cols-1 md:grid-cols-3 gap-4">
<li><strong>受冲击的上游 (供给侧):</strong> 柬埔寨农业 (大米)、泰国天然橡胶产业。</li>
<li><strong>受影响的中游 (国内替代/受益方):</strong> 国内大米加工 (金健米业)、国内天然橡胶 (海南橡胶)、军工装备 (天和防务、内蒙一机)。</li>
<li><strong>面临直接风险的下游 (海外资产暴露):</strong> 在泰、柬有生产基地的企业 (中策橡胶、通用股份、赛轮轮胎)。</li>
</ul>
<h3>核心玩家对比</h3>
<div class="grid md:grid-cols-1 lg:grid-cols-3 gap-6 mt-4">
<div class="bg-slate-900/50 p-6 rounded-2xl border border-slate-700">
<h4 class="font-space text-lg text-sky-400">逻辑最纯粹 (军工)</h4>
<p class="mt-2"><strong>天和防务:</strong> 逻辑最为直接。其TH-S311防空系统已配置于柬埔寨战争爆发意味着维修、弹药补给和新增订单的可能性大增。</p>
<p class="mt-2"><strong>内蒙一机:</strong> 逻辑较强。有向泰国批量出口军贸产品的历史,建立了销售渠道和信任基础。</p>
</div>
<div class="bg-slate-900/50 p-6 rounded-2xl border border-slate-700">
<h4 class="font-space text-lg text-orange-400">逻辑双刃剑 (商品与海外资产)</h4>
<p class="mt-2"><strong>中策橡胶:</strong> <strong>风险大于机遇</strong>。严重依赖泰国子公司的生产和出口,战争直接威胁其核心资产和现金流来源,是典型的“伪受益”标的。</p>
<p class="mt-2"><strong>海南橡胶:</strong> 逻辑相对通顺。作为中国最大的天然橡胶生产企业,泰国供给若中断,将直接受益于国内价格上涨和份额提升。</p>
</div>
<div class="bg-slate-900/50 p-6 rounded-2xl border border-slate-700">
<h4 class="font-space text-lg text-red-400">逻辑最脆弱 (概念延伸)</h4>
<p class="mt-2"><strong>北方稀土等:</strong> <strong>几乎无直接关联</strong>。是市场情绪在缺乏精准标的时,将地缘冲突与战略资源进行粗暴绑定的结果,是需要高度警惕的投机陷阱。</p>
</div>
</div>
<h3>验证与证伪</h3>
<p>研报2025-08-15提到冲突导致“物流受阻”、“外贸造成不利影响”<strong>验证了</strong>对中策橡胶、通用股份等在当地有运营的公司的风险担忧是成立的。同时,市场将中策橡胶归为受益股,但其业务模式与战争风险存在根本矛盾,这是对市场逻辑的<strong>证伪</strong></p>
</div>
</section>
<!-- 综合结论与投资启示 -->
<section class="glass-card p-8">
<h2 class="section-title">综合结论与投资启示</h2>
<div class="prose-custom max-w-none">
<p><strong>最终看法:</strong> 该概念目前明确处于<strong>主题炒作阶段</strong>。其核心逻辑有一定现实基础,但市场反应过度,包含了大量非理性情绪和逻辑瑕疵。基本面驱动的特征尚未显现,投资需以短线事件驱动的视角对待。</p>
<h3>最具投资价值的细分环节</h3>
<ol class="list-decimal list-inside space-y-2">
<li><strong>首选:军工装备。</strong>逻辑最直接、最不容易被证伪。其中,<strong>天和防务</strong>因与柬埔寨有明确的存量业务关系,其逻辑纯度最高。</li>
<li><strong>次选:国内大宗商品替代。</strong><strong>海南橡胶</strong>,受益逻辑清晰,且自身运营风险低。</li>
<li><strong>规避:海外资产严重暴露的标的。</strong><strong>中策橡胶</strong>,以及<strong>通用股份、赛轮轮胎</strong>,在局势明朗前,其运营不确定性风险远大于潜在收益。</li>
</ol>
<h3>需重点跟踪和验证的关键指标</h3>
<ul>
<li><strong>地缘政治信号:</strong> 边境地区是否再次发生交火;中、马等国的外交斡旋成果。</li>
<li><strong>商品期货价格:</strong> 国际天然橡胶、大米期货价格走势。</li>
<li><strong>企业订单数据:</strong> 军工企业是否公告新增海外订单。</li>
<li><strong>企业运营数据:</strong> 在泰柬有工厂的企业,其产能利用率、销售收入及利润的披露。</li>
</ul>
</div>
</section>
<!-- 概念股票池 -->
<section x-data="{ tab: 'core' }">
<div role="tablist" class="tabs tabs-boxed bg-slate-800/50 max-w-md mx-auto">
<a role="tab" class="tab" :class="{'tab-active': tab === 'core'}" @click.prevent="tab = 'core'">核心标的</a>
<a role="tab" class="tab" :class="{'tab-active': tab === 'analysis'}" @click.prevent="tab = 'analysis'">涨幅异动分析</a>
</div>
<div x-show="tab === 'core'" class="mt-8">
<div class="glass-card p-4 sm:p-8">
<h2 class="section-title">核心标的池</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>分类标签</th>
</tr>
</thead>
<tbody>
<tr><td>天和防务</td><td><a href="https://valuefrontier.cn/company?scode=300397" target="_blank" class="link link-hover link-info">300397</a></td><td>柬埔寨配置有公司的TH-S311“猎影”轮式防空作战指挥系统。</td><td>军工装备</td></tr>
<tr><td>内蒙一机</td><td><a href="https://valuefrontier.cn/company?scode=600967" target="_blank" class="link link-hover link-info">600967</a></td><td>军贸实现向泰国等国家的持续批量出口。</td><td>军工装备</td></tr>
<tr><td>海南橡胶</td><td><a href="https://valuefrontier.cn/company?scode=601118" target="_blank" class="link link-hover link-info">601118</a></td><td>中国最大的天然橡胶生产企业,泰国供给中断将受益于价格上涨和份额提升。</td><td>橡胶</td></tr>
<tr><td>金健米业</td><td><a href="https://valuefrontier.cn/company?scode=600127" target="_blank" class="link link-hover link-info">600127</a></td><td>柬埔寨是世界主要大米出口国之一,公司从事农产品进出口。</td><td>食品</td></tr>
<tr><td>荃银高科</td><td><a href="https://valuefrontier.cn/company?scode=300087" target="_blank" class="link link-hover link-info">300087</a></td><td>公司种子出口业务位居全国第一位,有望承接东南亚市场需求。</td><td>食品</td></tr>
<tr class="opacity-60" title="风险大于机遇"><td>中策橡胶</td><td><a href="https://valuefrontier.cn/company?scode=603049" target="_blank" class="link link-hover link-error">603049</a></td><td>大部分出口由全资子公司中策泰国完成,运营风险极高。</td><td>橡胶</td></tr>
<tr class="opacity-60" title="运营受影响风险"><td>中航机载</td><td><a href="https://valuefrontier.cn/company?scode=600372" target="_blank" class="link link-hover link-error">600372</a></td><td>在泰国拥有生产制造公司,直接资产暴露。</td><td>军工装备</td></tr>
<tr class="opacity-60" title="逻辑脆弱"><td>北方稀土</td><td><a href="https://valuefrontier.cn/company?scode=600111" target="_blank" class="link link-hover link-warning">600111</a></td><td>稀土市占率第一,但与柬泰冲突无直接供需关系,属概念延伸。</td><td>稀土</td></tr>
<tr class="opacity-60" title="逻辑脆弱"><td>中国稀土</td><td><a href="https://valuefrontier.cn/company?scode=000831" target="_blank" class="link link-hover link-warning">000831</a></td><td>重稀土主导,与柬泰冲突无直接供需关系,属概念延伸。</td><td>稀土</td></tr>
<tr><td>宏辉果蔬</td><td><a href="https://valuefrontier.cn/company?scode=603336" target="_blank" class="link link-hover link-info">603336</a></td><td>榴莲基地位于马来西亚,冲突市场预期公司承接泰国水果转移订单。</td><td>食品</td></tr>
<tr><td>京粮控股</td><td><a href="https://valuefrontier.cn/company?scode=000505" target="_blank" class="link link-hover link-info">000505</a></td><td>与一带一路沿线国家(含东盟)有农产品贸易合作。</td><td>食品</td></tr>
<tr><td>神农种业</td><td><a href="https://valuefrontier.cn/company?scode=300189" target="_blank" class="link link-hover link-info">300189</a></td><td>水稻种子有出口孟加拉国等东南亚国家。</td><td>食品</td></tr>
<tr><td>际华集团</td><td><a href="https://valuefrontier.cn/company?scode=601718" target="_blank" class="link link-hover link-info">601718</a></td><td>公司有橡胶产品产能,但市占率较低。</td><td>橡胶</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<div x-show="tab === 'analysis'" x-transition class="mt-8">
<div class="glass-card p-4 sm:p-8">
<h2 class="section-title">涨幅异动分析(补充)</h2>
<p class="mb-6 text-slate-400">以下股票在冲突期间出现异动,但分析显示其上涨原因与“柬泰战争”概念存在<strong>相关性谬误</strong>或仅为间接情绪影响,需谨慎甄别。</p>
<div class="overflow-x-auto">
<table class="table table-zebra w-full text-sm">
<thead>
<tr>
<th>股票</th>
<th>代码</th>
<th>日期</th>
<th>涨幅</th>
<th class="w-2/3">归因分析</th>
</tr>
</thead>
<tbody>
<tr><td>泰凌微</td><td><a href="https://valuefrontier.cn/company?scode=688591" target="_blank" class="link link-hover link-info">688591</a></td><td>2025-07-29</td><td>5.34%</td><td class="whitespace-pre-wrap text-xs leading-relaxed">最可能原因是市场将“泰格医药”的收购利好误读为泰凌微的消息,叠加机器人产业链情绪向好共同推动。与柬泰冲突关联性弱。</td></tr>
<tr><td>合力泰</td><td><a href="https://valuefrontier.cn/company?scode=002217" target="_blank" class="link link-hover link-info">002217</a></td><td>2025-08-15</td><td>5.71%</td><td class="whitespace-pre-wrap text-xs leading-relaxed">核心驱动是公司业绩扭亏为盈和业务转型成功。重要催化剂是比亚迪持股预期和行业景气度提升。与柬泰冲突无直接关联。</td></tr>
<tr><td>泰林生物</td><td><a href="https://valuefrontier.cn/company?scode=300813" target="_blank" class="link link-hover link-info">300813</a></td><td>2025-07-24</td><td>5.95%</td><td class="whitespace-pre-wrap text-xs leading-relaxed">直接原因是医疗器械板块整体走强。间接因素是地缘政治紧张可能促使资金转向防御性医药医疗板块,但非主因。</td></tr>
<tr><td>海泰新光</td><td><a href="https://valuefrontier.cn/company?scode=688677" target="_blank" class="link link-hover link-info">688677</a></td><td>2025-07-25</td><td>7.60%</td><td class="whitespace-pre-wrap text-xs leading-relaxed">主因是医疗器械板块整体走强和公司业绩拐点预期。可能涉及军工光电业务,若属实则与泰柬冲突有弱关联,但非核心驱动。</td></tr>
<tr><td>和而泰</td><td><a href="https://valuefrontier.cn/company?scode=002402" target="_blank" class="link link-hover link-info">002402</a></td><td>2025-09-11</td><td>5.28%</td><td class="whitespace-pre-wrap text-xs leading-relaxed">主因是其模拟芯片业务价值受认可,以及摩尔线程等投资标的上市预期。与柬泰冲突无关。</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('timeline-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
const data = [
{ name: '早期冲突', value: ['2025-05-28', 10], itemStyle: { color: '#f87171' } },
{ name: '局势升级\n关闭口岸', value: ['2025-06-23', 20], itemStyle: { color: '#fb923c' } },
{ name: '外交破裂', value: ['2025-07-23', 30], itemStyle: { color: '#fbbf24' } },
{ name: '大规模冲突爆发', value: ['2025-07-24', 80], itemStyle: { color: '#ef4444' } },
{ name: '国际介入\nUN会议', value: ['2025-07-25', 70], itemStyle: { color: '#a3e635' } },
{ name: '首次停火', value: ['2025-07-28', 50], itemStyle: { color: '#4ade80' } },
{ name: '中方调解', value: ['2025-08-14', 40], itemStyle: { color: '#34d399' } },
{ name: '签署和平声明', value: ['2025-10-26', 30], itemStyle: { color: '#2dd4bf' } },
{ name: '和平进程受挫', value: ['2025-11-10', 50], itemStyle: { color: '#facc15' } },
{ name: '再起争端', value: ['2025-11-12', 60], itemStyle: { color: '#f97316' } }
];
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
formatter: function (params) {
const param = params[0];
return `${param.marker} ${param.data.name}<br/>日期: ${param.value[0]}`;
},
backgroundColor: 'rgba(20, 24, 40, 0.8)',
borderColor: '#38bdf8',
textStyle: {
color: '#e2e8f0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'time',
axisLine: { lineStyle: { color: '#818d9d' } },
splitLine: { show: false }
},
yAxis: {
type: 'value',
name: '紧张局势指数',
axisLine: { lineStyle: { color: '#818d9d' } },
splitLine: { lineStyle: { color: 'rgba(100, 116, 139, 0.2)' } }
},
series: [
{
type: 'line',
data: data.map(item => item.value),
smooth: true,
symbol: 'circle',
symbolSize: 10,
lineStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#67e8f9' },
{ offset: 1, color: '#0ea5e9' }
]),
width: 3
},
itemStyle: {
color: '#0ea5e9'
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(14, 165, 233, 0.3)' },
{ offset: 1, color: 'rgba(14, 165, 233, 0)' }
])
},
},
{
type: 'effectScatter',
coordinateSystem: 'cartesian2d',
data: data,
symbolSize: 20,
showEffectOn: 'render',
rippleEffect: {
brushType: 'stroke'
},
label: {
show: true,
position: 'top',
formatter: '{b}',
color: '#cbd5e1',
fontSize: 12,
fontFamily: 'Space Grotesk'
},
itemStyle: {
shadowBlur: 10,
shadowColor: 'rgba(0, 0, 0, 0.3)'
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>