Files
vf_react/public/htmls/地平线.html
2025-12-05 13:29:18 +08:00

577 lines
36 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>地平线 (Horizon Robotics) - 深度投研报告</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=Noto+Sans+SC:wght@300;400;500;700&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color-1: rgba(79, 70, 229, 0.6); /* Indigo */
--glow-color-2: rgba(219, 39, 119, 0.5); /* Pink */
--glass-bg: rgba(17, 24, 39, 0.6); /* Gray-900 with alpha */
--border-color: rgba(255, 255, 255, 0.1);
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #0c0a1a;
background-image:
radial-gradient(ellipse 80% 80% at 50% -20%, rgba(124, 58, 237, 0.3), transparent),
radial-gradient(ellipse 80% 80% at 10% 120%, rgba(59, 130, 246, 0.2), transparent),
radial-gradient(ellipse 80% 80% at 90% 120%, rgba(236, 72, 153, 0.2), transparent);
background-attachment: fixed;
color: #e5e7eb; /* Gray-200 */
}
.font-fui {
font-family: 'Space Grotesk', sans-serif;
}
.glass-card {
background: var(--glass-bg);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid var(--border-color);
border-radius: 2rem;
box-shadow: 0 0 80px rgba(0,0,0,0.3);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(255, 255, 255, 0.2);
transform: translateY(-5px);
}
.glow-text {
text-shadow: 0 0 8px var(--glow-color-1), 0 0 20px var(--glow-color-2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: auto;
}
.bento-item-1 { grid-column: span 6; md:grid-column: span 4; }
.bento-item-2 { grid-column: span 6; md:grid-column: span 2; }
.bento-item-3 { grid-column: span 6; md:grid-column: span 3; }
.bento-item-4 { grid-column: span 6; md:grid-column: span 3; }
.bento-item-5 { grid-column: span 6; }
@media (min-width: 768px) {
.bento-item-1 { grid-column: span 4; }
.bento-item-2 { grid-column: span 2; }
.bento-item-3 { grid-column: span 3; }
.bento-item-4 { grid-column: span 3; }
.bento-item-5 { grid-column: span 6; }
}
.daisy-tab {
transition: all 0.3s ease;
color: rgba(255, 255, 255, 0.6);
}
.daisy-tab-active {
color: #fff !important;
border-color: var(--glow-color-1) !important;
}
.daisy-collapse-title {
font-weight: 500;
}
</style>
</head>
<body class="min-h-screen">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center py-12 px-4">
<h1 class="text-5xl md:text-7xl font-bold font-fui glow-text tracking-tighter">地平线 (Horizon Robotics)</h1>
<p class="mt-4 text-xl md:text-2xl text-gray-300 font-fui">深度行业研究报告</p>
<div class="mt-6 text-sm text-gray-500 font-light">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<main class="space-y-12">
<!-- Insight Section -->
<section id="insight">
<h2 class="text-3xl font-bold font-fui mb-6 text-center">核心洞察 & 战略分析</h2>
<div class="bento-grid">
<!-- Core Logic -->
<div class="bento-item-1 p-8 glass-card">
<h3 class="text-2xl font-bold font-fui mb-4 text-indigo-300">核心投资逻辑</h3>
<p class="text-gray-300 leading-relaxed">
地平线正处在从“国产ADAS芯片龙头”向“全球智能驾驶解决方案核心供应商”转型的关键跃升期。其核心驱动力源于<strong class="text-cyan-300">“技术性价比+商业模式灵活性”</strong>双轮驱动下对国内市场的深度渗透。未来,公司的增长潜力取决于<strong class="text-pink-300">征程6高阶芯片的放量速度、HSD软件方案的市场认可度以及全球化战略的执行成效</strong>。地平线通过“算法定义芯片”的软硬协同设计实现了极高的计算效率BPU利用率高达85%远超GPU在同等性能下具备显著成本优势完美契合当前“智驾平权”的产业趋势。
</p>
</div>
<!-- Market Sentiment -->
<div class="bento-item-2 p-8 glass-card">
<h3 class="text-2xl font-bold font-fui mb-4 text-indigo-300">市场热度与情绪</h3>
<p class="text-gray-300 leading-relaxed">
市场情绪整体<strong class="text-green-400">乐观但伴随对盈利能力的审慎观察</strong>。市场普遍认可其在中国市场的领导地位和技术实力,对其高营收增长和市场份额给予积极反馈。但同时,对其持续的巨额亏损和高研发投入也存在担忧,<strong class="text-yellow-300">盈利拐点预计2027年</strong>是当前市场关注的核心。
</p>
</div>
<!-- Expectation Gap -->
<div class="bento-item-3 p-8 glass-card">
<h3 class="text-2xl font-bold font-fui mb-4 text-indigo-300">预期差分析</h3>
<ul class="space-y-3 list-disc list-inside text-gray-300">
<li><strong class="text-cyan-400">盈利模型变化:</strong> 随着J6系列放量2025年硬件芯片收入占比预计升至60%可能拉低当前高达77%的综合毛利率,市场或未充分消化此结构变化。</li>
<li><strong class="text-cyan-400">竞争格局演变:</strong> 市场可能低估了高通凭借座舱优势向驾舱一体化渗透的威胁,以及核心客户(如理想、比亚迪)自研能力增强后对高毛利软件服务采购的长期潜在风险。</li>
<li><strong class="text-cyan-400">机器人业务价值:</strong> 分拆的“地瓜机器人”业务被视为远期期权,当前市场尚未给予充分定价,存在价值发现的预期差。</li>
</ul>
</div>
<!-- Catalysts -->
<div class="bento-item-4 p-8 glass-card">
<h3 class="text-2xl font-bold font-fui mb-4 text-indigo-300">关键催化剂</h3>
<div class="space-y-3">
<div>
<p class="font-semibold text-pink-300">近期 (3-6个月)</p>
<ul class="list-disc list-inside text-sm text-gray-400">
<li>征程6系列大规模上车及市场反馈。</li>
<li>HSD方案首发奇瑞星途量产表现。</li>
<li>新增高阶车型J6P定点公告。</li>
</ul>
</div>
<div>
<p class="font-semibold text-pink-300">长期 (2026+)</p>
<ul class="list-disc list-inside text-sm text-gray-400">
<li>与大众、博世等国际合作项目落地,验证全球化能力。</li>
<li>2027年实现调整后净利润转正。</li>
<li>机器人业务开始贡献可观收入。</li>
</ul>
</div>
</div>
</div>
<!-- Timeline -->
<div class="bento-item-5 p-8 glass-card">
<h3 class="text-2xl font-bold font-fui mb-6 text-center text-indigo-300">发展路径与时间轴</h3>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
<li>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><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.06 0l4.001-5.5a.75.75 0 00-.163-1.214z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2020-2023</time>
<div class="text-lg font-black">量产突破期</div>
征程系列芯片与理想、比亚迪等深度绑定营收年复合增长率达82.3%,成功渗透市场。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><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.06 0l4.001-5.5a.75.75 0 00-.163-1.214z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2024</time>
<div class="text-lg font-black">资本化与技术迭代期</div>
推出征程6系列芯片获比亚迪平台化定点。于港交所成功IPO 확보百亿现金储备。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><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.06 0l4.001-5.5a.75.75 0 00-.163-1.214z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2025</time>
<div class="text-lg font-black">高阶智驾落地与全球化元年</div>
发布端到端HSD方案并与奇瑞合作量产。J6系列大规模上车。纳入港股通。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><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.06 0l4.001-5.5a.75.75 0 00-.163-1.214z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2026-2027</time>
<div class="text-lg font-black">全球化拓展与盈利验证期</div>
与大众、博世等合作项目将陆续量产开启全球化扩张。力争2027年实现调整后净利润扭亏为盈。
</div>
<hr/>
</li>
</ul>
</div>
</div>
</section>
<!-- Data Visualizations -->
<section id="charts">
<h2 class="text-3xl font-bold font-fui mb-6 text-center">关键数据可视化</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="glass-card p-6 min-h-[400px]" id="revenueChart"></div>
<div class="glass-card p-6 min-h-[400px]" id="marketShareChart"></div>
</div>
</section>
<!-- Data Deep Dive -->
<section id="data-dive" x-data="{ tab: 'news' }">
<h2 class="text-3xl font-bold font-fui mb-6 text-center">数据深度挖掘</h2>
<div class="glass-card p-4 sm:p-8">
<div role="tablist" class="tabs tabs-bordered tabs-lg justify-center">
<a role="tab" class="daisy-tab" :class="{ 'daisy-tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻摘要</a>
<a role="tab" class="daisy-tab" :class="{ 'daisy-tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演精粹</a>
<a role="tab" class="daisy-tab" :class="{ 'daisy-tab-active': tab === 'reports' }" @click.prevent="tab = 'reports'">研报观点</a>
</div>
<div class="mt-8 space-y-2">
<!-- News Tab Content -->
<div x-show="tab === 'news'">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium">市场地位与业绩</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-gray-300">
<li><strong>市场份额:</strong> 2024上半年在中国自主车厂ADAS市占率35.9%位列第一。2023年中高阶市占率35.5%仅次于NVIDIA。</li>
<li><strong>出货量:</strong> J系列累计出货量突破800万颗量产上市车型超过200款合作车企达27家。</li>
<li><strong>财务概览:</strong> 2024年收入23.84亿元(同比+53.6%)2024H1收入9.35亿元(同比+151.6%)经调整净亏损8.0亿元,持续收窄。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium">核心产品与技术</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-gray-300">
<li><strong>地平线HSD:</strong> L2城区辅助驾驶系统采用端到端架构+强化学习延迟降低25%-50%。已定点奇瑞星途(25Q3量产)、大众中国(26年量产)。</li>
<li><strong>征程6系列芯片:</strong> 全阶方案算力覆盖10-560TOPS。J6P(560TOPS)为最高阶J6M(128TOPS)率先上车比亚迪J6E(80TOPS)。已获比亚迪、上汽、大众、理想等定点。</li>
<li><strong>技术优势:</strong> 软硬兼备芯片算力利用率约85%(高于英伟达30%),开放灵活的商业模式(可白盒交付)。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium">合作与生态</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-gray-300">
<li><strong>国内车企:</strong> 与奇瑞(HSD首发)、比亚迪(J6首发)、理想、吉利等深度合作。</li>
<li><strong>国际巨头:</strong> 与大众成立合资公司酷睿程;与采埃孚(ZF)联合开发L3系统(26年量产);与博世、电装、大陆等合作加速出海。</li>
<li><strong>机器人业务:</strong> 地瓜机器人(D-Robotics)已分拆融资定位机器人时代的“Wintel”。</li>
</ul>
</div>
</div>
</div>
<!-- Roadshow Tab Content -->
<div x-show="tab === 'roadshow'">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="roadshow-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium">定位、战略与商业模式</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-gray-300">
<li><strong>定位:</strong> Tier 2供应商国产自动驾驶芯片领导者目标成为车规级“Windows”。</li>
<li><strong>核心优势:</strong> 性价比高软件生态完善软硬一体化自研BPU架构迭代领先。</li>
<li><strong>商业模式:</strong> 解决方案交付(软硬一体)和技术授权服务(IP授权/白盒模式)。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-xl font-medium">财务预测与目标</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-gray-300">
<li><strong>收入预测:</strong> 2025年~35亿元(增速~50%)2026年目标50亿元2027年~85亿元。</li>
<li><strong>出货量预测:</strong> 2024年290万片2025年预计400万片。</li>
<li><strong>盈利拐点:</strong> 预计2027年扭亏为盈或在收入>80亿元时EBIT转正。</li>
<li><strong>远期目标 (2030):</strong> 乐观情景收入300-350亿元净利润100亿元。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-xl font-medium">竞争格局与管理层观点</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-gray-300">
<li><strong>对车企自研:</strong> 管理层认为终局是“二八分布”(20%自研, 80%第三方)。</li>
<li><strong>对英伟达:</strong> 征程5效能为Orin的5倍勾6P(J6P)性能对标Orin/Thor但成本更低。</li>
<li><strong>对Mobileye:</strong> 成功打破其国内垄断,市场份额被持续挤压。</li>
<li><strong>核心壁垒:</strong> 软硬结合能力与迭代速度。</li>
</ul>
</div>
</div>
</div>
<!-- Reports Tab Content -->
<div x-show="tab === 'reports'">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="reports-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium">综合观点与评级</div>
<div class="collapse-content">
<p class="mb-2 text-gray-300">多数研报认为地平线作为稀缺的、具备灵活合作模式的独立第三方智驾解决方案商将充分享受行业红利。随着征程6系列芯片逐步量产上车公司迎来行业浪潮和自身产品新周期共振。普遍给予“推荐”或“优于大市”评级。</p>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="reports-accordion" />
<div class="collapse-title text-xl font-medium">财务预测汇总</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-gray-300">
<li><strong>营收预测 (2025-2027 CAGR 52%):</strong> 2025E(35.9亿), 2026E(54.8亿), 2027E(100.0亿)。</li>
<li><strong>盈利预测:</strong> 普遍预测2025-2026年持续亏损2027年实现盈利(约4.5亿元)。</li>
<li><strong>估值:</strong> 研报多采用PS估值法给予2025年30-35倍动态PS。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="reports-accordion" />
<div class="collapse-title text-xl font-medium">核心风险提示</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-1 text-red-400">
<li><strong>技术研发风险:</strong> 若最新软硬件服务不能跟上行业技术发展节奏,存在无法收回前期高额投入的风险。</li>
<li><strong>市场竞争加剧:</strong> 面临英伟达、高通、华为及整车厂自研芯片的冲击。</li>
<li><strong>客户集中度风险:</strong> 2024年前五大客户收入占比78%,过度依赖大客户。</li>
<li><strong>地缘政治风险:</strong> 依赖台积电等代工厂,先进制程可能面临不确定性。</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stock Ecosystem Section -->
<section id="stock-ecosystem">
<h2 class="text-3xl font-bold font-fui mb-6 text-center">产业链核心标的</h2>
<div class="glass-card overflow-x-auto p-4 sm:p-6">
<table class="table table-zebra-zebra bg-transparent w-full">
<thead>
<tr class="font-fui text-base text-gray-300">
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>市值</th>
<th>近三个月涨幅</th>
<th>PE倍数</th>
</tr>
</thead>
<tbody>
<tr>
<td>索菱股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002766" target="_blank" class="link link-hover text-cyan-400">002766</a></td>
<td>基于地平线征程系列产品,推出智能驾驶域控制器系列产品与解决方案。</td>
<td>52亿</td>
<td class="text-green-400">25.2%</td>
<td>102</td>
</tr>
<tr>
<td>四维图新</td>
<td><a href="https://valuefrontier.cn/company?scode=002405" target="_blank" class="link link-hover text-cyan-400">002405</a></td>
<td>公司基于地平线征程2和征程3的智驾方案已实现规模性量产合作关系深厚。</td>
<td>235亿</td>
<td class="text-green-400">52.8%</td>
<td class="text-yellow-400">亏损</td>
</tr>
<tr>
<td>均胜电子</td>
<td><a href="https://valuefrontier.cn/company?scode=600699" target="_blank" class="link link-hover text-cyan-400">600699</a></td>
<td>与地平线达成战略合作发布了基于征程5和征程3芯片的Drive产品。</td>
<td>234亿</td>
<td class="text-green-400">13.0%</td>
<td>18</td>
</tr>
<tr>
<td>中科创达</td>
<td><a href="https://valuefrontier.cn/company?scode=300496" target="_blank" class="link link-hover text-cyan-400">300496</a></td>
<td>与地平线签署战略合作协议,作为软件赋能者,业务增长与地平线生态繁荣正相关。</td>
<td>287亿</td>
<td class="text-green-400">43.0%</td>
<td>157</td>
</tr>
<tr>
<td>亚太股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002284" target="_blank" class="link link-hover text-cyan-400">002284</a></td>
<td>与地平线签署战略合作协议,公司产品(如底盘)有使用地平线的国产芯片。</td>
<td>59亿</td>
<td class="text-green-400">11.5%</td>
<td>44</td>
</tr>
<tr>
<td>奥比中光</td>
<td><a href="https://valuefrontier.cn/company?scode=688322" target="_blank" class="link link-hover text-cyan-400">688322</a></td>
<td>与地平线、地瓜机器人达成战略合作,共同打通机器人“眼”与“脑”协同的核心环节。</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>联创电子</td>
<td><a href="https://valuefrontier.cn/company?scode=002036" target="_blank" class="link link-hover text-cyan-400">002036</a></td>
<td>重视与地平线等客户的战略合作,是光学镜头核心供应商。</td>
<td>99亿</td>
<td class="text-green-400">40.0%</td>
<td class="text-yellow-400">亏损</td>
</tr>
<tr>
<td>高新兴</td>
<td><a href="https://valuefrontier.cn/company?scode=300098" target="_blank" class="link link-hover text-cyan-400">300098</a></td>
<td>与地平线签订战略合作协议。</td>
<td>92亿</td>
<td class="text-green-400">29.0%</td>
<td class="text-yellow-400">亏损</td>
</tr>
<tr>
<td>光庭信息</td>
<td><a href="https://valuefrontier.cn/company?scode=301221" target="_blank" class="link link-hover text-cyan-400">301221</a></td>
<td>公司产品适配于地平线等多种芯片,提供软件适配服务。</td>
<td>50亿</td>
<td class="text-green-400">43.0%</td>
<td class="text-yellow-400">亏损</td>
</tr>
<tr>
<td>华联股份</td>
<td><a href="https://valuefrontier.cn/company?scode=000882" target="_blank" class="link link-hover text-cyan-400">000882</a></td>
<td>公司间接参股少量地平线股权。</td>
<td>42亿</td>
<td class="text-green-400">36.0%</td>
<td>144</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
// ECharts Initialization
document.addEventListener('DOMContentLoaded', function () {
const chartTextColor = '#e5e7eb';
const chartLineColor = 'rgba(255, 255, 255, 0.2)';
// Revenue Chart
var revenueChart = echarts.init(document.getElementById('revenueChart'));
var revenueOption = {
title: {
text: '营业收入与预测 (百万元)',
left: 'center',
textStyle: { color: chartTextColor, fontFamily: 'Space Grotesk' }
},
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(0, 0, 0, 0.7)',
borderColor: '#555',
textStyle: { color: '#fff' }
},
legend: {
data: ['营业收入'],
bottom: 10,
textStyle: { color: chartTextColor }
},
grid: {
left: '3%', right: '4%', bottom: '15%', containLabel: true
},
xAxis: {
type: 'category',
data: ['2021A', '2022A', '2023A', '2024A', '2025E', '2026E', '2027E'],
axisLine: { lineStyle: { color: chartLineColor } },
axisLabel: { color: chartTextColor }
},
yAxis: {
type: 'value',
axisLine: { lineStyle: { color: chartLineColor } },
splitLine: { lineStyle: { color: chartLineColor, type: 'dashed' } },
axisLabel: { color: chartTextColor }
},
series: [{
name: '营业收入',
type: 'bar',
data: [467, 906, 1552, 2384, 3586, 5477, 10004],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#8A2BE2' }, // BlueViolet
{ offset: 1, color: '#4B0082' } // Indigo
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#9932CC' }, // MediumOrchid
{ offset: 1, color: '#8A2BE2' }
])
}
}
}]
};
revenueChart.setOption(revenueOption);
// Market Share Chart
var marketShareChart = echarts.init(document.getElementById('marketShareChart'));
var marketShareOption = {
title: {
text: '中国市场智驾方案份额 (2024H1)',
left: 'center',
textStyle: { color: chartTextColor, fontFamily: 'Space Grotesk' }
},
tooltip: {
trigger: 'item',
backgroundColor: 'rgba(0, 0, 0, 0.7)',
borderColor: '#555',
textStyle: { color: '#fff' }
},
legend: {
orient: 'vertical',
left: 'left',
top: 'center',
textStyle: { color: chartTextColor }
},
series: [
{
name: '自主乘用车智驾方案',
type: 'pie',
radius: ['40%', '70%'],
center: ['65%', '50%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#0c0a1a',
borderWidth: 4
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 24,
fontWeight: 'bold',
color: '#fff'
}
},
labelLine: {
show: false
},
data: [
{ value: 33.97, name: '地平线' },
{ value: 21.3, name: 'Mobileye (23年数据)' },
{ value: 49, name: 'NVIDIA (23年中高阶)' },
{ value: 100 - 33.97 - 21.3, name: '其他' } // Simple approximation
]
}
]
};
marketShareChart.setOption(marketShareOption);
window.addEventListener('resize', function() {
revenueChart.resize();
marketShareChart.resize();
});
});
</script>
</body>
</html>