Files
vf_react/public/htmls/奇瑞汽车.html
2025-12-05 13:29:18 +08:00

402 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.

北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。
<!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>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background-color: #0c0a18;
background-image:
radial-gradient(ellipse at 20% 80%, rgba(108, 62, 237, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 80% 20%, rgba(52, 147, 224, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 50% 50%, rgba(22, 17, 47, 0.5) 0%, transparent 100%);
background-attachment: fixed;
overflow-x: hidden;
}
.glass-card {
background: rgba(255, 255, 255, 0.05);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 0 40px rgba(52, 147, 224, 0.3);
transform: translateY(-5px);
}
.glow-border {
position: relative;
}
.glow-border::before {
content: '';
position: absolute;
top: -2px; left: -2px; right: -2px; bottom: -2px;
background: linear-gradient(45deg, #3493e0, #6c3eed);
border-radius: inherit;
z-index: -1;
filter: blur(10px);
opacity: 0.5;
transition: opacity 0.3s;
}
.glow-border:hover::before {
opacity: 0.8;
}
.turrell-light {
position: absolute;
width: 500px;
height: 500px;
border-radius: 50%;
filter: blur(150px);
z-index: -10;
}
.table thead th, .table tbody td {
background-color: transparent !important;
}
.table tbody tr:hover {
background-color: rgba(255, 255, 255, 0.1) !important;
}
</style>
</head>
<body class="text-gray-300">
<div class="turrell-light" style="top: -10%; left: -15%; background-color: rgba(108, 62, 237, 0.3);"></div>
<div class="turrell-light" style="bottom: -10%; right: -15%; background-color: rgba(52, 147, 224, 0.3);"></div>
<div class="container mx-auto p-4 md:p-8 space-y-12">
<!-- Header Section -->
<header class="text-center space-y-4 pt-8">
<div class="inline-block glass-card rounded-2xl px-6 py-2">
<h1 class="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-violet-500">
奇瑞汽车概念
</h1>
</div>
<p class="text-lg text-gray-400 max-w-3xl mx-auto">一份由多源数据驱动的深度AI投研报告剖析从出口霸主到智能电动新势力的战略转型与价值重估。</p>
<p class="text-xs text-gray-500"><span class="font-semibold text-sky-400">北京价值前沿科技有限公司 AI投研agent“价小前投研”</span> 呈现</p>
</header>
<!-- Insight Section -->
<main class="space-y-12" x-data="{}">
<!-- Core Insight -->
<section class="glass-card rounded-3xl p-6 md:p-8 glow-border">
<h2 class="text-3xl font-bold mb-6 text-transparent bg-clip-text bg-gradient-to-r from-gray-200 to-gray-400">核心观点 & 市场洞察</h2>
<div class="prose max-w-none prose-invert prose-p:text-gray-300 prose-li:text-gray-300 prose-strong:text-sky-300">
<p>奇瑞汽车正处于一个由<strong>“出口基本盘+多品牌新能源转型”</strong>双轮驱动的价值重估阶段。其核心驱动力在于将长期领先的全球化渠道能力与加速追赶的智能化、电动化技术相结合通过港股IPO获取关键资本以期在激烈的国内市场竞争中突围并将其海外优势从燃油车时代复制到新能源时代。其未来潜力不仅在于汽车销量的增长更在于其在新兴业务如机器人、飞行汽车和智能化升级上所展现出的巨大决心和潜在的“预期差”。</p>
<h3 class="text-xl font-semibold mt-6 text-white">核心驱动力分析:</h3>
<ul>
<li><strong>全球化“护城河”</strong>构建了超过20年的、难以被短期复制的全球销售网络。海外业务毛利率较国内高8-10个百分点是利润的核心来源为其在国内进行高强度研发和价格战提供了坚实的财务“安全垫”。</li>
<li><strong>技术驱动的战略转型</strong>从自研“鲲鹏动力”到全面拥抱华为ADS再到前瞻性布局人形机器人和飞行汽车奇瑞正从“工程技术驱动”向“智能科技驱动”转型。IPO募集资金中研发占比高达60%,彰显技术立身战略。</li>
<li><strong>多品牌矩阵的“组合拳”</strong>通过奇瑞风云、捷途、星途、iCAR、智界等差异化品牌覆盖广泛细分市场分散风险并为不同技术路线提供试验田。</li>
<li><strong>产业链的深度绑定</strong>:通过直接持股或产业基金,深度绑定伯特利(线控制动)、瑞鹄模具(一体化压铸)等核心供应商,确保供应链稳定,并形成“奇瑞系”业绩共振。</li>
</ul>
<h3 class="text-xl font-semibold mt-6 text-white">预期差分析:</h3>
<ol>
<li><strong>对智能化决心的低估</strong>市场普遍认知奇瑞是“理工男”弱于软件。然而其战略异常激进计划于2025年将高速NOA下沉至5万元级别车型20万元以上车型标配城区NOA这一“智驾平权”的决心和速度可能被市场低估。</li>
<li><strong>对机器人战略的忽视</strong>交付220台墨甲人形机器人可能被视为营销噱头。但结合其成立专职机器人研发公司和“三步走”的商业化路径这可能是一个被严重低估的第二增长曲线。奇瑞作为全球首个批量交付人形机器人的车企已抢占“汽车+机器人”场景结合的先发优势。</li>
<li><strong>对出海模式升级的忽略</strong>市场熟知奇瑞出口第一但可能忽略其出海策略已从“贸易出口”升级到“品牌高端化”通过星途、OMODA等这意味着其海外业务增长将转向品牌溢价和更高的单车利润。</li>
</ol>
</div>
</section>
<!-- Data Bento Grid -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- IPO Timeline Card -->
<div class="lg:col-span-1 glass-card rounded-3xl p-6 space-y-4">
<h3 class="text-xl font-bold text-white">IPO关键进程</h3>
<ul class="timeline timeline-vertical">
<li>
<div class="timeline-start">2025.02.28</div>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end timeline-box border-slate-700 bg-slate-800/50">首次递表港交所</div>
</li>
<li>
<hr class="bg-sky-400"/>
<div class="timeline-start">2025.09.08</div>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end timeline-box border-slate-700 bg-slate-800/50">通过上市聆讯</div>
</li>
<li>
<hr class="bg-sky-400"/>
<div class="timeline-start">2025.09.17</div>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end timeline-box border-slate-700 bg-slate-800/50">启动全球招股</div>
</li>
<li>
<hr class="bg-violet-500"/>
<div class="timeline-start">2025.09.25</div>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-violet-500"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end timeline-box border-violet-700 bg-violet-800/50 font-bold">成功上市 (9973.HK)</div>
</li>
</ul>
</div>
<!-- Financials Card with Chart -->
<div class="lg:col-span-2 glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold text-white mb-4">财务与销量速览</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 text-center">
<div class="glass-card rounded-2xl p-4">
<div class="text-3xl font-bold text-sky-400">70.7%</div>
<div class="text-sm text-gray-400">营收年复合增长 (22-24)</div>
</div>
<div class="glass-card rounded-2xl p-4">
<div class="text-3xl font-bold text-sky-400">57.1%</div>
<div class="text-sm text-gray-400">净利润年复合增长 (22-24)</div>
</div>
<div class="glass-card rounded-2xl p-4">
<div class="text-3xl font-bold text-sky-400">>6.1%</div>
<div class="text-sm text-gray-400">2024年预估净利率</div>
</div>
</div>
<div id="financialChart" style="width: 100%; height: 250px;"></div>
</div>
<!-- Strategy & Tech Card -->
<div class="lg:col-span-2 glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold text-white mb-4">技术与战略布局</h3>
<div role="tablist" class="tabs tabs-boxed bg-black/20">
<a role="tab" class="tab" :class="{ 'tab-active !bg-sky-500 !text-white': activeTab === 'brands' }" @click="activeTab = 'brands'">品牌矩阵</a>
<a role="tab" class="tab" :class="{ 'tab-active !bg-sky-500 !text-white': activeTab === 'tech' }" @click="activeTab = 'tech'">核心技术</a>
<a role="tab" class="tab" :class="{ 'tab-active !bg-sky-500 !text-white': activeTab === 'robot' }" @click="activeTab = 'robot'">前沿探索</a>
</div>
<div x-data="{ activeTab: 'brands' }" class="mt-4 prose max-w-none prose-invert prose-p:text-gray-300 prose-li:text-gray-300">
<div x-show="activeTab === 'brands'">
<p>构建了覆盖大众到豪华、燃油到纯电的全维度五大品牌矩阵,精准卡位不同细分市场。</p>
<ul>
<li><strong>奇瑞:</strong> 大众家庭,风云系列主攻高性价比混动。</li>
<li><strong>捷途:</strong> 家庭旅行与越野,主打高性价比。</li>
<li><strong>星途:</strong> 品牌向上,主打高端市场,与华为合作星纪元。</li>
<li><strong>iCAR:</strong> 年轻潮玩,定位纯电方盒子。</li>
<li><strong>智界:</strong> 与华为深度合作,专注卓越智能新能源。</li>
</ul>
</div>
<div x-show="activeTab === 'tech'">
<p>以自研技术为本,构建全方位技术体系,并积极与行业顶尖伙伴合作。</p>
<ul>
<li><strong>鲲鹏动力:</strong> 自研高效混动系统,发动机热效率全球领先。</li>
<li><strong>火星架构:</strong> 高度通用化的整车开发平台。</li>
<li><strong>大卓智能:</strong> 智能化战略核心载体自研Pilot系列智驾方案。</li>
<li><strong>天穹智算中心:</strong> 为智能驾驶打造的核心算力与数据处理平台。</li>
<li><strong>战略合作:</strong> 与华为(ADS)、宁德时代(电池)深度绑定。</li>
</ul>
</div>
<div x-show="activeTab === 'robot'">
<p>前瞻性布局未来出行生态,已在人形机器人和飞行汽车领域取得初步成果。</p>
<ul>
<li><strong>墨甲机器人:</strong> 联合AiMOGA研发已完成首批220台全球交付成为全球首个批量交付人形机器人的车企。</li>
<li><strong>飞行汽车:</strong> 原型机已成功试飞,采用三体式复合翼构型,支持无人驾驶飞行与行驶。</li>
<li><strong>知识产权:</strong> 积极申请CheryGPT、ROBOTAXI、垂直起降飞行器等相关商标专利。</li>
</ul>
</div>
</div>
</div>
<!-- Export Leader Card -->
<div class="lg:col-span-1 glass-card rounded-3xl p-6 flex flex-col justify-between">
<div>
<h3 class="text-xl font-bold text-white">全球化领航者</h3>
<p class="text-gray-400 mt-2">连续22年位列中国自主品牌乘用车出口第一全球化能力是其最坚固的护城河。</p>
</div>
<div class="space-y-4 mt-6">
<div class="text-center">
<div class="text-4xl font-bold text-violet-400">93.7<span class="text-2xl">万辆</span></div>
<div class="text-sm text-gray-400">2023年出口销量</div>
</div>
<div class="text-center">
<div class="text-4xl font-bold text-violet-400">>50%</div>
<div class="text-sm text-gray-400">出口占2023年总销量比</div>
</div>
<div class="text-center">
<div class="text-4xl font-bold text-violet-400">+8-10%</div>
<div class="text-sm text-gray-400">海外业务毛利率较国内溢价</div>
</div>
</div>
</div>
</section>
<!-- Associated Stocks Section -->
<section class="glass-card rounded-3xl p-6 md:p-8" x-data="stockData()">
<h2 class="text-3xl font-bold mb-6 text-transparent bg-clip-text bg-gradient-to-r from-gray-200 to-gray-400">产业链核心标的</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full text-base">
<thead>
<tr class="text-white">
<th>股票名称</th>
<th>代码</th>
<th>核心关联逻辑</th>
<th>标签</th>
<th>涨停分析</th>
</tr>
</thead>
<tbody>
<template x-for="stock in stocks" :key="stock.stock_code">
<tr>
<td class="font-semibold text-white" x-text="stock.stock"></td>
<td><a :href="'https://valuefrontier.cn/company?scode=' + stock.stock_code" target="_blank" class="text-sky-400 hover:text-sky-300 transition-colors" x-text="stock.stock_code"></a></td>
<td x-text="stock.reason"></td>
<td><span class="badge badge-outline" :class="stock.tagColor" x-text="stock.tag"></span></td>
<td>
<button v-if="stock.analysis" @click="openModal(stock)" class="btn btn-xs btn-outline btn-info">查看</button>
<span v-else class="text-gray-500">N/A</span>
</td>
</tr>
</template>
</tbody>
</table>
</div>
<!-- Modal for Analysis -->
<div x-show="modalOpen" class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-70" @click.self="modalOpen = false">
<div class="glass-card rounded-2xl w-11/12 md:w-3/4 lg:w-1/2 max-w-4xl max-h-[90vh] overflow-y-auto glow-border" @click.stop>
<div class="p-6 md:p-8">
<div class="flex justify-between items-center mb-4">
<h3 class="text-2xl font-bold text-white"><span x-text="selectedStock.stock"></span> (<span x-text="selectedStock.stock_code"></span>) - 异动解析</h3>
<button @click="modalOpen = false" class="btn btn-sm btn-circle btn-ghost"></button>
</div>
<div class="prose max-w-none prose-invert prose-p:text-gray-300 prose-li:text-gray-300 prose-strong:text-sky-300">
<p class="text-sm text-gray-500" x-text="'分析日期: ' + selectedStock.trade_date"></p>
<div class="badge badge-accent mb-4" x-text="'当日涨幅: ' + selectedStock.rise_rate + '%'"></div>
<div x-html="selectedStock.analysis"></div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center py-6">
<p class="text-xs text-gray-600">免责声明本报告由AI模型基于公开数据合成所有内容仅供研究参考不构成任何投资建议。投资有风险决策需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('stockData', () => ({
modalOpen: false,
selectedStock: {},
stocks: [
// Direct Shareholders
{ stock: '立讯精密', stock_code: '002475', reason: '公司控股股东立讯有限公司持股奇瑞汽车相关股份', tag: '直接股东', tagColor: 'badge-primary' },
{ stock: '宁德时代', stock_code: '300750', reason: '通过宁波问鼎持股3.15%M3P电池已落地奇瑞-华为合作车型', tag: '直接股东', tagColor: 'badge-primary' },
{ stock: '国轩高科', stock_code: '002074', reason: '奇瑞控股集团第八大股东持股1.9575%', tag: '直接股东', tagColor: 'badge-primary' },
{ stock: '华达科技', stock_code: '603358', reason: '通过青岛火眼基金参股奇瑞汽车', tag: '直接股东', tagColor: 'badge-primary' },
// Suppliers
{ stock: '伯特利', stock_code: '603596', reason: '奇瑞科技为其第二大股东提供线控制动WCBS', tag: '核心供应商', tagColor: 'badge-secondary' },
{ stock: '瑞鹄模具', stock_code: '002997', reason: '提供模具、自动化产线及一体化压铸结构件', tag: '核心供应商', tagColor: 'badge-secondary' },
{ stock: '浙江仙通', stock_code: '603239', reason: '独家配套智界R7密封条深度受益奇瑞高端化', tag: '核心供应商', tagColor: 'badge-secondary' },
{ stock: '华阳集团', stock_code: '002906', reason: '配套座舱域控及中控屏,为瑞虎系列配套多类产品', tag: '智能座舱', tagColor: 'badge-accent' },
{ stock: '均胜电子', stock_code: '600699', reason: '与华为及奇瑞推出的LUXEED在智能座舱域控有合作', tag: '智能座舱', tagColor: 'badge-accent' },
{ stock: '拓普集团', stock_code: '601689', reason: '拟收购芜湖长鹏奇瑞持股33.33%主营NVH', tag: '底盘与车身', tagColor: 'badge-info' },
{ stock: '常青股份', stock_code: '603768', reason: '一级配套供应商,承接部分车身冲压件', tag: '底盘与车身', tagColor: 'badge-info' },
// Other
{ stock: '中国外运', stock_code: '601598', reason: '奇瑞海外物流战略合作伙伴承运出口车辆超50万辆', tag: '物流服务', tagColor: 'badge-warning' },
{ stock: '鸿合科技', stock_code: '002955', reason: '股权穿透背后是奇瑞集团和芜湖国资,曾有重组传闻', tag: '间接关联', tagColor: 'badge-neutral' },
{ stock: '合锻智能', stock_code: '603011', reason: '中标奇瑞热成型钣金件产线核心设备', tag: '设备供应商', tagColor: 'badge-success' },
{ stock: '海螺新材', stock_code: '000619', reason: '与奇瑞同属芜湖国资,曾有借壳上市传闻', tag: '间接关联', tagColor: 'badge-neutral' },
],
riseAnalysisData: [
{ stock_code: '603239', rise_rate: 9.99, trade_date: '2025-09-23', analysis: '核心结论 <br>“奇瑞港股IPO定价在即”触发A股映射行情浙江仙通因独家配套智界R7密封条成为资金抢筹的奇瑞影子股。<br><br>驱动概念 <br>奇瑞IPO+华为汽车+智界产业链<br><br>个股异动解析 <br>1. 消息面 <br>1奇瑞港股IPO9月23日为定价前最后交易日IPO募资上限12亿美元发行价已锁定区间上限30.75港元,资金博弈上市首日溢价。 <br>- 公司为奇瑞-华为联合品牌“智界”R7车型全车密封条独家供应商 <br>- 智界新S7密封条主供方单车ASP约420元2025H1智界系列占公司营收28%,直接受益奇瑞估值抬升。 <br><br>2华为汽车9月23日19:00鸿蒙智行秋季发布会将发布问界M9新配色及尚界H5华为汽车链情绪升温。 <br>- 公司配套密封条已进入华为智选车供应链,产品通过奇瑞间接供应华为,具备华为汽车“零部件+”标签。 ' },
{ stock_code: '603011', rise_rate: 9.98, trade_date: '2025-09-25', analysis: '核心结论: <br>9 月 25 日合锻智能涨停,系“奇瑞上市前夜供应链订单验证+环流四号装置落地合肥”两大隔夜催化叠加,使公司同时贴上“奇瑞汽车高端装备”与“核聚变核心零部件”双重稀缺标签,资金锁仓缩量一致板。<br><br>驱动概念: <br>核聚变设备+奇瑞汽车供应链+高端液压装备<br><br>个股异动解析: <br>1. 消息面 <br>1核聚变设备环流四号装置官宣落地合肥高温超导路线进入工程化阶段。-公司2023年起参与BEST真空室液压成形研制9月22日互动平台确认<br>2奇瑞汽车供应链奇瑞港股IPO定价30.75港元募资91亿港元用于新能源扩产。-9月24日盘后公告公司中标凌云吉恩斯“热成型伺服高速液压机”1068万元为奇瑞热成型钣金件产线核心设备-凌云吉恩斯为奇瑞外协热成型件主力供应商,订单虽小,但验证公司进入奇瑞扩产链;-同期浙江华远等“奇瑞链”标的连续涨停,资金映射。 ' },
{ stock_code: '000619', rise_rate: 5.23, trade_date: '2025-08-26', analysis: '## 主要原因:奇瑞汽车借壳预期升温<br><br>海螺新材当日上涨的最主要驱动因素是市场对奇瑞汽车可能借壳该公司上市的预期显著增强。<br><br>### 1. 时间窗口临近<br>- 奇瑞汽车于2025年2月28日向港交所递交IPO申请按照港交所6个月的有效期规定最后截止日为2025年8月28日。<br>- 若奇瑞港股IPO申请失效借壳上市将成为其重要备选方案。<br><br>### 2. 借壳逻辑合理性<br>- **股权关系关联**:海螺新材与奇瑞汽车同属芜湖市国资委旗下的国有企业,存在天然的股权联系。<br>- **历史合作基础**据投资者论坛信息两者在2016年就曾尝试过合作为可能的借壳提供了历史基础。' },
],
init() {
this.stocks.forEach(stock => {
const analysis = this.riseAnalysisData.find(a => a.stock_code === stock.stock_code);
if (analysis) {
stock.analysis = analysis.analysis;
stock.rise_rate = analysis.rise_rate;
stock.trade_date = analysis.trade_date;
}
});
},
openModal(stock) {
this.selectedStock = stock;
this.modalOpen = true;
}
}));
});
// ECharts Initialization
var chartDom = document.getElementById('financialChart');
var myChart = echarts.init(chartDom);
var option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'cross' }
},
legend: {
data: ['营收 (亿元)', '净利润 (亿元)'],
textStyle: { color: '#ccc' }
},
grid: {
left: '3%', right: '4%', bottom: '3%', containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2022', '2023', '2024 (E)'],
axisLine: { lineStyle: { color: '#888' } }
},
yAxis: [
{
type: 'value',
name: '营收 (亿元)',
position: 'left',
axisLine: { show: true, lineStyle: { color: '#3493e0' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
{
type: 'value',
name: '净利润 (亿元)',
position: 'right',
axisLine: { show: true, lineStyle: { color: '#6c3eed' } },
splitLine: { show: false }
}
],
series: [
{
name: '营收 (亿元)',
type: 'line',
smooth: true,
data: [926.2, 1632.1, 2699.0],
itemStyle: { color: '#3493e0' },
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0, color: 'rgba(52, 147, 224, 0.5)'
}, {
offset: 1, color: 'rgba(52, 147, 224, 0.1)'
}])
}
},
{
name: '净利润 (亿元)',
type: 'line',
smooth: true,
yAxisIndex: 1,
data: [62.7, 119.5, 141.4],
itemStyle: { color: '#6c3eed' },
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0, color: 'rgba(108, 62, 237, 0.5)'
}, {
offset: 1, color: 'rgba(108, 62, 237, 0.1)'
}])
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>