Files
vf_react/public/htmls/华为5G.html
2025-12-05 13:29:18 +08:00

482 lines
30 KiB
HTML
Raw Permalink 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>深度行研报告华为5G</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>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background-color: #0a091e;
color: #e0e0e0;
overflow-x: hidden;
}
.space-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-image:
radial-gradient(ellipse 80% 80% at 20% 20%, rgba(29, 78, 216, 0.15), transparent),
radial-gradient(ellipse 60% 60% at 80% 85%, rgba(147, 51, 234, 0.15), transparent),
url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?q=80&w=2071&auto=format&fit=crop');
background-size: cover;
background-position: center;
z-index: -1;
filter: blur(8px);
}
.glass-card {
background: rgba(17, 24, 39, 0.5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(31, 41, 55, 0.6);
box-shadow: 0 0 25px rgba(52, 211, 153, 0.2);
border-color: rgba(52, 211, 153, 0.3);
}
.glow-text {
text-shadow: 0 0 8px rgba(255, 255, 255, 0.3), 0 0 12px rgba(59, 130, 246, 0.3);
}
.title-highlight {
background: -webkit-linear-gradient(45deg, #38bdf8, #a78bfa, #f472b6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: minmax(100px, auto);
}
.bento-item {
transition: transform 0.3s ease;
}
.bento-item:hover {
transform: translateY(-5px);
}
/* Responsive Bento Grid Layout */
.bento-item-1 { grid-column: span 12; grid-row: span 2; md:grid-column: span 8; }
.bento-item-2 { grid-column: span 12; grid-row: span 1; md:grid-column: span 4; }
.bento-item-3 { grid-column: span 12; grid-row: span 1; md:grid-column: span 4; }
.bento-item-4 { grid-column: span 12; grid-row: span 2; md:grid-column: span 8; }
@media (min-width: 768px) {
.bento-item-1 { grid-column: span 8; grid-row: span 2; }
.bento-item-2 { grid-column: span 4; grid-row: span 1; }
.bento-item-3 { grid-column: span 4; grid-row: span 1; }
.bento-item-4 { grid-column: span 8; grid-row: span 2; }
}
.tab-active {
background-color: rgba(52, 211, 153, 0.2) !important;
color: #34d399 !important;
border-bottom: 2px solid #34d399;
}
.tab-inactive {
border-bottom: 2px solid transparent;
}
.table th, .table td {
background-color: transparent !important;
border-color: rgba(255, 255, 255, 0.1) !important;
}
</style>
</head>
<body>
<div class="space-bg"></div>
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center my-12">
<h1 class="text-4xl md:text-6xl font-bold glow-text mb-4">
深度行研报告: <span class="title-highlight">华为5G</span>
</h1>
<p class="text-lg md:text-xl text-slate-300 max-w-4xl mx-auto">
政策破冰与技术代际领先,重塑全球通信格局
</p>
</header>
<!-- Core Insight Bento Grid -->
<section class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center glow-text">核心观点摘要</h2>
<div class="bento-grid">
<div class="bento-item glass-card p-6 bento-item-1 flex flex-col justify-between">
<div>
<h3 class="text-xl font-semibold mb-3 text-emerald-400">核心驱动逻辑:困境反转 & 技术升级</h3>
<p class="text-slate-300 mb-4">
概念正处由<strong class="text-sky-400">外部政策环境边际改善</strong><strong class="text-purple-400">内部技术代际领先</strong>共同驱动的关键拐点。核心叙事是华为凭借5.5G技术优势,在德国政策松动示范下,有望重返并抢占<strong class="text-amber-400">价值千亿级别</strong>的欧洲市场对冲国内5G资本开支下滑风险为产业链带来显著业绩弹性。
</p>
</div>
<ul class="space-y-2 text-sm">
<li class="flex items-start"><span class="text-emerald-400 mr-2"></span> <strong>政策驱动:</strong>德国移除“可信国家”条款,示范效应或打开欧洲市场缺口(估算市场规模 1500-1800亿欧元</li>
<li class="flex items-start"><span class="text-emerald-400 mr-2"></span> <strong>技术驱动:</strong>5G专利全球第一率先推动5.5G商用实现10倍性能提升定义下一代网络标准。</li>
</ul>
</div>
<div class="bento-item glass-card p-6 bento-item-2">
<h3 class="text-xl font-semibold mb-3 text-emerald-400">关键催化剂</h3>
<ul class="space-y-2 text-sm text-slate-300">
<li><strong>政策落地:</strong> 德国运营商与华为签订5.5G合同。</li>
<li><strong>标准确立:</strong> 3GPP R18/R19 (5.5G) 标准最终冻结。</li>
<li><strong>订单公告:</strong> 产业链核心公司发布重大海外订单。</li>
<li><strong>标志事件:</strong> MWC等顶会发布突破性商用产品。</li>
</ul>
</div>
<div class="bento-item glass-card p-6 bento-item-3">
<h3 class="text-xl font-semibold mb-3 text-rose-400">核心风险:预期差</h3>
<p class="text-sm text-slate-300">
市场聚焦欧洲增量,但<strong class="text-rose-400">严重低估国内市场风险</strong>。路演数据明确指出“国内运营商5G资本开支下滑趋势未改”。产业链面临“国外增收国内减收”局面业绩兑现或不及预期这是最大潜在预期差。
</p>
</div>
<div class="bento-item glass-card p-6 bento-item-4 flex flex-col justify-between">
<div>
<h3 class="text-xl font-semibold mb-3 text-emerald-400">投资价值与路径</h3>
<p class="text-slate-300 mb-4">
概念已进入<strong class="text-sky-400">由海外市场预期驱动、等待基本面验证</strong>的关键阶段。国内资本开支下滑是决定本轮周期高度的“达摩克利斯之剑”。
</p>
</div>
<div>
<h4 class="font-semibold text-amber-400 mb-2">最具投资价值环节:</h4>
<ol class="list-decimal list-inside space-y-1 text-sm">
<li><strong>5.5G核心射频器件:</strong> 确定性最高的受益环节,如陶瓷介质滤波器、高频天线/连接器。</li>
<li><strong>上游新材料 (LCP/高频覆铜板):</strong> 更具前瞻性的布局方向,受益于向更高频率发展趋势。</li>
</ol>
</div>
</div>
</div>
</section>
<!-- Detailed Analysis Tabs -->
<section class="mb-16" x-data="{ tab: 'timeline' }">
<h2 class="text-3xl font-bold mb-8 text-center glow-text">深度数据解析</h2>
<div class="tabs justify-center mb-6">
<a class="tab tab-lg tab-lifted" :class="{ 'tab-active': tab === 'timeline', 'tab-inactive': tab !== 'timeline' }" @click.prevent="tab = 'timeline'">事件与时间轴</a>
<a class="tab tab-lg tab-lifted" :class="{ 'tab-active': tab === 'market', 'tab-inactive': tab !== 'market' }" @click.prevent="tab = 'market'">市场与预期</a>
<a class="tab tab-lg tab-lifted" :class="{ 'tab-active': tab === 'tech', 'tab-inactive': tab !== 'tech' }" @click.prevent="tab = 'tech'">技术与应用</a>
<a class="tab tab-lg tab-lifted" :class="{ 'tab-active': tab === 'risks', 'tab-inactive': tab !== 'risks' }" @click.prevent="tab = 'risks'">风险与挑战</a>
</div>
<div class="glass-card p-6 md:p-8 min-h-[450px]">
<!-- Tab 1: Timeline -->
<div x-show="tab === 'timeline'">
<h3 class="text-2xl font-semibold mb-4 text-emerald-400">概念事件与发展路径</h3>
<p class="mb-6 text-slate-300">德国政策转向是引爆概念热度的核心催化剂具备强烈示范效应。同时华为在5.5G技术上的持续突破,为其市场再扩张提供了坚实基础。</p>
<div id="timeline-chart" class="w-full h-80"></div>
</div>
<!-- Tab 2: Market -->
<div x-show="tab === 'market'">
<h3 class="text-2xl font-semibold mb-4 text-emerald-400">市场空间与预期差</h3>
<div class="grid md:grid-cols-2 gap-8">
<div>
<p class="text-slate-300 mb-4">欧洲5G建设显著滞后基站数仅为中国1/8市场潜力巨大。若华为重返仅德国市场增量预估达<strong class="text-amber-400">400亿人民币</strong>,整个欧洲市场规模高达<strong class="text-amber-400">1500-1800亿欧元</strong></p>
<h4 class="font-semibold text-sky-400 mb-2">国内市场风险:</h4>
<p class="text-slate-300">国内运营商5G资本开支进入下行周期2024-2025年无线投资预计大幅下降。产业链公司需依赖海外增长对冲国内收缩业绩增长并非板上钉钉。</p>
</div>
<div id="cost-structure-chart" class="w-full h-80"></div>
</div>
</div>
<!-- Tab 3: Technology -->
<div x-show="tab === 'tech'">
<h3 class="text-2xl font-semibold mb-4 text-emerald-400">技术演进与产业应用</h3>
<div class="grid md:grid-cols-2 gap-8">
<div>
<p class="text-slate-300 mb-4">5.5G (5G-A) 是5G的增强版性能全面提升<strong class="text-amber-400">10倍</strong>,开启万兆体验、千亿联接。华为率先完成蜂窝无源物联、网络智能化等关键技术测试,并在北京实现全球首个规模商用部署。</p>
<ul class="text-slate-300 space-y-2 text-sm">
<li><strong>新增场景:</strong> UCBC上行超宽带、HCS通信感知融合</li>
<li><strong>关键应用:</strong> XR设备、车路协同、全息投影、工业自动化。</li>
</ul>
</div>
<div id="car-penetration-chart" class="w-full h-80"></div>
</div>
</div>
<!-- Tab 4: Risks -->
<div x-show="tab === 'risks'">
<h3 class="text-2xl font-semibold mb-4 text-rose-400">潜在风险与挑战</h3>
<div class="space-y-4 text-slate-300">
<div>
<h4 class="font-semibold text-amber-400">政策与竞争风险 (最大不确定性)</h4>
<p class="text-sm">德国政策松动仍可能受美国施压或其他地缘政治事件影响而<strong class="text-rose-400">出现反复</strong>。同时,爱立信、诺基亚等竞争对手可能采取激进策略,市场竞争依然激烈。</p>
</div>
<div>
<h4 class="font-semibold text-amber-400">商业化风险</h4>
<p class="text-sm">欧洲运营商为5.5G升级支付资本开支的意愿存疑。XR、车联网等<strong class="text-rose-400">杀手级应用发展速度不及预期</strong>,将直接影响网络投资需求。</p>
</div>
<div>
<h4 class="font-semibold text-amber-400">技术风险</h4>
<p class="text-sm">5.5G在毫米波频段的规模部署面临<strong class="text-rose-400">覆盖范围、功耗和成本</strong>的挑战,新技术稳定性仍需时间检验。</p>
</div>
<div>
<h4 class="font-semibold text-amber-400">信息交叉验证风险 (核心矛盾)</h4>
<p class="text-sm">路演数据揭示的“<strong class="text-rose-500 font-bold">国内5G资本开支下滑</strong>”与新闻/研报描绘的乐观增长前景存在<strong class="text-rose-500 font-bold">明显矛盾</strong>。这是评估相关公司业绩时必须考虑的核心风险点。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Industry Chain -->
<section class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center glow-text">产业链图谱</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Upstream -->
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-center mb-4 text-sky-400">上游:核心元器件与材料</h3>
<div class="space-y-3">
<div><strong>射频前端:</strong> 天线 (通宇通讯、硕贝德), 滤波器 (灿勤科技 - 陶瓷, 武汉凡谷 - 金属), 连接器 (金信诺, 富士达)</div>
<div class="divider divider-primary"></div>
<div><strong>基带与光通信:</strong> 光模块 (中际旭创), PCB基板 (生益科技, 华正新材), LCP材料 (普利特, 沃特股份)</div>
</div>
</div>
<!-- Midstream -->
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-center mb-4 text-purple-400">中游:通信主设备</h3>
<div class="space-y-3">
<div><strong>系统集成商:</strong> 华为 (非上市), 中兴通讯, 信科移动</div>
</div>
</div>
<!-- Downstream -->
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-center mb-4 text-amber-400">下游:运营商与应用</h3>
<div class="space-y-3">
<div><strong>电信运营商:</strong> 中国移动, 中国联通, 中国电信</div>
<div class="divider divider-primary"></div>
<div><strong>垂直行业应用:</strong> 智能汽车, 智慧矿山, 智慧园区, 工业互联网</div>
</div>
</div>
</div>
</section>
<!-- Stock Data Tables -->
<section>
<h2 class="text-3xl font-bold mb-8 text-center glow-text">核心产业链公司梳理</h2>
<!-- Main Stocks Table -->
<div class="glass-card p-4 md:p-6 mb-12">
<h3 class="text-2xl font-semibold mb-4 text-emerald-400">华为5G 核心标的</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full text-sm">
<thead>
<tr>
<th class="w-1/6">股票名称</th>
<th class="w-1/6">股票代码</th>
<th class="w-2/3">核心逻辑/合作关系</th>
<th class="w-1/6">标签</th>
</tr>
</thead>
<tbody>
<tr><td>通宇通讯</td><td><a href="https://valuefrontier.cn/company?scode=002792" target="_blank" class="link link-primary">002792</a></td><td>微波天线、基站天线等5G基站天线服务方面深度合作</td><td>天线</td></tr>
<tr><td>硕贝德</td><td><a href="https://valuefrontier.cn/company?scode=300322" target="_blank" class="link link-primary">300322</a></td><td>为华为宏基站提供天线振子代工服务在5G、5.5G基站天线等多个领域为华为提供产品</td><td>天线</td></tr>
<tr><td>武汉凡谷</td><td><a href="https://valuefrontier.cn/company?scode=002194" target="_blank" class="link link-primary">002194</a></td><td>相关产品可满足客户端5.5G相关移动通信系统的技术需求</td><td>射频</td></tr>
<tr><td>灿勤科技</td><td><a href="https://valuefrontier.cn/company?scode=688182" target="_blank" class="link link-primary">688182</a></td><td>公司与华为有长期的合作,提供电子陶瓷业务的解决方案 (被研报指认为陶瓷滤波器核心独供)</td><td>主设备/滤波器</td></tr>
<tr><td>普利特</td><td><a href="https://valuefrontier.cn/company?scode=002324" target="_blank" class="link link-primary">002324</a></td><td>LCP材料产品在5.5G产业中有业务布局,正在与客户就相关产品的测试和产品应用进行积极对接</td><td>LCP</td></tr>
<tr><td>沃特股份</td><td><a href="https://valuefrontier.cn/company?scode=002886" target="_blank" class="link link-primary">002886</a></td><td>LCP材料已经得到行业头部客户的使用有望成为全球产能最大的LCP材料供应商</td><td>LCP</td></tr>
<tr><td>生益科技</td><td><a href="https://valuefrontier.cn/company?scode=600183" target="_blank" class="link link-primary">600183</a></td><td>产品全系列布局,广泛应用于5G天线、通讯基站中,公司跟各应用领域的头部终端都有进行开放性合作</td><td>基板</td></tr>
<tr><td>中际旭创</td><td><a href="https://valuefrontier.cn/company?scode=300308" target="_blank" class="link link-primary">300308</a></td><td>光模块龙头企业受益于5G网络建设</td><td>光模块</td></tr>
<tr><td>中兴通讯</td><td><a href="https://valuefrontier.cn/company?scode=000063" target="_blank" class="link link-primary">000063</a></td><td>通信主设备商与华为共同构成国内5G建设核心力量</td><td>主设备</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Rise Analysis Table -->
<div class="glass-card p-4 md:p-6">
<h3 class="text-2xl font-semibold mb-4 text-emerald-400">相关个股异动分析</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full text-sm">
<thead>
<tr>
<th class="w-1/12">股票</th>
<th class="w-1/12">代码</th>
<th class="w-1/12">涨幅</th>
<th class="w-1/12">日期</th>
<th class="w-2/3">涨停逻辑/原因分析</th>
</tr>
</thead>
<tbody>
<tr>
<td>世嘉科技</td>
<td><a href="https://valuefrontier.cn/company?scode=002796" target="_blank" class="link link-primary">002796</a></td>
<td class="text-error">9.98%</td>
<td>2025-11-03</td>
<td class="whitespace-normal"><strong>核心: RedCap小基站+5G核心器件链主。</strong>工信部RedCap量化目标+中移动12.8万站小基站集采同日落地公司作为江苏5G链主+华为/中兴RedCap天线/滤波器核心外协,订单能见度瞬间兑现。</td>
</tr>
<tr>
<td>盛洋科技</td>
<td><a href="https://valuefrontier.cn/company?scode=603703" target="_blank" class="link link-primary">603703</a></td>
<td class="text-error">10.02%</td>
<td>2025-09-24</td>
<td class="whitespace-normal"><strong>核心: 5G漏缆+高频PCB。</strong>“5G漏缆地铁财政补贴+移动3.84亿大单+高频高速PCB一期投产”三因素集中兑现形成基本面拐点式共振。</td>
</tr>
<tr>
<td>动力源</td>
<td><a href="https://valuefrontier.cn/company?scode=600405" target="_blank" class="link link-primary">600405</a></td>
<td class="text-error">10.04%</td>
<td>2025-06-17</td>
<td class="whitespace-normal"><strong>核心: 5G通信电源。</strong>中标中国铁塔1.66亿元开关电源项目彰显公司在5G通信电源领域的竞争优势。</td>
</tr>
<tr>
<td>东山精密</td>
<td><a href="https://valuefrontier.cn/company?scode=002384" target="_blank" class="link link-primary">002384</a></td>
<td class="text-error">10.02%</td>
<td>2025-06-16</td>
<td class="whitespace-normal"><strong>核心: 光通信+5G+PCB。</strong>拟59.35亿元收购索尔思光电100%股权切入光通信市场叠加5G和PCB概念板块整体走强。</td>
</tr>
<tr>
<td>协鑫集成</td>
<td><a href="https://valuefrontier.cn/company?scode=002506" target="_blank" class="link link-primary">002506</a></td>
<td class="text-error">9.91%</td>
<td>2025-06-20</td>
<td class="whitespace-normal text-warning"><strong>关联度较低:</strong> 主要受光伏行业回暖影响5G概念更多为市场联想性炒作。</td>
</tr>
<tr>
<td>茂化实华</td>
<td><a href="https://valuefrontier.cn/company?scode=000637" target="_blank" class="link link-primary">000637</a></td>
<td class="text-error">9.93%</td>
<td>2025-06-19</td>
<td class="whitespace-normal text-warning"><strong>关联度较低:</strong> 主要源于石油板块整体活跃5G概念仅为次要题材。</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center py-8 mt-12 text-xs text-slate-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Timeline Chart
var timelineChart = echarts.init(document.getElementById('timeline-chart'));
var timelineOption = {
tooltip: {
trigger: 'axis',
formatter: function (params) {
return params[0].name + '<br/>' + params[0].data.event;
}
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'time',
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
axisLabel: { color: '#e0e0e0' }
},
yAxis: {
type: 'value',
show: false
},
series: [{
name: '关键事件',
type: 'line',
showSymbol: false,
symbol: 'circle',
symbolSize: 10,
data: [
{ name: '2023-09-30', value: ['2023-09-30', 1], event: '华为完成5G-A网络智能化关键技术验证' },
{ name: '2024-11-20', value: ['2024-11-20', 2], event: '北京联通与华为发布全球首个5G-A规模立体智慧网' },
{ name: '2025-04-15', value: ['2025-04-15', 3], event: '德国经济周刊报道联合协议修改,市场发酵不排除华为' },
],
lineStyle: { color: '#34d399', width: 2 },
markPoint: {
data: [
{ name: '技术验证', coord: ['2023-09-30', 1] },
{ name: '商用部署', coord: ['2024-11-20', 2] },
{ name: '政策转向', coord: ['2025-04-15', 3] },
],
symbolSize: 50,
itemStyle: { color: '#34d399' },
label: { fontSize: 10 }
}
}]
};
timelineChart.setOption(timelineOption);
// Cost Structure Chart
var costChart = echarts.init(document.getElementById('cost-structure-chart'));
var costOption = {
title: { text: '5G基站成本构成', left: 'center', textStyle: { color: '#e0e0e0' } },
tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c}%' },
legend: { bottom: '0', textStyle: { color: '#e0e0e0' } },
series: [{
name: '成本占比',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: { borderRadius: 10, borderColor: '#0a091e', borderWidth: 2 },
label: { show: false, position: 'center' },
emphasis: { label: { show: true, fontSize: '20', fontWeight: 'bold' } },
data: [
{ value: 40, name: '射频器件' },
{ value: 25, name: '光模块' },
{ value: 20, name: 'PCB' },
{ value: 15, name: '天线' }
]
}]
};
costChart.setOption(costOption);
// Car Penetration Chart
var carChart = echarts.init(document.getElementById('car-penetration-chart'));
var carOption = {
title: { text: '5G车联网渗透率预测', left: 'center', textStyle: { color: '#e0e0e0' } },
tooltip: { trigger: 'axis' },
xAxis: {
type: 'category',
data: ['2024', '2025', '2030'],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
axisLabel: { color: '#e0e0e0' }
},
yAxis: {
type: 'value',
axisLabel: { formatter: '{value} %', color: '#e0e0e0' },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
},
series: [{
data: [10.7, 30, 95],
type: 'bar',
barWidth: '40%',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#833ab4' },
{ offset: 1, color: '#fd1d1d' }
])
}
}]
};
carChart.setOption(carOption);
window.addEventListener('resize', function() {
timelineChart.resize();
costChart.resize();
carChart.resize();
});
});
</script>
</body>
</html>