Files
vf_react/public/htmls/特斯拉人形机器人.html
2025-12-05 13:29:18 +08:00

407 lines
31 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>深度研报:特斯拉人形机器人 (Optimus)</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.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=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #0c0a18;
background-image:
radial-gradient(ellipse at 20% 20%, rgba(138, 43, 226, 0.15) 0%, transparent 50%),
radial-gradient(ellipse at 80% 10%, rgba(75, 0, 130, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 60% 80%, rgba(0, 71, 171, 0.15) 0%, transparent 50%),
radial-gradient(ellipse at 90% 90%, rgba(138, 43, 226, 0.1) 0%, transparent 60%);
background-attachment: fixed;
color: #e0e0e0;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(20, 18, 36, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(138, 43, 226, 0.2);
box-shadow: 0 8px 32px 0 rgba(75, 0, 130, 0.2);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(138, 43, 226, 0.4);
box-shadow: 0 12px 40px 0 rgba(75, 0, 130, 0.3);
transform: translateY(-4px);
}
.bento-grid {
display: grid;
gap: 1.5rem;
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
}
.grid-col-span-2 { grid-column: span 2 / span 2; }
.grid-col-span-3 { grid-column: span 3 / span 3; }
.grid-col-span-4 { grid-column: span 4 / span 4; }
.grid-col-span-6 { grid-column: span 6 / span 6; }
}
.glow-text {
text-shadow: 0 0 8px rgba(173, 216, 230, 0.7);
}
.section-title {
position: relative;
padding-bottom: 0.75rem;
margin-bottom: 1.5rem;
color: #fff;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
background: linear-gradient(90deg, #8A2BE2, #4B0082);
border-radius: 2px;
}
</style>
</head>
<body class="antialiased">
<div class="max-w-7xl mx-auto p-4 sm:p-6 lg:p-8 space-y-12">
<!-- Header -->
<header class="text-center space-y-4 pt-8">
<h1 class="font-orbitron text-4xl md:text-6xl font-bold tracking-wider uppercase glow-text">
Tesla Humanoid Robot
</h1>
<p class="text-lg md:text-xl text-indigo-300">Optimus · 擎天柱 · 深度行业分析</p>
<div class="text-xs text-gray-500 pt-4">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎</p>
</div>
</header>
<!-- Main Content -->
<main class="space-y-16">
<!-- Section 1: Concept Insight -->
<section x-data="{}" id="insight">
<h2 class="font-orbitron text-3xl font-bold section-title">Concept Insight</h2>
<div class="space-y-6">
<div class="glass-card rounded-2xl p-6">
<h3 class="font-bold text-xl mb-3 text-purple-300">核心观点摘要</h3>
<p class="text-gray-300 leading-relaxed">特斯拉人形机器人正处在从“0到1”的概念导入期向“1到N”的产业化爆发前夜过渡的关键节点。其核心驱动力在于特斯拉独有的“<strong class="text-cyan-300">AI技术栈FSD+Dojo+ 汽车产业链工程化能力</strong>”的双重复用,这构成了其相较于其他厂商的“非对称优势”。未来潜力巨大,但短期内市场预期与量产初期复杂的现实之间存在显著预期差,投资机会与不确定性并存。</p>
</div>
<div class="bento-grid">
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-4">
<h3 class="font-bold text-xl mb-3 text-purple-300">核心驱动力 & 市场认知</h3>
<ul class="space-y-4 list-none">
<li>
<strong class="text-cyan-400 block">1. 技术降维打击与复用:</strong>
<p class="text-sm text-gray-400 mt-1">将已在百万辆级汽车上验证的FSD纯视觉感知、端到端神经网络决策算法、Dojo超算训练平台等无缝迁移至机器人“大脑”解决了最核心的认知与决策难题。</p>
</li>
<li>
<strong class="text-cyan-400 block">2. 极致的工程化与成本控制:</strong>
<p class="text-sm text-gray-400 mt-1">依托电动车业务建立的强大供应链管理、大规模精密制造经验和成本控制体系,是其提出 <strong class="text-white">2万美元</strong> 成本目标的底气所在。</p>
</li>
<li>
<strong class="text-cyan-400 block">3. 自有场景闭环验证:</strong>
<p class="text-sm text-gray-400 mt-1">特斯拉自身的超级工厂是Optimus最理想的初始应用和迭代场景能够形成“数据采集-模型训练-工厂部署-性能反馈”的快速闭环。</p>
</li>
<li>
<strong class="text-cyan-400 block">4. 市场情绪:</strong>
<p class="text-sm text-gray-400 mt-1">市场热度极高情绪高度乐观对标“下一个iPhone时刻”对百万台、千万台的远期空间充满想象但短期波动和困难容易被宏大叙事所掩盖。</p>
</li>
</ul>
</div>
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-2">
<h3 class="font-bold text-xl mb-3 text-purple-300">预期差分析</h3>
<p class="text-gray-300 mb-4">市场普遍认知与被忽略的关键点:</p>
<ul class="space-y-3 text-sm">
<li class="flex items-start">
<svg class="w-4 h-4 mr-2 mt-1 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span><strong>量产初期的不确定性:</strong>市场聚焦2025年量产但忽略了规模分歧 (1k-10k台) 及“暂停采购”、“设计调整”等信号,可能低估了工程化挑战。</span>
</li>
<li class="flex items-start">
<svg class="w-4 h-4 mr-2 mt-1 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span><strong>成本目标的实现路径:</strong>当前成本约7万美元降至2万美元依赖国产替代和规模效应是漫长过程短期难以实现。</span>
</li>
<li class="flex items-start">
<svg class="w-4 h-4 mr-2 mt-1 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span><strong>技术泛化能力的挑战:</strong>目前多为结构化环境展示,在非结构化环境(如家庭)的通用任务处理能力仍需海量训练,市场预期可能过于超前。</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Section 2: Timeline & Milestones -->
<section id="timeline">
<h2 class="font-orbitron text-3xl font-bold section-title">发展路线图 & 关键节点</h2>
<div class="glass-card rounded-2xl p-6">
<div id="timeline-chart" style="width: 100%; height: 400px;"></div>
</div>
<div class="bento-grid mt-6">
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-3">
<h3 class="font-bold text-xl mb-3 text-purple-300">近期催化剂 (未来3-6个月)</h3>
<ul class="space-y-2 list-disc list-inside text-gray-300">
<li><strong class="text-white">Optimus Gen 3正式发布</strong>验证22自由度灵巧手性能。</li>
<li><strong class="text-white">首批核心供应商定点公告</strong>:概念从“预期”转为“订单”的关键窗口。</li>
<li><strong class="text-white">首台量产版Optimus下线及部署视频</strong>:量产启动的最强信号。</li>
<li><strong class="text-white">特斯拉财报会披露具体量产指引</strong>:首次量化产量、成本等目标。</li>
</ul>
</div>
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-3">
<h3 class="font-bold text-xl mb-3 text-purple-300">长期发展路径</h3>
<ul class="space-y-2 list-disc list-inside text-gray-300">
<li><strong>阶段一 (2025-2026):</strong> 内部验证与小规模商业化,工厂部署千台级,探索工业场景。</li>
<li><strong>阶段二 (2027-2029):</strong> 规模化扩张与成本攻坚产量向数十万台迈进成本逼近2万美元。</li>
<li><strong>阶段三 (2030+):</strong> 生态成熟与C端渗透年产百万台进入家庭服务等市场。</li>
</ul>
</div>
</div>
</section>
<!-- Section 3: Technical & Commercial -->
<section id="tech-commercial">
<h2 class="font-orbitron text-3xl font-bold section-title">技术迭代与商业化展望</h2>
<div class="bento-grid">
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-2">
<h3 class="font-bold text-xl mb-3 text-purple-300">代际核心升级</h3>
<p class="mb-4 text-sm text-gray-400">从Gen1到Gen3核心迭代从“大幅度运动”转向“精细化操作”。</p>
<div class="space-y-3">
<div>
<p class="font-semibold text-cyan-300">Gen 2 提升:</p>
<p class="text-sm">行走速度+30%,体重-10kg平衡感与身体控制力提升。</p>
</div>
<div>
<p class="font-semibold text-cyan-300">Gen 3 核心突破 (灵巧手)</p>
<p class="text-sm">自由度从11提升至<strong class="text-white">22个</strong>,动作更流畅,可实现弹钢琴、穿针引线等精细任务。</p>
</div>
</div>
</div>
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-2">
<h3 class="font-bold text-xl mb-3 text-purple-300">量产与成本目标</h3>
<div id="production-chart" style="width: 100%; height: 200px;"></div>
<p class="text-center text-sm text-gray-400 mt-2">长期成本目标:<strong class="text-white text-lg">2万美元</strong></p>
</div>
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-2">
<h3 class="font-bold text-xl mb-3 text-purple-300">商业化破冰</h3>
<p class="text-gray-300">已获得制药巨头 <strong class="text-cyan-300">PharmAGRI</strong> 的万台意向订单用于部署在其SuperPharm和CEA设施中。</p>
<p class="text-sm text-gray-400 mt-3">这标志着Optimus首次将商业化落地前景具体化应用场景从内部工厂走向外部工业客户。</p>
</div>
<div class="glass-card rounded-2xl p-6 lg:grid-col-span-6">
<h3 class="font-bold text-xl mb-3 text-purple-300">潜在风险与挑战</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
<div>
<strong class="text-red-400 block">技术风险:</strong>
<ul class="list-disc list-inside mt-1 text-gray-400">
<li>22自由度灵巧手可靠性</li>
<li>通用AI瓶颈</li>
<li>核心部件依赖(稀土、高端减速器)</li>
</ul>
</div>
<div>
<strong class="text-red-400 block">商业化风险:</strong>
<ul class="list-disc list-inside mt-1 text-gray-400">
<li>成本控制不及预期</li>
<li>投资回报率(ROI)不明确</li>
<li>下游需求与场景开发缓慢</li>
</ul>
</div>
<div>
<strong class="text-red-400 block">信息与供应链风险:</strong>
<ul class="list-disc list-inside mt-1 text-gray-400">
<li>量产节奏的模糊性与反复</li>
<li>供应商身份不确定性</li>
<li>国际贸易摩擦</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Section 4: Supply Chain & Stocks -->
<section id="stocks" x-data="{ tab: 'tier1' }">
<h2 class="font-orbitron text-3xl font-bold section-title">产业链图谱 & 核心标的</h2>
<div role="tablist" class="tabs tabs-boxed bg-black/20 mb-6">
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'tier1' }" @click.prevent="tab = 'tier1'">核心总成 & 一级供应商</a>
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'components' }" @click.prevent="tab = 'components'">关键零部件</a>
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'rise' }" @click.prevent="tab = 'rise'">市场异动分析</a>
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'all' }" @click.prevent="tab = 'all'">全景图谱</a>
</div>
<div class="glass-card rounded-2xl p-2 md:p-6 overflow-x-auto">
<div x-show="tab === 'tier1' || tab === 'all'" class="mb-8" x-transition>
<h4 class="text-lg font-bold mb-4 text-purple-300 ml-4">核心总成 & 一级供应商 (Tier 1)</h4>
<table class="table w-full">
<thead class="text-sm text-gray-400">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑 / 关联原因</th>
<th>产业链环节 / 标签</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-white/5"><td>三花智控</td><td><a href="https://valuefrontier.cn/company?scode=002050" target="_blank" class="link link-hover">002050</a></td><td>供货旋转关节总成;网传收到订单</td><td><div class="badge badge-primary">一级供应商</div> <div class="badge badge-secondary">关节模组</div></td></tr>
<tr class="hover:bg-white/5"><td>拓普集团</td><td><a href="https://valuefrontier.cn/company?scode=601689" target="_blank" class="link link-hover">601689</a></td><td>供货线性关节总成;网传收到订单</td><td><div class="badge badge-primary">一级供应商</div> <div class="badge badge-secondary">关节模组</div></td></tr>
<tr class="hover:bg-white/5"><td>恒立液压</td><td><a href="https://valuefrontier.cn/company?scode=601100" target="_blank" class="link link-hover">601100</a></td><td>关节模组(线性);网传丝杠/线性模组已送样直接对接T</td><td><div class="badge badge-secondary">关节</div></td></tr>
<tr class="hover:bg-white/5"><td>银轮股份</td><td><a href="https://valuefrontier.cn/company?scode=002126" target="_blank" class="link link-hover">002126</a></td><td>关节模组(旋转)网传公司为关节模组Tier1已送样直接对接T</td><td><div class="badge badge-secondary">关节</div></td></tr>
</tbody>
</table>
</div>
<div x-show="tab === 'components' || tab === 'all'" x-transition>
<h4 class="text-lg font-bold mb-4 text-purple-300 ml-4">关键零部件 (Components)</h4>
<table class="table table-zebra-zebra w-full">
<thead class="text-sm text-gray-400"><tr><th>股票名称</th><th>股票代码</th><th>核心逻辑 / 关联原因</th><th>产业链环节 / 标签</th></tr></thead>
<tbody>
<tr class="hover:bg-white/5"><td colspan="4" class="font-bold text-base bg-black/30 text-cyan-300">灵巧手 (Dexterous Hand)</td></tr>
<tr class="hover:bg-white/5"><td>兆威机电</td><td><a href="https://valuefrontier.cn/company?scode=003021" target="_blank" class="link link-hover">003021</a></td><td>灵巧手产品进度A股第一2025年1月亮相CES展会</td><td><div class="badge badge-accent">灵巧手</div> <div class="badge badge-outline">模组</div></td></tr>
<tr class="hover:bg-white/5"><td>鸣志电器</td><td><a href="https://valuefrontier.cn/company?scode=603728" target="_blank" class="link link-hover">603728</a></td><td>空心杯电机营收A股第一有望供货特斯拉</td><td><div class="badge badge-accent">灵巧手</div> <div class="badge badge-outline">空心杯电机</div></td></tr>
<tr class="hover:bg-white/5"><td>五洲新春</td><td><a href="https://valuefrontier.cn/company?scode=603667" target="_blank" class="link link-hover">603667</a></td><td>已有手部微型丝杠产品;网传收到订单</td><td><div class="badge badge-accent">灵巧手</div> <div class="badge badge-outline">丝杠</div></td></tr>
<tr class="hover:bg-white/5"><td>福莱新材</td><td><a href="https://valuefrontier.cn/company?scode=605488" target="_blank" class="link link-hover">605488</a></td><td>网传触觉传感器直接对接T</td><td><div class="badge badge-accent">灵巧手</div> <div class="badge badge-outline">触觉传感器</div></td></tr>
<tr class="hover:bg-white/5"><td colspan="4" class="font-bold text-base bg-black/30 text-cyan-300">减速器 (Reducer)</td></tr>
<tr class="hover:bg-white/5"><td>绿的谐波</td><td><a href="https://valuefrontier.cn/company?scode=688017" target="_blank" class="link link-hover">688017</a></td><td>谐波减速器市占率A股第一网传已送样直接对接T</td><td><div class="badge badge-info">减速器</div> <div class="badge badge-outline">谐波</div></td></tr>
<tr class="hover:bg-white/5"><td>双环传动</td><td><a href="https://valuefrontier.cn/company?scode=002472" target="_blank" class="link link-hover">002472</a></td><td>RV减速器市占率A股第二有望供货特斯拉</td><td><div class="badge badge-info">减速器</div> <div class="badge badge-outline">RV</div></td></tr>
<tr class="hover:bg-white/5"><td colspan="4" class="font-bold text-base bg-black/30 text-cyan-300">丝杠 (Screw)</td></tr>
<tr class="hover:bg-white/5"><td>北特科技</td><td><a href="https://valuefrontier.cn/company?scode=603009" target="_blank" class="link link-hover">603009</a></td><td>T链丝杠核心标的之一网传公司为关节行星滚柱丝杠Tier2且收到订单</td><td><div class="badge badge-warning">丝杠</div> <div class="badge badge-outline">行星滚柱</div></td></tr>
<tr class="hover:bg-white/5"><td>贝斯特</td><td><a href="https://valuefrontier.cn/company?scode=300580" target="_blank" class="link link-hover">300580</a></td><td>丝杠产品特斯拉送样</td><td><div class="badge badge-warning">丝杠</div></td></tr>
<tr class="hover:bg-white/5"><td colspan="4" class="font-bold text-base bg-black/30 text-cyan-300">轻量化 & 结构件 (Lightweighting & Structure)</td></tr>
<tr class="hover:bg-white/5"><td>旭升集团</td><td><a href="https://valuefrontier.cn/company?scode=603305" target="_blank" class="link link-hover">603305</a></td><td>供货特斯拉关节镁合金壳体</td><td><div class="badge badge-success">轻量化</div> <div class="badge badge-outline">镁合金</div></td></tr>
<tr class="hover:bg-white/5"><td>浙江荣泰</td><td><a href="https://valuefrontier.cn/company?scode=603119" target="_blank" class="link link-hover">603119</a></td><td>特斯拉是其第一大客户T机器人轻量化材料</td><td><div class="badge badge-success">轻量化</div></td></tr>
<tr class="hover:bg-white/5"><td colspan="4" class="font-bold text-base bg-black/30 text-cyan-300">设备 (Equipment)</td></tr>
<tr class="hover:bg-white/5"><td>华兴源创</td><td><a href="https://valuefrontier.cn/company?scode=688001" target="_blank" class="link link-hover">688001</a></td><td>特斯拉链机器人设备第一股,设备直供特斯拉</td><td><div class="badge badge-error">设备</div> <div class="badge badge-outline">直供</div></td></tr>
</tbody>
</table>
</div>
<div x-show="tab === 'rise'" class="p-4 space-y-4" x-transition>
<h4 class="text-lg font-bold mb-4 text-purple-300 ml-4">市场异动分析 (Market Movement Analysis)</h4>
<div class="space-y-6">
<div class="collapse collapse-plus glass-card rounded-lg">
<input type="radio" name="rise-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-cyan-300">万向钱潮 (000559) - 订单量化预期</div>
<div class="collapse-content"><div class="prose prose-sm text-gray-300 max-w-none"> <p><strong>核心结论:</strong> 9月23日涨停系“主流资讯平台首次把特斯拉人形机器人供应链订单量化为26亿元收入+7.9亿元利润,公司未否认且机构已提前建仓”,形成短期无法证伪的业绩期权。</p> <p><strong>驱动逻辑:</strong> 按100万台机器人测算轴承业务收入26.32亿元利润7.89亿元相当于2024年净利85%。马斯克仅否认“订单截图造假”,未否认合作本身,市场解读为“半实锤”。订单量化带来巨大业绩弹性。</p></div></div>
</div>
<div class="collapse collapse-plus glass-card rounded-lg">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium text-cyan-300">豪能股份 (603809) - 估值切换</div>
<div class="collapse-content"><div class="prose prose-sm text-gray-300 max-w-none"><p><strong>核心结论:</strong> “特斯拉Optimus 100万台产能”外部催化+公司调研纪要首次确认“已送样Tesla关节同步器”内部催化使豪能从纯汽车零件股瞬间贴上“机器人核心零部件”标签带来估值切换空间汽车18×PE → 机器人35×+PE资金集中抢筹导致涨停。</p><p><strong>驱动逻辑:</strong> 调研纪要首次点名T客户估值模型新增机器人期权。同步器技术原用于汽车变速箱可直接迁移至机器人关节100万台对应24亿元收入、5亿元利润。</p></div></div>
</div>
<div class="collapse collapse-plus glass-card rounded-lg">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium text-cyan-300">中大力德 (002896) - 身份确认</div>
<div class="collapse-content"><div class="prose prose-sm text-gray-300 max-w-none"><p><strong>核心结论:</strong> 特斯拉Optimus首批试产+中国移动1.24亿元人形机器人订单双重催化,中大力德谐波减速器“北美头部客户”身份获资金确认,午后板块共振涨停。</p><p><strong>驱动逻辑:</strong> 公司谐波减速器已批量供货北美头部人形机器人客户2024年5月纪要市场将其视为Optimus Tier2潜在主供。机构席位净买入4700万元形成“汽车+机器人”双轮驱动叙事。</p></div></div>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<script>
// ECharts for Timeline
var timelineChart = echarts.init(document.getElementById('timeline-chart'));
var timelineOption = {
tooltip: {
trigger: 'axis',
formatter: '{b}<br/>{c}',
backgroundColor: 'rgba(20, 18, 36, 0.8)',
borderColor: '#8A2BE2',
textStyle: { color: '#fff' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
data: ['2021.08', '2022.10', '2023.12', '2024.10', '2024.11', '2025.Q1', '2025 (Est.)', '2026 (Est.)'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
},
yAxis: {
type: 'value',
show: false,
},
series: [{
name: 'Milestone',
type: 'line',
step: 'start',
symbol: 'circle',
symbolSize: 10,
data: [
{ value: 1, name: '概念提出Tesla Bot' },
{ value: 2, name: '原型机亮相Gen 1' },
{ value: 3, name: '能力跃升Gen 2' },
{ value: 4, name: '生态展示We, Robot' },
{ value: 5, name: '核心部件升级Gen 3灵巧手' },
{ value: 6, name: '量产信号强化' },
{ value: 7, name: '小批量量产 (千台级)' },
{ value: 8, name: '规模化量产 (万台级)' }
],
itemStyle: { color: '#8A2BE2' },
lineStyle: { color: '#8A2BE2', width: 3 },
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0, color: 'rgba(138, 43, 226, 0.5)'
}, {
offset: 1, color: 'rgba(138, 43, 226, 0)'
}])
},
label: { show: true, position: 'top', color: '#fff', formatter: '{b}', rotate: 30, distance: 20 },
}],
textStyle: { color: '#e0e0e0' }
};
timelineChart.setOption(timelineOption);
// ECharts for Production Targets
var productionChart = echarts.init(document.getElementById('production-chart'));
var productionOption = {
tooltip: { trigger: 'axis', backgroundColor: 'rgba(20, 18, 36, 0.8)', borderColor: '#8A2BE2', textStyle: { color: '#fff' } },
grid: { left: 0, right: 0, top: 20, bottom: 20 },
xAxis: { type: 'category', data: ['2025', '2026', '2030'], axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } } },
yAxis: { type: 'value', show: false },
series: [{
data: [
{ value: 5000, itemStyle: { color: '#4B0082' }},
{ value: 50000, itemStyle: { color: '#8A2BE2' }},
{ value: 1000000, itemStyle: { color: '#00BFFF' }}
],
type: 'bar',
label: { show: true, position: 'top', color: '#fff', formatter: (params) => {
if (params.value >= 1000000) return (params.value / 1000000) + 'M';
if (params.value >= 1000) return (params.value / 1000) + 'K';
return params.value;
} },
}],
textStyle: { color: '#e0e0e0' }
};
productionChart.setOption(productionOption);
window.addEventListener('resize', function() {
timelineChart.resize();
productionChart.resize();
});
</script>
</body>
</html>