Files
vf_react/public/htmls/乙烷.html
2025-12-05 13:29:18 +08:00

443 lines
30 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.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/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=Lexend:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Lexend', 'Inter', sans-serif;
background-color: #020010;
background-image:
radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 0.1) 0px, transparent 50%),
radial-gradient(at 52% 99%, hsla(355, 98%, 76%, 0.1) 0px, transparent 50%),
radial-gradient(at 10% 29%, hsla(256, 96%, 68%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 0.1) 0px, transparent 50%),
radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 0.1) 0px, transparent 50%),
radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 0.1) 0px, transparent 50%);
}
.glass-card {
background: rgba(20, 18, 38, 0.4);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.125);
border-radius: 1.5rem;
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 40px rgba(128, 90, 213, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.glow-effect {
position: absolute;
z-index: -1;
filter: blur(100px);
opacity: 0.3;
}
.section-title {
font-size: 2.5rem;
font-weight: 700;
background: -webkit-linear-gradient(45deg, #a0e9ff, #a162e8, #f093b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 15px rgba(161, 98, 232, 0.3);
}
.steps .step:before, .steps .step:after {
background-color: rgba(255, 255, 255, 0.1);
}
.steps .step-primary:after, .steps .step-primary:before {
background-color: #a162e8;
}
</style>
</head>
<body class="bg-[#020010] text-gray-300 overflow-x-hidden relative">
<div class="glow-effect top-[-10%] left-[-10%] w-96 h-96 bg-cyan-400 rounded-full"></div>
<div class="glow-effect bottom-[-10%] right-[-10%] w-[40rem] h-[40rem] bg-purple-600 rounded-full"></div>
<div class="container mx-auto p-4 md:p-8 lg:p-12">
<header class="text-center mb-16">
<p class="text-sm font-light text-purple-400 mb-2">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
<h1 class="text-5xl md:text-7xl font-bold text-white tracking-tighter">乙烷 (Ethane)</h1>
<p class="mt-4 text-lg md:text-xl text-gray-400 max-w-3xl mx-auto">重塑全球化工原料成本曲线:一场由资源错配与物流壁垒驱动的产业变革</p>
</header>
<main class="space-y-24">
<!-- 核心事件时间轴 -->
<section>
<h2 class="section-title text-center mb-12">概念核心事件轴</h2>
<div class="w-full">
<ul class="steps steps-vertical lg:steps-horizontal w-full">
<li class="step step-primary">
<div class="text-left p-4 glass-card w-full">
<p class="font-bold text-lg text-white">2025/01/01: 战略地位确立</p>
<p class="text-sm text-gray-400">中国下调乙烷进口税率至1%,并增设独立海关子目,被市场解读为国家层面承认其战略资源地位。</p>
</div>
</li>
<li class="step step-primary">
<div class="text-left p-4 glass-card w-full">
<p class="font-bold text-lg text-white">2025/05-06: 贸易摩擦升级</p>
<p class="text-sm text-gray-400">美国对华实施乙烷出口限制导致6月出口全面中断供应链稳定性引发市场严重担忧。</p>
</div>
</li>
<li class="step step-primary">
<div class="text-left p-4 glass-card w-full">
<p class="font-bold text-lg text-white">2025/06/25: 政策松动</p>
<p class="text-sm text-gray-400">美国商务部允许企业装船,但未授权卸货。市场情绪初步缓和,视为关系解冻的信号。</p>
</div>
</li>
<li class="step">
<div class="text-left p-4 glass-card w-full">
<p class="font-bold text-lg text-white">2025/07/03: 全面解除限制</p>
<p class="text-sm text-gray-400">美国政府正式致函主要出口商,全面解除对华乙烷出口限制,强化了供应链的韧性预期。</p>
</div>
</li>
</ul>
</div>
</section>
<!-- 核心逻辑与市场认知 -->
<section>
<h2 class="section-title text-center mb-12">核心逻辑与市场认知</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card p-6 md:col-span-2 lg:col-span-1">
<h3 class="font-bold text-xl mb-3 text-cyan-300">驱动力:极致的成本优势</h3>
<p class="text-gray-400">乙烷裂解是全球成本最低的乙烯生产工艺。路演数据显示税前利润率可达40%-45%单吨乙烯成本较石脑油路线低500-1000元。此优势源于乙烷作为美国天然气伴生物的低廉价值其价格地板由天然气热值决定。</p>
</div>
<div class="glass-card p-6 md:col-span-2 lg:col-span-1">
<h3 class="font-bold text-xl mb-3 text-purple-300">格局:全球资源供需错配</h3>
<p class="text-gray-400">美国是全球唯一的乙烷商业出口国,页岩气革命导致其产量严重过剩。而中国是全球最大的塑料生产国,对乙烯需求巨大。这种“美国过剩,中国需求”的格局,为乙烷的跨洋贸易创造了天然的商业基础。</p>
</div>
<div class="glass-card p-6 md:col-span-2 lg:col-span-1">
<h3 class="font-bold text-xl mb-3 text-pink-300">预期差:从“资源为王”到“物流为王”</h3>
<p class="text-gray-400">市场的真正瓶颈不在于资源本身而在于中游的物流基础设施专用的深水出口码头、液化储存设施和特种超低温运输船VLEC/ULEC。谁能锁定稀缺的物流能力谁就掌握了真正的护城河。</p>
</div>
</div>
</section>
<!-- 数据可视化 -->
<section>
<h2 class="section-title text-center mb-12">乙烷裂解盈利能力追踪</h2>
<div class="glass-card p-6">
<div id="profit-chart" class="w-full h-96"></div>
</div>
<p class="text-center text-sm text-gray-500 mt-2">数据来源:研报数据模拟 - 乙烷裂解制PE理论利润元/吨)</p>
</section>
<!-- 催化剂与发展路径 -->
<section>
<h2 class="section-title text-center mb-12">未来催化剂与发展路径</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div class="glass-card p-8">
<h3 class="font-bold text-2xl mb-4 text-white">近期催化剂 (3-6个月)</h3>
<ul class="space-y-4 list-disc list-inside text-gray-400">
<li><span class="font-semibold text-cyan-400">中美关税政策走向:</span>90天暂免期结束后关税豁免或降低的消息将是直接利好。</li>
<li><span class="font-semibold text-cyan-400">美国出口设施扩建进度:</span>ETP、Enterprise等公司的扩建项目能否按时投产将直接影响短期出口增量和价格。</li>
<li><span class="font-semibold text-cyan-400">乙烷-天然气价差变化:</span>若美国天然气出口受阻,乙烷价格可能跌破热值,为锁定运力的中国企业带来超额利润。</li>
</ul>
</div>
<div class="glass-card p-8">
<h3 class="font-bold text-2xl mb-4 text-white">长期发展路径</h3>
<ul class="space-y-4 list-disc list-inside text-gray-400">
<li><span class="font-semibold text-purple-400">规模化阶段 (当前-2027年)</span>龙头企业新增裂解项目和配套船队将密集投产交付,验证规模化运营下的成本控制和盈利能力。</li>
<li><span class="font-semibold text-purple-400">格局固化阶段 (2027年后)</span>随着美国出口码头产能被瓜分完毕,行业进入门槛将变得极高,形成少数巨头主导的稳定格局。竞争将从“抢资源”变为“拼效率”。</li>
</ul>
</div>
</div>
</section>
<!-- 产业链与核心公司 -->
<section>
<h2 class="section-title text-center mb-12">产业链与核心公司剖析</h2>
<div class="text-center mb-12">
<div class="inline-flex items-center justify-center space-x-2 md:space-x-4 text-white">
<div class="glass-card p-4 md:p-6 text-center">
<p class="font-bold text-lg md:text-xl">上游</p>
<p class="text-sm text-gray-400">美国页岩气</p>
</div>
<div class="text-2xl font-thin text-purple-400 animate-pulse"></div>
<div class="glass-card p-4 md:p-6 text-center">
<p class="font-bold text-lg md:text-xl">中游</p>
<p class="text-sm text-gray-400">出口码头 & VLEC船队</p>
</div>
<div class="text-2xl font-thin text-purple-400 animate-pulse"></div>
<div class="glass-card p-4 md:p-6 text-center">
<p class="font-bold text-lg md:text-xl">下游</p>
<p class="text-sm text-gray-400">乙烷裂解制乙烯</p>
</div>
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="glass-card p-6 border-t-4 border-cyan-400">
<h4 class="font-bold text-xl mb-3 text-cyan-300">卫星化学 (领导者)</h4>
<p class="font-semibold text-white">优势:</p>
<p class="text-sm text-gray-400 mb-2">先发优势显著通过参股美国ORBIT出口码头锁定长期、低成本、排他性的出口能力。拥有“资源+物流”一体化的强大护城河。</p>
<p class="font-semibold text-white">风险:</p>
<p class="text-sm text-gray-400">业务高度依赖单一美国乙烷路线,对地缘政治风险敞口最大。</p>
</div>
<div class="glass-card p-6 border-t-4 border-purple-400">
<h4 class="font-bold text-xl mb-3 text-purple-300">万华化学 (追赶者)</h4>
<p class="font-semibold text-white">优势:</p>
<p class="text-sm text-gray-400 mb-2">化工巨头资本实力雄厚。通过改造现有装置并规划大规模新建项目快速切入赛道。已订购18艘VLEC决心补齐物流短板。</p>
<p class="font-semibold text-white">风险:</p>
<p class="text-sm text-gray-400">作为后发者,面临更高的物流成本和更激烈的出口设施竞争。供应稳定性与成本控制能力是未来关键。</p>
</div>
<div class="glass-card p-6 border-t-4 border-pink-400">
<h4 class="font-bold text-xl mb-3 text-pink-300">设备与工程 ("铲子股")</h4>
<p class="font-semibold text-white">代表公司:</p>
<p class="text-sm text-gray-400 mb-2">中泰股份、蜀道装备(深冷设备),中国船舶(VLEC/ULEC),中油工程(EPC)</p>
<p class="font-semibold text-white">优势:</p>
<p class="text-sm text-gray-400 mb-2">受益于行业资本开支逻辑纯粹风险较低。新闻证实中泰股份手握超25亿元订单。</p>
<p class="font-semibold text-white">风险:</p>
<p class="text-sm text-gray-400">业绩受下游企业资本开支周期的影响较大。</p>
</div>
</div>
</section>
<!-- 深度资料摘要 -->
<section x-data="{ openTab: 'news' }">
<h2 class="section-title text-center mb-12">深度资料摘要</h2>
<div class="flex justify-center mb-6 border-b border-white/10">
<button @click="openTab = 'news'" :class="{ 'border-purple-400 text-white': openTab === 'news', 'border-transparent text-gray-500': openTab !== 'news' }" class="py-2 px-6 font-semibold border-b-2 focus:outline-none transition-colors">新闻</button>
<button @click="openTab = 'roadshow'" :class="{ 'border-purple-400 text-white': openTab === 'roadshow', 'border-transparent text-gray-500': openTab !== 'roadshow' }" class="py-2 px-6 font-semibold border-b-2 focus:outline-none transition-colors">路演</button>
<button @click="openTab = 'report'" :class="{ 'border-purple-400 text-white': openTab === 'report', 'border-transparent text-gray-500': openTab !== 'report' }" class="py-2 px-6 font-semibold border-b-2 focus:outline-none transition-colors">研报</button>
</div>
<div class="glass-card p-8 min-h-[300px]">
<div x-show="openTab === 'news'" x-transition>
<h3 class="text-xl font-bold text-white mb-4">新闻摘要:贸易政策博弈</h3>
<ul class="space-y-2 list-disc list-inside text-gray-400">
<li><strong>中美贸易与出口政策:</strong>详细记录了美国对华乙烷出口从限制、逐步放宽到完全解除的全过程。限制曾导致6月出口中断解除后已有8艘船只驶往中国凸显了乙烷在中美贸易中的重要性。</li>
<li><strong>中国进口关税政策:</strong>2025年1月1日起中国将乙烷进口暂定税率从2%下调至1%,并增列独立子目。此举被解读为国家对乙烷战略地位的肯定,并降低了龙头企业原料成本。</li>
<li><strong>企业项目动态:</strong>中油工程、中石化炼化工程等中标海外乙烷管道/裂解项目中国船舶获全球首制15万方ULEC订单凸显技术实力。</li>
</ul>
</div>
<div x-show="openTab === 'roadshow'" x-transition>
<h3 class="text-xl font-bold text-white mb-4">路演纪要:基础设施瓶颈</h3>
<ul class="space-y-2 list-disc list-inside text-gray-400">
<li><strong>定价机制:</strong>乙烷价格与天然气热值价格强相关 (天然气价$/MMBtu × 50 ≈ 乙烷基准价),但当出口设施不足时,过剩的乙烷价格可能跌破热值。</li>
<li><strong>出口设施瓶颈:</strong>美国乙烷出口码头、管道和专用船VLEC是核心瓶颈。2025年仅新增250万吨出口能力卫星化学通过合资抢占先机后发者如万华面临激烈竞争和更高的物流成本。</li>
<li><strong>长期供应过剩:</strong>美国乙烷产量随天然气持续增长而本土消化能力饱和大量乙烷被迫回注re-injection出口需求强烈。若出口设施增速跟不上产量价格将长期承压。</li>
</ul>
</div>
<div x-show="openTab === 'report'" x-transition>
<h3 class="text-xl font-bold text-white mb-4">研报精粹:关税与盈利测算</h3>
<ul class="space-y-2 list-disc list-inside text-gray-400">
<li><strong>高度依赖美国进口:</strong>中国乙烷进口依赖度高达98.7%,来源单一。美国是全球主导的乙烷出口国,供应过剩趋势不改。</li>
<li><strong>关税影响量化:</strong>在10%关税下乙烷进口成本增加约48美元/吨导致乙烷裂解制乙烯加工利润减少约429元/吨。但即便如此,该路线仍可维持盈利。</li>
<li><strong>企业应对与机遇:</strong>企业可通过“来料加工”模式规避关税。万华化学等公司通过“丙烷改乙烷”技改项目,调整原料结构以降低成本,被视为低成本扩张标的。</li>
</ul>
</div>
</div>
</section>
<!-- 风险与挑战 -->
<section>
<h2 class="section-title text-center mb-12">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card p-6">
<h3 class="font-bold text-xl mb-3 text-yellow-300">商业化风险</h3>
<p class="text-gray-400">核心风险在于成本波动。运费和出口设施使用费是刚性成本。若油价暴跌导致石脑油路线成本急剧下降,或海运费大幅上涨,可能阶段性削弱乙烷路线的成本优势。</p>
</div>
<div class="glass-card p-6">
<h3 class="font-bold text-xl mb-3 text-red-400">政策与竞争风险 (最大风险)</h3>
<p class="text-gray-400"><strong>地缘政治:</strong>美国出口政策的任何风吹草动都是悬在产业链头上的达摩克利斯之剑。<strong>竞争加剧:</strong>巨头入场加剧对有限出口码头资源的争夺,可能推高新进入者的物流成本。</p>
</div>
<div class="glass-card p-6">
<h3 class="font-bold text-xl mb-3 text-blue-300">信息交叉验证</h3>
<p class="text-gray-400">短期价格受天然气、库存、天气等因素影响而波动,但长期趋势由“供应严重过剩 vs 出口设施瓶颈”这一核心供需结构决定。需区分短期价格扰动与长期价值中枢。</p>
</div>
</div>
</section>
<!-- 相关A股列表 -->
<section>
<h2 class="section-title text-center mb-12">相关A股标的</h2>
<div class="overflow-x-auto glass-card p-4">
<table class="table w-full">
<thead class="text-base text-white">
<tr>
<th class="bg-transparent">股票名称</th>
<th class="bg-transparent">股票代码</th>
<th class="bg-transparent">核心关联逻辑</th>
<th class="bg-transparent">标签</th>
</tr>
</thead>
<tbody class="text-gray-300">
<tr>
<td class="bg-transparent">东华能源</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002221" target="_blank" class="text-purple-400 hover:underline">002221</a></td>
<td class="bg-transparent">公司规划油气双龙头战略,涵盖原油一步法、丙烷脱氢和乙烷裂解等多种技术路线获取基础化学品。</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">核心股</span></td>
</tr>
<tr>
<td class="bg-transparent">中泰股份</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=300435" target="_blank" class="text-purple-400 hover:underline">300435</a></td>
<td class="bg-transparent">深冷技术龙头为中石油等提供油气开采过程中的乙烷制取与轻烃回收装置手握页岩气乙烷提取订单超25亿元。</td>
<td class="bg-transparent"><span class="badge badge-secondary badge-outline">设备商</span> <span class="badge badge-primary badge-outline">涨停股</span></td>
</tr>
<tr>
<td class="bg-transparent">蜀道装备</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=300540" target="_blank" class="text-purple-400 hover:underline">300540</a></td>
<td class="bg-transparent">拥有混合冷剂制冷天然气脱氮与回收乙烷的装置及方法专利LNG-BOG提氦设备可复用乙烷提取。</td>
<td class="bg-transparent"><span class="badge badge-secondary badge-outline">设备商</span></td>
</tr>
<tr>
<td class="bg-transparent">惠博普</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002554" target="_blank" class="text-purple-400 hover:underline">002554</a></td>
<td class="bg-transparent">在油气田工程领域,公司进行卡沙甘乙烷回收高效低能回收技术研究。</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">核心股</span></td>
</tr>
<tr>
<td class="bg-transparent">镇海股份</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=603637" target="_blank" class="text-purple-400 hover:underline">603637</a></td>
<td class="bg-transparent">公司年报披露,镇海炼化分公司有老区燃料气回收富乙烷气资源项目。</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">涨停股</span></td>
</tr>
<tr>
<td class="bg-transparent">中油工程</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=600339" target="_blank" class="text-purple-400 hover:underline">600339</a></td>
<td class="bg-transparent">中标4.24亿美元哈萨克斯坦乙烷丙烷干线管道EPC项目。</td>
<td class="bg-transparent"><span class="badge badge-accent badge-outline">工程服务</span></td>
</tr>
<tr>
<td class="bg-transparent">通源石油</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=300164" target="_blank" class="text-purple-400 hover:underline">300164</a></td>
<td class="bg-transparent">业务涉及乙烷、丙烷等液化石油气炼油厂并规划76.2万吨/年乙烷回收项目。</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">涨停股</span></td>
</tr>
<tr>
<td class="bg-transparent">诚志股份</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=000990" target="_blank" class="text-purple-400 hover:underline">000990</a></td>
<td class="bg-transparent">公司60万吨/年甲醇制烯烃装置副产品中包含乙烷。</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">涨停股</span></td>
</tr>
<tr>
<td class="bg-transparent">红墙股份</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002809" target="_blank" class="text-purple-400 hover:underline">002809</a></td>
<td class="bg-transparent">子公司有年产32万吨环氧乙烷及环氧丙烷衍生物项目涉及乙烷下游衍生物。</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">涨停股</span></td>
</tr>
<tr>
<td class="bg-transparent">中寰股份</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=836260" target="_blank" class="text-purple-400 hover:underline">836260</a></td>
<td class="bg-transparent">参与塔里木乙烷回收项目相关流体控制设备供应。</td>
<td class="bg-transparent"><span class="badge badge-info badge-outline">北交所</span></td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
<footer class="text-center mt-24 pt-8 border-t border-white/10">
<p class="text-sm text-gray-500">北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现</p>
<p class="text-xs text-gray-600 mt-2">本报告为AI合成数据所有内容仅供参考不构成任何投资建议。投资需谨慎。</p>
</footer>
</div>
<script>
const chartDom = document.getElementById('profit-chart');
const myChart = echarts.init(chartDom);
const option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['乙烷裂解制PE理论利润'],
textStyle: {
color: '#ccc'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [{
type: 'category',
boundaryGap: false,
data: ['2024-10-13', '2025-01-05', '2023年均', '2024年均', '2025年1-3月均'],
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0.3)'
}
},
axisLabel: {
color: '#ccc'
}
}],
yAxis: [{
type: 'value',
name: '元/吨',
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0.3)'
}
},
axisLabel: {
color: '#ccc'
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,0.1)'
}
}
}],
series: [{
name: '乙烷裂解制PE理论利润',
type: 'line',
stack: 'Total',
smooth: true,
lineStyle: {
width: 2,
color: '#a162e8'
},
showSymbol: false,
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(161, 98, 232, 0.5)'
}, {
offset: 1,
color: 'rgba(161, 98, 232, 0)'
}])
},
emphasis: {
focus: 'series'
},
data: [1703, 1389, 2280, 2718, 2161]
}]
};
myChart.setOption(option);
window.addEventListener('resize', () => {
myChart.resize();
});
</script>
</body>
</html>