403 lines
28 KiB
HTML
403 lines
28 KiB
HTML
<!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>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #0a0a0f;
|
||
color: #e0e0e0;
|
||
overflow-x: hidden;
|
||
}
|
||
.glass-card {
|
||
background: rgba(20, 20, 40, 0.4);
|
||
backdrop-filter: blur(16px);
|
||
-webkit-backdrop-filter: blur(16px);
|
||
border: 1px solid rgba(100, 100, 220, 0.2);
|
||
border-radius: 1.5rem;
|
||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||
}
|
||
.glow-effect {
|
||
position: absolute;
|
||
z-index: -1;
|
||
opacity: 0.15;
|
||
filter: blur(100px);
|
||
}
|
||
.glow-1 {
|
||
top: -10%;
|
||
left: -15%;
|
||
width: 500px;
|
||
height: 500px;
|
||
background: radial-gradient(circle, #5a67d8 0%, transparent 70%);
|
||
}
|
||
.glow-2 {
|
||
bottom: -15%;
|
||
right: -10%;
|
||
width: 600px;
|
||
height: 600px;
|
||
background: radial-gradient(circle, #805ad5 0%, transparent 70%);
|
||
}
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
.grid-span-12 { grid-column: span 12; }
|
||
.grid-span-8 { grid-column: span 12; }
|
||
.grid-span-4 { grid-column: span 12; }
|
||
@media (min-width: 1024px) {
|
||
.grid-span-8 { grid-column: span 8; }
|
||
.grid-span-4 { grid-column: span 4; }
|
||
}
|
||
.section-title {
|
||
font-size: 1.875rem;
|
||
font-weight: 700;
|
||
text-shadow: 0 0 10px rgba(173, 216, 230, 0.5);
|
||
background: -webkit-linear-gradient(45deg, #a6c0fe, #f68084);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.subtitle {
|
||
font-size: 1.125rem;
|
||
font-weight: 500;
|
||
color: #a0aec0;
|
||
border-left: 3px solid #6366f1;
|
||
padding-left: 1rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen relative">
|
||
<div class="glow-effect glow-1"></div>
|
||
<div class="glow-effect glow-2"></div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
<!-- Header -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-6xl font-extrabold mb-4 tracking-wider" style="background: -webkit-linear-gradient(45deg, #e0c3fc, #8ec5fc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">
|
||
上汽集团华为智行
|
||
</h1>
|
||
<p class="text-lg text-slate-400">AI-Powered Deep Dive Industry Report</p>
|
||
<p class="text-xs text-slate-500 mt-4">
|
||
呈现方：北京价值前沿科技有限公司 AI投研agent“价小前投研”<br>
|
||
免责声明：本报告为AI合成数据，不构成投资建议，投资需谨慎。
|
||
</p>
|
||
</header>
|
||
|
||
<!-- Concept Event & Timeline -->
|
||
<section class="mb-12">
|
||
<div class="glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-6">概念事件：巨头联姻，重塑主流市场</h2>
|
||
<p class="text-slate-300 leading-relaxed mb-8">
|
||
“上汽集团华为智行”概念的核心是传统汽车巨头与科技巨头的深度捆绑，旨在通过“智选车模式”共同打造面向主流消费市场的智能电动汽车品牌——“SAIC尚界”。这一合作是上汽集团国企改革和智能化转型背景下的关键举举，也是华为鸿蒙智行生态向更广阔市场下探的重要布局。
|
||
</p>
|
||
<div id="timeline-chart" style="width: 100%; height: 400px;"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Analysis Bento Grid -->
|
||
<main class="bento-grid mb-12">
|
||
<div class="grid-span-12 glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-4">核心观点摘要</h2>
|
||
<p class="text-lg text-indigo-300 leading-loose">
|
||
“上汽集团华为智行”概念的本质，是<strong>中国最大的传统车企（上汽）与最强的智能汽车技术赋能者（华为）之间的一场战略豪赌</strong>。其核心驱动力在于利用华为的全栈技术与渠道优势，结合上汽的规模化制造与成本控制能力，实现对<strong>15-25万元</strong>主流市场的“科技平权”式降维打击。该概念已从预期炒作阶段迈入产品验证期，短期成败系于首款车型尚界H5的销量表现，长期潜力则取决于双方在成本、利润与资源分配上的博弈与协同。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="grid-span-8 glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-6">核心逻辑与市场认知</h2>
|
||
<div class="space-y-6">
|
||
<div>
|
||
<h3 class="subtitle mb-2">核心驱动力：优势互补与精准卡位</h3>
|
||
<ul class="list-disc list-inside text-slate-300 space-y-2">
|
||
<li><strong>强强联合，优势互补：</strong> 结合“华为提供智能化技术（自动驾驶、鸿蒙系统）”与“上汽具备低成本、大规模、高质量的制造能力”，解决高阶智驾与主流价格带的矛盾。</li>
|
||
<li><strong>市场卡位精准，填补生态空白：</strong> 尚界品牌覆盖15-25万元区间，精准切入鸿蒙智行尚未覆盖的价格带，对华为是完善生态，对上汽是快速切入主流赛道的捷径。</li>
|
||
<li><strong>国企改革的“催化剂”：</strong> 合作被视为“上汽国企改革的重要一环”，带有战略转型意图，赋予合作更高的确定性和资源倾斜预期。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="subtitle mb-2">预期差分析：机遇与挑战并存</h3>
|
||
<ul class="list-disc list-inside text-slate-300 space-y-2">
|
||
<li><strong class="text-green-400">合作模式超预期 (Positive Gap):</strong> 最终落地的“智选车模式”是更深度的捆绑，超出市场最初预期的HI模式，“打开想象空间”。</li>
|
||
<li><strong class="text-yellow-400">盈利能力的潜在预期差 (Negative Gap):</strong> 市场聚焦销量目标，可能忽略盈利挑战。在20万元以下价格带实现高阶智驾车型的盈利，对成本控制是巨大考验。</li>
|
||
<li><strong class="text-blue-400">渠道策略的动态演变:</strong> 从“完全进入鸿蒙渠道”到“双网体系”，反映了双方在渠道主导权上更复杂的博弈，效果待验。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid-span-4 glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-6">关键催化剂与未来路径</h2>
|
||
<div class="space-y-6">
|
||
<div>
|
||
<h3 class="subtitle mb-2">近期催化剂 (3-6个月)</h3>
|
||
<ul class="list-disc list-inside text-slate-300 space-y-2">
|
||
<li><strong>尚界H5正式上市 (2025.09.23)</strong></li>
|
||
<li>上市后初期销量数据 (大定/交付量)</li>
|
||
<li>上汽四季度“强势新车周期”表现</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="subtitle mb-2">长期发展路径</h3>
|
||
<ul class="list-disc list-inside text-slate-300 space-y-2">
|
||
<li>产品矩阵完善 (2025-2026年)</li>
|
||
<li>盈利能力验证 (毛利率变化)</li>
|
||
<li>全球化拓展 (结合双方渠道优势)</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid-span-12 glass-card p-6 md:p-8" x-data="{ tab: 'news' }">
|
||
<h2 class="section-title mb-6">支撑数据源</h2>
|
||
<div class="tabs tabs-boxed bg-black/20 mb-6">
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻速览</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演精粹</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'report' }" @click.prevent="tab = 'report'">研报洞察</a>
|
||
</div>
|
||
<div class="prose max-w-none prose-invert prose-p:text-slate-300 prose-li:text-slate-300">
|
||
<div x-show="tab === 'news'">
|
||
<h4>合作官宣与历程</h4>
|
||
<ul>
|
||
<li><strong>2025.02.21:</strong> 上汽集团与华为终端签署深度合作协议，确认“智选车模式”。</li>
|
||
<li><strong>2025.04.16:</strong> 鸿蒙智行发布会上，正式发布“SAIC尚界”品牌，为第五“界”。</li>
|
||
</ul>
|
||
<h4>品牌定位与首款车型</h4>
|
||
<ul>
|
||
<li><strong>品牌定位:</strong> 面向更年轻化市场，价格区间15万-25万元，成为最便宜的鸿蒙智行车型。</li>
|
||
<li><strong>首款车型:</strong> 尚界H5，基于上汽荣威“ES39”雏形开发，搭载华为座舱和智驾。</li>
|
||
<li><strong>上市时间:</strong> 2025年9月23日正式上市，试驾车已到店。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="tab === 'roadshow'">
|
||
<h4>战略价值与合作模式</h4>
|
||
<blockquote>
|
||
<p>“华为提供智能化技术（自动驾驶、鸿蒙系统），上汽具备低成本、大规模、高质量的制造能力，双方合作聚焦20万元以下大众市场，目标‘科技平权’。”</p>
|
||
</blockquote>
|
||
<h4>产品规划与销量预期</h4>
|
||
<ul>
|
||
<li><strong>首款车型:</strong> 代号ES39/尚界H5，纯电/增程SUV，定价15-25万元，20万以内唯一搭载华为ADS 4.0高阶智驾。</li>
|
||
<li><strong>渠道模式:</strong> “鸿蒙智行用户中心+尚界用户中心”双网体系。</li>
|
||
<li><strong>销量目标:</strong> 月销目标2-2.6万台，三年合计年化销量50万辆。</li>
|
||
<li><strong>估值预期:</strong> 机构测算“尚界”业务乐观估值可达800亿元。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="tab === 'report'">
|
||
<h4>合作模式确认 (2025-02-27 研报)</h4>
|
||
<ul>
|
||
<li><strong>合作模式:</strong> 明确为“智选车模式”。</li>
|
||
<li><strong>合作领域:</strong> 产品定义、生产制造、供应链管理、销售服务。</li>
|
||
<li><strong>合作亮点:</strong> 供应链管理创新，及“打造具有全球竞争力的智能汽车产品”暗示出海合作可能。</li>
|
||
</ul>
|
||
<h4>SWOT分析 (2024-06-26 研报)</h4>
|
||
<ul>
|
||
<li><strong>优势(S):</strong> 整合华为AI、V2X及算法资源，形成技术协同效应。</li>
|
||
<li><strong>机会(O):</strong> 借助华为销售网络触达更多客户，提升品牌影响力。</li>
|
||
<li><strong>劣势(W):</strong> 核心技术（高算力芯片、操作系统）仍依赖外部，存过度依赖风险。</li>
|
||
<li><strong>威胁(T):</strong> 竞品快速迭代，可能削弱合作的技术先发优势；其他车企与华为类似合作导致技术同质化。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid-span-7 glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-6">产业链与核心公司剖析</h2>
|
||
<div>
|
||
<h3 class="subtitle mb-2">产业链图谱</h3>
|
||
<ul class="list-none space-y-2">
|
||
<li><strong>上游 (核心技术/零部件):</strong> <span class="badge badge-primary">华为</span> (智能化核心), <span class="badge badge-secondary">华域汽车</span>, <span class="badge badge-secondary">无锡振华</span> (传统零部件)</li>
|
||
<li><strong>中游 (整车设计/制造):</strong> <span class="badge badge-accent font-bold">上汽集团</span> (核心主体)</li>
|
||
<li><strong>下游 (销售/服务):</strong> <span class="badge badge-info">鸿蒙智行网络</span>, <span class="badge badge-info">尚界专属网络</span>, <span class="badge badge-warning">交运股份</span>, <span class="badge badge-warning">西上海</span> (物流服务)</li>
|
||
</ul>
|
||
</div>
|
||
<div class="mt-6">
|
||
<h3 class="subtitle mb-2">核心玩家对比</h3>
|
||
<ul class="list-disc list-inside text-slate-300 space-y-2">
|
||
<li><strong>上汽集团 (600104):</strong> 核心载体与最大受益者。投资逻辑是典型的“大象转身”，通过外部赋能实现价值重估。</li>
|
||
<li><strong>华域汽车 (600741):</strong> 最纯粹的“卖铲人”。尚界放量将直接带来确定性订单增量，是稳健分享合作红利的选择。</li>
|
||
<li><strong>其他鸿蒙智行伙伴:</strong> 尚界在华为生态内部的直接竞争者，面临“华为资源分配风险”。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid-span-5 glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-6">潜在风险与挑战</h2>
|
||
<div class="space-y-4 text-sm">
|
||
<div class="collapse collapse-arrow bg-base-200/50">
|
||
<input type="radio" name="risk-accordion" checked="checked" />
|
||
<div class="collapse-title font-medium text-red-400">技术与供应链风险</div>
|
||
<div class="collapse-content">
|
||
<p>华为技术栈与上汽现有平台的深度融合存在挑战；核心芯片供应可能受限于华为内部的产能分配。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow bg-base-200/50">
|
||
<input type="radio" name="risk-accordion" />
|
||
<div class="collapse-title font-medium text-yellow-400">商业化风险</div>
|
||
<div class="collapse-content">
|
||
<p>在15-25万“红海”市场，要塞入激光雷达等高成本硬件并实现盈利，难度极大。“盈利平衡点未定”揭示了不确定性。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow bg-base-200/50">
|
||
<input type="radio" name="risk-accordion" />
|
||
<div class="collapse-title font-medium text-orange-400">政策与竞争风险</div>
|
||
<div class="collapse-content">
|
||
<p>华为“五界”之间的内部资源竞争；外部面临比亚迪、吉利等巨头的激烈围剿。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- Stock Table Section -->
|
||
<section class="mb-12">
|
||
<div class="glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-6">产业链核心标的</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full">
|
||
<thead>
|
||
<tr class="text-base text-slate-300">
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>关联原因</th>
|
||
<th>标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>上汽集团</td><td><a href="https://valuefrontier.cn/company?scode=600104" target="_blank" class="link link-primary">600104</a></td><td>公司 2024 年实现整车批发销量 401.3 万辆，其中新能源车123.4万辆</td><td><div class="badge badge-accent">整车</div></td></tr>
|
||
<tr><td>华域汽车</td><td><a href="https://valuefrontier.cn/company?scode=600741" target="_blank" class="link link-primary">600741</a></td><td>截止2024年3季度上汽集团持股约58%；预计主营业务收入的38%来自于上汽集团</td><td><div class="badge badge-secondary">参股</div> <div class="badge badge-info">供应商</div></td></tr>
|
||
<tr><td>动力新科</td><td><a href="https://valuefrontier.cn/company?scode=600841" target="_blank" class="link link-primary">600841</a></td><td>截止2024年3季度上汽集团持股约39%</td><td><div class="badge badge-secondary">参股</div></td></tr>
|
||
<tr><td>交运股份</td><td><a href="https://valuefrontier.cn/company?scode=600676" target="_blank" class="link link-primary">600676</a></td><td>上汽集团时控方上海汽车工业(集团)，持有公司4.86%股份</td><td><div class="badge badge-secondary">参股</div></td></tr>
|
||
<tr><td>无锡振华</td><td><a href="https://valuefrontier.cn/company?scode=605319" target="_blank" class="link link-primary">605319</a></td><td>上汽集团为公司第一大客户，往年营收占比40%+</td><td><div class="badge badge-info">供应商</div></td></tr>
|
||
<tr><td>上海汽配</td><td><a href="https://valuefrontier.cn/company?scode=603107" target="_blank" class="link link-primary">603107</a></td><td>主要客户包括上汽集团 (注：热点个股)</td><td><div class="badge badge-info badge-outline border-error">供应商</div></td></tr>
|
||
<tr><td>天成自控</td><td><a href="https://valuefrontier.cn/company?scode=603085" target="_blank" class="link link-primary">603085</a></td><td>主要客户包括上汽集团</td><td><div class="badge badge-info">供应商</div></td></tr>
|
||
<tr><td>多利科技</td><td><a href="https://valuefrontier.cn/company?scode=001311" target="_blank" class="link link-primary">001311</a></td><td>主要客户包括上汽集团</td><td><div class="badge badge-info">供应商</div></td></tr>
|
||
<tr><td>西上海</td><td><a href="https://valuefrontier.cn/company?scode=605151" target="_blank" class="link link-primary">605151</a></td><td>主要客户包括上汽集团 (注：热点个股)</td><td><div class="badge badge-info badge-outline border-error">供应商</div></td></tr>
|
||
<tr><td>松芝股份</td><td><a href="https://valuefrontier.cn/company?scode=002454" target="_blank" class="link link-primary">002454</a></td><td>供货上汽集团乘用车热管理产品</td><td><div class="badge badge-info">供应商</div></td></tr>
|
||
<tr><td>新朋股份</td><td><a href="https://valuefrontier.cn/company?scode=002328" target="_blank" class="link link-primary">002328</a></td><td>上汽大众为公司核心客户，供货汽车零部件</td><td><div class="badge badge-info">供应商</div></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Rise Analysis -->
|
||
<section>
|
||
<div class="glass-card p-6 md:p-8">
|
||
<h2 class="section-title mb-6">相关概念涨幅归因分析</h2>
|
||
<p class="text-slate-400 mb-6">以下为相关概念及产业链公司的历史异动归因分析，可作为市场情绪和关注焦点的参考。</p>
|
||
<div class="space-y-2">
|
||
<div class="collapse collapse-plus bg-base-200/30">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title text-xl font-medium">江淮汽车 (600418) - 华为合作概念强化</div>
|
||
<div class="collapse-content prose prose-invert max-w-none prose-sm">
|
||
<p>上涨核心驱动为华为合作概念强化，市场普遍认为江淮是华为汽车重要代表，深度绑定关系被视为核心竞争力。奇瑞智界拆分消息进一步催化关注度。资金面上，融资余额创历史新高，机构投资者积极建仓。尽管业绩承压，但市场更看重其与华为深度绑定带来的长期潜力及尊界品牌在高端市场的突破预期。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-base-200/30">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title text-xl font-medium">浙江仙通 (603239) - 奇瑞IPO映射行情</div>
|
||
<div class="collapse-content prose prose-invert max-w-none prose-sm">
|
||
<p>“奇瑞港股IPO定价在即”触发A股映射行情，浙江仙通因独家配套奇瑞-华为联合品牌“智界”R7车型全车密封条，成为资金抢筹的奇瑞影子股。同时受益于华为汽车链情绪升温和自身业绩拐点，成为短线资金首选。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-base-200/30">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title text-xl font-medium">北汽蓝谷 (600733) - 券商强推与估值重塑</div>
|
||
<div class="collapse-content prose prose-invert max-w-none prose-sm">
|
||
<p>上涨核心催化剂为天风证券深度报告，提出“轿车自主替代”逻辑及明确的800亿目标市值。与华为合作模式由“代工转向利润分成”的升级预期、享界品牌新产品上市预期，叠加主力资金大幅流入，共同推动股价上涨。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-base-200/30">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title text-xl font-medium">广汽集团 (601238) - 固态电池技术突破</div>
|
||
<div class="collapse-content prose prose-invert max-w-none prose-sm">
|
||
<p>涨停核心引爆点为“国内首条”全固态电池中试产线投产，标志着技术从概念走向可量产。央媒权威背书、清晰的量产时间表、叠加昊铂品牌将搭载华为双智系统的辅助利好，形成了“固态电池（硬件）+华为智驾（软件）”的双重王炸叙事，引发市场对其长期价值的重估。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
var timelineChart = echarts.init(document.getElementById('timeline-chart'));
|
||
var timelineOption = {
|
||
baseOption: {
|
||
timeline: {
|
||
axisType: 'category',
|
||
autoPlay: false,
|
||
playInterval: 3000,
|
||
data: ['2024.11', '2025.02', '2025.04', '2025.07', '2025.08', '2025.09'],
|
||
label: { color: '#a0aec0' },
|
||
lineStyle: { color: '#4a5568' },
|
||
checkpointStyle: { color: '#6366f1', borderColor: 'rgba(99, 102, 241, 0.5)', borderWidth: 5 },
|
||
controlStyle: { color: '#a0aec0', borderColor: '#a0aec0' },
|
||
},
|
||
title: { show: false },
|
||
tooltip: { trigger: 'item' },
|
||
grid: { top: 60, bottom: 100, left: '10%', right: '10%' },
|
||
xAxis: { show: false },
|
||
yAxis: { show: false },
|
||
series: [{
|
||
type: 'graph',
|
||
layout: 'none',
|
||
symbolSize: 60,
|
||
roam: false,
|
||
edgeSymbol: ['circle', 'arrow'],
|
||
edgeSymbolSize: [4, 10],
|
||
edgeLabel: {
|
||
fontSize: 14,
|
||
color: '#e2e8f0'
|
||
},
|
||
data: [],
|
||
links: [],
|
||
label: {
|
||
show: true,
|
||
position: 'inside',
|
||
formatter: '{b}',
|
||
fontSize: 12,
|
||
color: '#fff'
|
||
},
|
||
lineStyle: {
|
||
opacity: 0.9,
|
||
width: 2,
|
||
curveness: 0
|
||
},
|
||
itemStyle: {
|
||
color: '#2d3748',
|
||
borderColor: '#4a5568',
|
||
borderWidth: 2
|
||
},
|
||
emphasis: {
|
||
focus: 'adjacency',
|
||
label: { show: true },
|
||
itemStyle: {
|
||
borderColor: '#6366f1',
|
||
borderWidth: 3
|
||
}
|
||
}
|
||
}],
|
||
},
|
||
options: [
|
||
{ series: { data: [{ name: '市场传闻', x: 100, y: 200, itemStyle: { color: '#4a5568' } }], links: [] }},
|
||
{ series: { data: [{ name: '市场传闻', x: 100, y: 200 }, { name: '合作确认', x: 300, y: 200, itemStyle: { color: '#6366f1' } }], links: [{ source: 0, target: 1 }] }},
|
||
{ series: { data: [{ name: '市场传闻', x: 100, y: 200 }, { name: '合作确认', x: 300, y: 200 }, { name: '品牌发布', x: 500, y: 200, itemStyle: { color: '#6366f1' } }], links: [{ source: 0, target: 1 }, { source: 1, target: 2 }] }},
|
||
{ series: { data: [{ name: '市场传闻', x: 100, y: 200 }, { name: '合作确认', x: 300, y: 200 }, { name: '品牌发布', x: 500, y: 200 }, { name: '工信部亮相', x: 700, y: 200, itemStyle: { color: '#6366f1' } }], links: [{ source: 0, target: 1 }, { source: 1, target: 2 }, { source: 2, target: 3 }] }},
|
||
{ series: { data: [{ name: '市场传闻', x: 100, y: 200 }, { name: '合作确认', x: 300, y: 200 }, { name: '品牌发布', x: 500, y: 200 }, { name: '工信部亮相', x: 700, y: 200 }, { name: '开启预订', x: 900, y: 200, itemStyle: { color: '#6366f1' } }], links: [{ source: 0, target: 1 }, { source: 1, target: 2 }, { source: 2, target: 3 }, { source: 3, target: 4 }] }},
|
||
{ series: { data: [{ name: '市场传闻', x: 100, y: 200 }, { name: '合作确认', x: 300, y: 200 }, { name: '品牌发布', x: 500, y: 200 }, { name: '工信部亮相', x: 700, y: 200 }, { name: '开启预订', x: 900, y: 200 }, { name: '正式上市', x: 1100, y: 200, itemStyle: { color: '#38b2ac' } }], links: [{ source: 0, target: 1 }, { source: 1, target: 2 }, { source: 2, target: 3 }, { source: 3, target: 4 }, { source: 4, target: 5 }] }}
|
||
]
|
||
};
|
||
timelineChart.setOption(timelineOption);
|
||
window.addEventListener('resize', function() {
|
||
timelineChart.resize();
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |