Files
vf_react/public/htmls/以伊冲突-资源化工.html
2025-12-05 13:29:18 +08:00

464 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>
<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>
<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=Orbitron:wght@400;700&family=Rajdhani:wght@400;600;700&family=Noto+Sans+SC:wght@300;400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Noto Sans SC', 'Rajdhani', sans-serif;
background-image: url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?q=80&w=3871&auto=format&fit=crop');
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.font-rajdhani {
font-family: 'Rajdhani', sans-serif;
}
.glass-card {
background: rgba(18, 18, 29, 0.4);
backdrop-filter: blur(20px) saturate(150%);
-webkit-backdrop-filter: blur(20px) saturate(150%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem; /* 极致圆角 */
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
.glow-text {
text-shadow:
0 0 5px rgba(0, 255, 255, 0.7),
0 0 10px rgba(0, 255, 255, 0.5),
0 0 20px rgba(0, 255, 255, 0.3);
}
.glow-border {
border: 1px solid rgba(0, 191, 255, 0.3);
box-shadow: 0 0 15px rgba(0, 191, 255, 0.2), inset 0 0 10px rgba(0, 191, 255, 0.1);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
transition: transform 0.3s ease-in-out;
}
.bento-item:hover {
transform: translateY(-5px);
}
.col-span-12 { grid-column: span 12; }
.col-span-8 { grid-column: span 8; }
.col-span-7 { grid-column: span 7; }
.col-span-6 { grid-column: span 6; }
.col-span-5 { grid-column: span 5; }
.col-span-4 { grid-column: span 4; }
@media (max-width: 1024px) {
.col-span-lg-12 { grid-column: span 12; }
}
</style>
</head>
<body class="bg-black text-gray-200 min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-screen-2xl mx-auto">
<!-- Header -->
<header class="text-center p-6 mb-8">
<h1 class="text-4xl md:text-6xl font-orbitron font-bold glow-text text-cyan-300 tracking-widest">以伊冲突-资源化工</h1>
<p class="mt-4 text-lg text-gray-400 font-rajdhani">概念深度研报</p>
<div class="mt-4 text-xs text-slate-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<!-- Bento Grid Layout -->
<main class="bento-grid">
<!-- Core View -->
<section class="bento-item col-span-12 glass-card p-8 glow-border">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4">核心观点摘要</h2>
<p class="text-base text-gray-300 leading-relaxed">
“以伊冲突-资源化工”是一个典型的、由地缘政治突发事件驱动的交易型主题。其核心驱动力源于市场对全球最重要能源通道——<strong class="text-yellow-300">霍尔木兹海峡</strong>可能中断的恐慌性预期,这种预期沿着<strong class="text-cyan-300">“原油价格 → 海上油运 → 化工品成本”</strong>的链条传导。当前,该概念处于由新闻和情绪主导的高度波动阶段,其未来演化完全取决于冲突的实际烈度,市场在“可控摩擦”与“全面封锁”的极端预期之间摇摆,其中蕴含着巨大的预期差和交易机会。
</p>
</section>
<!-- Event Timeline -->
<section class="bento-item col-span-12 glass-card p-6">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4 px-2">概念事件:冲突升级时间线</h2>
<div id="timeline-chart" class="w-full h-80"></div>
</section>
<!-- Core Logic -->
<section class="bento-item col-span-12 lg:col-span-7 glass-card p-8">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4">核心驱动逻辑与市场认知</h2>
<div class="space-y-6">
<div>
<h3 class="font-semibold text-lg text-fuchsia-300 flex items-center"><span class="w-3 h-3 bg-fuchsia-400 rounded-full mr-3 shadow-[0_0_8px_rgba(217,70,239,0.8)]"></span>1. 供应中断威胁</h3>
<p class="mt-2 text-gray-300 pl-6 border-l-2 border-fuchsia-500/20">
伊朗是全球重要原油生产国(日产约<strong>330-360万桶</strong>),其出口(主要向中国,约<strong>150万桶/日</strong>)若受影响将冲击全球供需平衡。更关键的是,伊朗扼守的霍尔木兹海峡承载全球约<strong>20%</strong>石油消费量和近<strong>40%</strong>海运贸易量,封锁威胁引发市场对全球能源安全的极度担忧。
</p>
</div>
<div>
<h3 class="font-semibold text-lg text-teal-300 flex items-center"><span class="w-3 h-3 bg-teal-400 rounded-full mr-3 shadow-[0_0_8px_rgba(45,212,191,0.8)]"></span>2. 运输成本飙升</h3>
<p class="mt-2 text-gray-300 pl-6 border-l-2 border-teal-500/20">
对霍尔木兹海峡的封锁威胁或军事行动将直接导致油轮保险费率和运输风险溢价急剧上升。极端情况下油轮被迫绕行极大拉长运距导致有效运力骤减从而推高全球油运价格VLCC运价指数已验证
</p>
</div>
<div>
<h3 class="font-semibold text-lg text-amber-300 flex items-center"><span class="w-3 h-3 bg-amber-400 rounded-full mr-3 shadow-[0_0_8px_rgba(252,211,77,0.8)]"></span>3. 成本传导与替代效应</h3>
<p class="mt-2 text-gray-300 pl-6 border-l-2 border-amber-500/20">
油价上涨会向下游化工行业传导,为油制化工品提供成本支撑。同时,会扩大与煤炭、天然气的价差,使煤化工、气头化工路线的产品(如甲醇、尿素)相对经济性凸显,利好相关企业。
</p>
</div>
</div>
</section>
<!-- Market Sentiment & Expectation Gap -->
<section class="bento-item col-span-12 lg:col-span-5 glass-card p-8">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4">市场热度与预期差</h2>
<div class="space-y-4">
<p class="text-gray-300"><strong class="text-red-400">市场情绪呈现典型的“高波动、强分歧”特征:</strong></p>
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong class="text-rose-400">激进派:</strong> 押注霍尔木兹海峡封锁看多油价至150美元/桶,布局油运、油气开采。</li>
<li><strong class="text-sky-400">谨慎派:</strong> 认为全面封锁是小概率事件,当前油价已充分计入风险溢价。</li>
</ul>
<div class="divider before:bg-slate-700 after:bg-slate-700">预期差</div>
<ul class="space-y-3 text-gray-300">
<li><strong>“威胁”与“现实”的差距:</strong> 市场交易的是“封锁威胁”一旦局势缓和约10美元的地缘溢价可能迅速消失。</li>
<li><strong>“精准打击”风险被低估:</strong> 相比原油对炼厂、南帕斯气田的攻击效率更高可能对成品油、LPG、甲醇造成更持久的供应冲击。</li>
<li><strong>美国政策的“双刃剑”:</strong> 拜登政府面临“支持以色列”与“控制通胀”的两难,可能通过释放战略储备等方式抑制油价。</li>
</ul>
</div>
</section>
<!-- Key Data Points -->
<section class="bento-item col-span-12 glass-card p-8" x-data="{ tab: 'oil' }">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4">关键数据与市场影响</h2>
<div class="tabs tabs-boxed bg-black/20">
<a class="tab" :class="{ 'tab-active bg-cyan-600/50 text-white': tab === 'oil' }" @click="tab = 'oil'">全球油气市场</a>
<a class="tab" :class="{ 'tab-active bg-cyan-600/50 text-white': tab === 'hormuz' }" @click="tab = 'hormuz'">霍尔木兹海峡</a>
<a class="tab" :class="{ 'tab-active bg-cyan-600/50 text-white': tab === 'chem' }" @click="tab = 'chem'">化工品与供应链</a>
</div>
<div class="mt-6 space-y-4 text-gray-300 leading-relaxed">
<div x-show="tab === 'oil'">
<ul class="list-disc list-inside space-y-2">
<li><strong>油价预期:</strong> 多家机构预测油价将上涨<strong class="text-green-400">10%+</strong>。摩根大通预测极端情况下油价可能飙升至<strong class="text-red-400">120-130美元/桶</strong></li>
<li><strong>伊朗产量:</strong> 原油产量约<strong class="text-yellow-300">330-360万桶/日</strong>占全球供应约3.2%。出口约<strong class="text-yellow-300">150-160万桶/日</strong>90%以上流向中国。</li>
<li><strong>油运价格:</strong> 冲突升级后VLCC运价从一周前<strong class="text-blue-400">2万美元/天</strong>暴涨至接近<strong class="text-fuchsia-400">6万美元/天</strong>。中东至中国运价涨幅达<strong class="text-red-400">154%</strong></li>
<li><strong>天然气:</strong> 以色列袭击后关闭主要天然气田,影响对埃及供应。伊朗南帕斯气田(发电用气核心)成为潜在关键打击目标。</li>
</ul>
</div>
<div x-show="tab === 'hormuz'">
<ul class="list-disc list-inside space-y-2">
<li><strong>战略地位:</strong> 全球最重要的石油咽喉要道,承载全球约<strong class="text-yellow-300">20%</strong>石油消费量、<strong class="text-yellow-300">34-40%</strong>海运石油贸易量、<strong class="text-yellow-300">20%</strong>的LNG海运贸易。</li>
<li><strong>封锁威胁:</strong> 伊朗国会原则上同意封锁将封锁概率从18%推升至<strong class="text-red-400">54%</strong>。若封锁,油价或飙升至<strong class="text-red-400">100-150美元/桶</strong></li>
<li><strong>影响机制:</strong> 封锁或绕航将极大拉长油轮运距,导致有效运力折损,抬高全球油运运价中枢。</li>
<li><strong>替代能力:</strong> 沙特和阿联酋拥有少量绕过海峡的管道能力,约<strong class="text-blue-400">260万桶/天</strong></li>
</ul>
</div>
<div x-show="tab === 'chem'">
<ul class="list-disc list-inside space-y-2">
<li><strong>煤化工逻辑:</strong> 油价上涨而煤价弱势,<strong class="text-green-400">油煤价差扩大</strong>,利好宝丰能源、华鲁恒升等煤化工企业。</li>
<li><strong>中国进口依赖度:</strong>
<ul class="list-['-_'] list-inside ml-4 mt-1 space-y-1">
<li><strong>LPG:</strong> 从伊朗进口占中国总进口量的<strong class="text-red-400">27%-29%</strong>,潜在影响最大。</li>
<li><strong>甲醇:</strong> 从伊朗进口占比存在数据矛盾(研报称<strong class="text-orange-400">59%</strong>,新闻称<strong class="text-orange-400">11%</strong>),是投资决策的核心风险点。</li>
<li><strong>乙二醇:</strong> 从伊朗进口占总进口量的<strong class="text-yellow-300">4%</strong></li>
</ul>
</li>
<li><strong>供应链安全:</strong> 冲突促使中国重新考虑能源进口的可靠性,或将增加从俄罗斯的采购。</li>
</ul>
</div>
</div>
</section>
<!-- Catalysts & Future Paths -->
<section class="bento-item col-span-12 lg:col-span-6 glass-card p-8">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4">关键催化剂与未来路径</h2>
<div x-data="{ expanded: false }">
<h3 class="font-semibold text-lg text-fuchsia-300">近期催化剂 (未来3-6个月)</h3>
<ul class="list-decimal list-inside space-y-2 mt-2 text-gray-300">
<li><strong>霍尔木兹海峡的实质性行动:</strong> 是否从口头威胁转为对商船的骚扰、扣押或军事封锁。</li>
<li><strong>美国制裁的执行力度:</strong> 对“影子船队”打击能否有效降低伊朗石油实际出口量。</li>
<li><strong>冲突范围的扩大化:</strong> 是否蔓延至沙特、阿联酋等国,或引发大国军事介入。</li>
<li><strong>关键能源设施受损评估:</strong> 南帕斯气田、主要炼厂的受损情况确认。</li>
</ul>
<div class="divider before:bg-slate-700 after:bg-slate-700"></div>
<h3 class="font-semibold text-lg text-teal-300">长期发展路径</h3>
<ul class="list-disc list-inside space-y-2 mt-2 text-gray-300">
<li><strong>路径一 (冲突常态化):</strong> “打而不破”的长期对峙,地缘风险溢价成为油价常态。</li>
<li><strong>路径二 (冲突全面升级):</strong> 爆发地区性战争油价长期处于100美元以上高位。</li>
<li><strong>路径三 (外交解决):</strong> 达成停火或新伊核协议风险溢价消退油价回归基本面约50-60美元</li>
</ul>
</div>
</section>
<!-- Player Comparison -->
<section class="bento-item col-span-12 lg:col-span-6 glass-card p-8">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4">核心玩家深度剖析</h2>
<div class="space-y-6">
<div>
<h3 class="text-lg font-bold text-cyan-400">招商轮船 (601872) - 逻辑最纯粹的“恐慌”受益者</h3>
<p class="text-sm text-gray-400 mt-1">核心业务为VLCC油轮运输是中东原油出口命脉。无论原油是否断供只要封锁威胁存在运距拉长、保险费飙升其运价就会暴涨。其股价上涨驱动力是“风险”本身而非“油价”。</p>
</div>
<div>
<h3 class="text-lg font-bold text-yellow-400">中曼石油 (603619) - 高弹性的“油价”受益者</h3>
<p class="text-sm text-gray-400 mt-1">作为民营油气开采商其低成本桶油成本24美元使其在油价上涨时利润弹性巨大。公司在伊拉克有布局与中东局势关联度高是基本面和事件催化的结合。</p>
</div>
<div>
<h3 class="text-lg font-bold text-fuchsia-400">宝丰能源 (600989) - 逻辑清晰的“替代”受益者</h3>
<p class="text-sm text-gray-400 mt-1">核心逻辑是“油煤价差”,油价越高,其煤制烯烃/甲醇的成本优势越明显,盈利能力越强。这是一个间接但稳固的受益逻辑,受油价绝对水平影响。</p>
</div>
</div>
</section>
<!-- Potential Risks -->
<section class="bento-item col-span-12 glass-card p-8 glow-border">
<h2 class="text-2xl font-bold font-rajdhani text-red-400 mb-4">潜在风险与挑战</h2>
<ul class="list-disc list-inside space-y-3 text-gray-300">
<li><strong class="text-red-500">地缘政治风险 (最大风险):</strong> 任何形式的冲突降级、外交斡旋成功都将导致风险溢价迅速瓦解,相关板块(尤其是油运)将面临剧烈回调。</li>
<li><strong>需求破坏风险:</strong> 持续过高的油价如长期维持在100美元以上将抑制全球经济活动导致石油需求萎缩最终反噬油价本身。</li>
<li><strong>政策与竞争风险:</strong> 美国释放战略石油储备SPR或OPEC+为稳定市场而增产,将极大缓冲伊朗供应中断的冲击。</li>
<li><strong>信息交叉验证风险:</strong> 不同信源对关键数据(如中国对伊朗甲醇进口依赖度)存在巨大矛盾,是细分领域投资决策的重大隐患。</li>
</ul>
</section>
<!-- Rise Analysis -->
<section class="bento-item col-span-12 glass-card p-8">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-4">相关个股异动解析</h2>
<div class="space-y-4">
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/20 border border-slate-700 rounded-lg">
<div class="collapse-title text-xl font-medium" @click="open = !open">
招商轮船 (601872) - 2025-06-13 上涨 <span class="text-green-400">6.61%</span>
</div>
<div x-show="open" class="collapse-content">
<p class="text-gray-400">最直接且最重要的驱动因素是中东地缘政治局势的突然恶化。以色列对伊朗发动袭击导致市场担忧原油供应链中断特别是霍尔木兹海峡受阻风险。作为国内主要的VLCC运输企业公司直接受益于油运价格上涨预期。</p>
</div>
</div>
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/20 border border-slate-700 rounded-lg">
<div class="collapse-title text-xl font-medium" @click="open = !open">
中曼石油 (603619) - 2025-06-13 上涨 <span class="text-green-400">10.02%</span> (涨停)
</div>
<div x-show="open" class="collapse-content">
<p class="text-gray-400">主要受地缘政治冲突引发油价上涨预期、公司自身油气资源扩张(伊拉克新获区块)及行业景气度提升等多重利好共同推动。公司作为国内首家拥有自主油田的民营企业,将直接受益于地缘政治导致的油价上涨。</p>
</div>
</div>
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/20 border border-slate-700 rounded-lg">
<div class="collapse-title text-xl font-medium" @click="open = !open">
通源石油 (300164) - 2025-06-19 上涨 <span class="text-green-400">11.35%</span>
</div>
<div x-show="open" class="collapse-content">
<p class="text-gray-400">受国际油价上涨、以伊冲突升级导致霍尔木兹海峡风险加剧、以及油气板块整体表现强劲的共同影响。市场对伊朗石油供应中断的担忧是关键推手。</p>
</div>
</div>
<div x-data="{ open: false }" class="collapse collapse-plus bg-black/20 border border-slate-700 rounded-lg">
<div class="collapse-title text-xl font-medium" @click="open = !open">
洲际油气 (600759) - 2025-06-16 上涨 <span class="text-green-400">9.88%</span>
</div>
<div x-show="open" class="collapse-content">
<p class="text-gray-400">涨停主要受中东地缘政治冲突升级引发的油价上涨预期,叠加公司自身在哈萨克斯坦、伊拉克等地的油田项目布局优势。</p>
</div>
</div>
</div>
</section>
<!-- Stock Table -->
<section class="bento-item col-span-12 glass-card p-8">
<h2 class="text-2xl font-bold font-rajdhani text-cyan-300 mb-6">核心标的梳理</h2>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr class="text-base text-fuchsia-300 font-rajdhani border-b border-slate-700">
<th>分类</th>
<th>股票名称</th>
<th>代码</th>
<th>核心逻辑/产能</th>
</tr>
</thead>
<tbody class="text-gray-300">
<!-- 甲醇 -->
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td rowspan="7" class="font-semibold text-cyan-300 align-middle">甲醇</td>
<td>宝丰能源</td>
<td><a href="https://valuefrontier.cn/company?scode=600989" target="_blank" class="link link-hover">600989</a></td>
<td>产能A股第一590万吨/年远期规划总产能2000万吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>博源化工</td>
<td><a href="https://valuefrontier.cn/company?scode=000683" target="_blank" class="link link-hover">000683</a></td>
<td>产能A股第二200万吨/年以上 (网传)天然气制甲醇产能100万吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>华鲁恒升</td>
<td><a href="https://valuefrontier.cn/company?scode=600426" target="_blank" class="link link-hover">600426</a></td>
<td>产能A股第三150万吨/年以上 (网传)</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>新奥股份</td>
<td><a href="https://valuefrontier.cn/company?scode=600803" target="_blank" class="link link-hover">600803</a></td>
<td>产能A股第四120万吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>泸天化</td>
<td><a href="https://valuefrontier.cn/company?scode=000912" target="_blank" class="link link-hover">000912</a></td>
<td>产能30万吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>兴化股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002109" target="_blank" class="link link-hover">002109</a></td>
<td>产能30万吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>金牛化工</td>
<td><a href="https://valuefrontier.cn/company?scode=600722" target="_blank" class="link link-hover">600722</a></td>
<td>产能20万吨/年</td>
</tr>
<!-- 溴素 -->
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td rowspan="4" class="font-semibold text-yellow-300 align-middle">溴素</td>
<td>亚钾国际</td>
<td><a href="https://valuefrontier.cn/company?scode=000893" target="_blank" class="link link-hover">000893</a></td>
<td>产能A股第一权益产能11600吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>山东海化</td>
<td><a href="https://valuefrontier.cn/company?scode=000822" target="_blank" class="link link-hover">000822</a></td>
<td>产能A股第二8000吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>鲁北化工</td>
<td><a href="https://valuefrontier.cn/company?scode=600727" target="_blank" class="link link-hover">600727</a></td>
<td>产能A股第三5500吨/年</td>
</tr>
<tr class="border-b border-slate-800/50 hover:bg-slate-500/10">
<td>滨化股份</td>
<td><a href="https://valuefrontier.cn/company?scode=601678" target="_blank" class="link link-hover">601678</a></td>
<td>产能A股第四4000吨/年</td>
</tr>
<!-- 碳酸锶 -->
<tr class="hover:bg-slate-500/10">
<td rowspan="2" class="font-semibold text-teal-300 align-middle">天青石(碳酸锶)</td>
<td>红星发展</td>
<td><a href="https://valuefrontier.cn/company?scode=600367" target="_blank" class="link link-hover">600367</a></td>
<td>碳酸锶产能第一现有产能3万吨/年新建项目产能6万吨/年</td>
</tr>
<tr class="hover:bg-slate-500/10">
<td>金瑞矿业</td>
<td><a href="https://valuefrontier.cn/company?scode=600714" target="_blank" class="link link-hover">600714</a></td>
<td>大风山锶矿资源探明保有储量约1500万吨碳酸锶产能第二</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('timeline-chart');
var myChart = echarts.init(chartDom);
var option;
const data = [
{ name: '初步冲突', value: [new Date('2024-04-14'), 1], itemStyle: { color: '#38bdf8' }, symbolSize: 10 },
{ name: '市场开始定价\n风险溢价\n(6-8美元)', value: [new Date('2024-04-20'), 1], itemStyle: { color: '#38bdf8' }, symbolSize: 10 },
{ name: '冲突急剧升级\n以色列大规模空袭\n布油当日+8.39%', value: [new Date('2025-06-13'), 1], itemStyle: { color: '#f472b6' }, symbolSize: 20 },
{ name: '伊朗威胁管制\n霍尔木兹海峡', value: [new Date('2025-06-17'), 1], itemStyle: { color: '#fbbf24' }, symbolSize: 15 },
{ name: '美国加码制裁\n“影子船队”', value: [new Date('2025-06-20'), 1], itemStyle: { color: '#fbbf24' }, symbolSize: 15 },
{ name: '美被指袭击\n伊朗核设施', value: [new Date('2025-06-21'), 1], itemStyle: { color: '#f472b6' }, symbolSize: 20 },
{ name: '伊朗国会\n批准封锁海峡\n封锁概率升至54%', value: [new Date('2025-06-23'), 1], itemStyle: { color: '#ef4444' }, symbolSize: 25 }
];
option = {
tooltip: {
trigger: 'axis',
formatter: function (params) {
return params[0].data.name;
},
backgroundColor: 'rgba(20, 20, 30, 0.8)',
borderColor: '#38bdf8',
textStyle: {
color: '#e5e7eb'
}
},
grid: {
left: '5%',
right: '5%',
bottom: '15%',
top: '5%',
},
xAxis: {
type: 'time',
axisLine: { lineStyle: { color: '#888' } },
splitLine: { show: false },
axisLabel: { color: '#ccc' }
},
yAxis: {
type: 'value',
show: false,
min: 0,
max: 2,
},
dataZoom: [{
type: 'inside',
start: 0,
end: 100
}, {
start: 0,
end: 100,
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
handleSize: '80%',
handleStyle: {
color: '#fff',
shadowBlur: 3,
shadowColor: 'rgba(0, 0, 0, 0.6)',
shadowOffsetX: 2,
shadowOffsetY: 2
},
textStyle: {
color: '#ccc'
},
borderColor: '#555'
}],
series: [{
name: '事件',
type: 'scatter',
data: data,
label: {
show: true,
position: 'top',
formatter: '{b}',
color: '#e5e7eb',
fontSize: 12,
backgroundColor: 'rgba(0,0,0,0.3)',
padding: [4, 6],
borderRadius: 4
}
}]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>