Files
vf_react/public/htmls/努比亚手机.html
2025-12-05 13:29:18 +08:00

487 lines
31 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>努比亚手机 深度投研报告</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="//unpkg.com/alpinejs" defer></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=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #010007;
background-image:
radial-gradient(at 20% 20%, hsla(212, 80%, 30%, 0.3) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(288, 75%, 40%, 0.2) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(343, 70%, 50%, 0.2) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(190, 80%, 40%, 0.3) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(240, 70%, 60%, 0.2) 0px, transparent 50%);
color: #e0e0e0;
}
.glass-card {
background: rgba(15, 15, 35, 0.4);
-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 {
border-color: rgba(100, 200, 255, 0.5);
box-shadow: 0 0 30px rgba(100, 200, 255, 0.2);
}
.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
.timeline {
position: relative;
padding-left: 2rem;
}
.timeline::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: rgba(255, 255, 255, 0.1);
}
.timeline-item {
position: relative;
}
.timeline-item::before {
content: '';
position: absolute;
left: -2rem;
top: 0.25rem;
width: 1rem;
height: 1rem;
border-radius: 9999px;
background-color: #3b82f6;
border: 3px solid rgba(15, 15, 35, 0.8);
box-shadow: 0 0 10px #3b82f6;
}
</style>
</head>
<body class="min-h-screen">
<div class="max-w-7xl mx-auto p-4 sm:p-6 lg:p-8">
<!-- Header -->
<header class="text-center py-16">
<h1 class="text-5xl md:text-7xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-br from-white via-blue-200 to-cyan-400 mb-4">
努比亚手机
</h1>
<p class="text-xl md:text-2xl text-slate-300">深度投研报告</p>
</header>
<!-- Core Thesis -->
<section class="mb-16">
<div class="glass-card rounded-3xl p-8">
<h2 class="text-2xl font-bold mb-4 text-cyan-300">核心观点摘要</h2>
<p class="text-lg text-slate-200 leading-relaxed">
“努比亚手机”概念正处于一个由<strong class="text-cyan-400">宏大叙事驱动、主题炒作与基本面预期交织的早期阶段</strong>。其核心驱动力是“顶级互联网AI巨头字节跳动+ 传统通信设备商中兴通讯”的跨界合作旨在抢占下一代智能终端——AI手机的生态入口。尽管短期内面临技术不成熟、市场定位模糊等挑战但其背后所代表的端侧AI趋势具备颠覆行业的巨大潜力。
</p>
</div>
</section>
<!-- Concept Event & Timeline -->
<section class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center text-slate-100">概念事件与关键节点</h2>
<div class="glass-card rounded-3xl p-8">
<div class="timeline space-y-8">
<div class="timeline-item">
<h3 class="font-semibold text-lg text-blue-300">2024年3月4日 (MWC 2024)</h3>
<p class="text-slate-300">努比亚发布nubia Flip 5G折叠屏、Music音乐手机等创新产品展示硬件创新能力。</p>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-lg text-blue-300">2024年10月-11月</h3>
<p class="text-slate-300">密集发布搭载自研AI大模型的Z80 Ultra、Z70 Ultra等机型为AI战略进行市场预热。</p>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-lg text-blue-300">2024年12月 (路演密集期)</h3>
<p class="text-slate-300">市场流传中兴/努比亚与字节跳动合作开发AI手机并给出明确销量目标2025年20万台2026年400-500万台</p>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-lg text-fuchsia-400">2025年12月1日前后 (事件引爆)</h3>
<p class="text-slate-300">搭载“豆包手机助手”的工程样机<strong class="text-white">努比亚M153</strong>少量发售市场反响热烈二手平台溢价300元。同时字节跳动官方辟谣合作造机传闻市场解读为“否认努比亚并非否认中兴”。</p>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-lg text-cyan-300">2025年-2026年 (预期发酵)</h3>
<p class="text-slate-300">市场预期2025年Q2推出样机下半年量产2026年将成为AI终端加速普及的关键一年。</p>
</div>
</div>
</div>
</section>
<!-- Core Logic Analysis -->
<section class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center text-slate-100">核心逻辑与市场认知分析</h2>
<div class="bento-grid">
<div class="glass-card rounded-3xl p-6 md:col-span-2">
<h3 class="text-xl font-bold mb-4 text-cyan-300">核心驱动力:技术变革驱动的商业模式重塑</h3>
<ul class="space-y-4 text-slate-300">
<li><strong>技术层面:</strong> 大模型正从云端走向端侧AI Agent成为人机交互新范式。努比亚集成豆包大模型试图在操作系统层面实现“穿透式AI”能力是对现有手机体验的根本性升级。</li>
<li><strong>商业层面:</strong> 字节跳动需要硬件载体摆脱平台依赖中兴通讯则需要一次“非对称”破局机会借助AI实现品牌和销量的跨越。这种“软硬结合”模式旨在搅动传统手机市场格局。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold mb-4 text-fuchsia-300">市场热度与情绪</h3>
<p class="text-slate-300">当前市场关注度<strong class="text-fuchsia-400">极高</strong>情绪以高度乐观的投机为主。M153工程机的热销和相关概念股天音控股、科翔股份的剧烈上涨反映了资金的高度追捧。市场普遍相信“AI手机”是下一个万亿级赛道愿意为“字节+中兴”的组合支付高估值溢价。</p>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold mb-4 text-amber-300">预期差分析:机遇与风险并存</h3>
<ul class="space-y-2 text-slate-300">
<li><strong class="text-amber-400">合作深度预期差:</strong> 市场传闻深度绑定,但字节官方否认,这是核心矛盾点。</li>
<li><strong class="text-amber-400">市场地位预期差:</strong> 市场憧憬“非传统厂商逆袭”,但现实是中兴消费者业务占比低,品牌知名度弱。</li>
<li><strong class="text-amber-400">技术成熟度预期差:</strong> 市场期待流畅体验但M153工程机暴露的严重bug表明技术仍需打磨。</li>
</ul>
</div>
</div>
</section>
<!-- Catalysts, Future Path & Ecosystem Chart -->
<section class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center text-slate-100">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="lg:col-span-1 space-y-6">
<div class="glass-card rounded-3xl p-6 h-full">
<h3 class="text-xl font-bold mb-4 text-cyan-300">近期催化剂 (3-6个月)</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li>2025年Q2样机及下半年量产机发布</li>
<li>字节/中兴对合作模式的官方澄清</li>
<li>更大规模量产启动 (如戈碧迦90w台订单确认)</li>
<li>Nubia Fold/Flip 3折叠屏新品发布</li>
</ul>
</div>
</div>
<div class="lg:col-span-2 glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold mb-4 text-blue-300">长期发展路径</h3>
<ul class="steps steps-vertical lg:steps-horizontal w-full">
<li class="step step-primary" data-content="●">
<div class="text-left p-2">
<h4 class="font-bold">阶段一 (当前-2025)</h4>
<p class="text-sm text-slate-300">技术验证与市场卡位</p>
</div>
</li>
<li class="step step-primary" data-content="●">
<div class="text-left p-2">
<h4 class="font-bold">阶段二 (2026)</h4>
<p class="text-sm text-slate-300">规模化普及 (目标400-500万台)</p>
</div>
</li>
<li class="step" data-content="●">
<div class="text-left p-2">
<h4 class="font-bold">阶段三 (2027+)</h4>
<p class="text-sm text-slate-300">生态构建 (AI终端产品矩阵)</p>
</div>
</li>
</ul>
<div id="echarts-ecosystem" class="w-full h-80 mt-4"></div>
</div>
</div>
</section>
<!-- Industry Chain & Risks -->
<section class="mb-16" x-data="{ openTab: 1 }">
<div class="flex justify-center border-b border-white/10 mb-8">
<button @click="openTab = 1" :class="{'border-b-2 border-cyan-400 text-cyan-400': openTab === 1}" class="px-6 py-3 font-semibold text-slate-300 transition">产业链与核心公司</button>
<button @click="openTab = 2" :class="{'border-b-2 border-cyan-400 text-cyan-400': openTab === 2}" class="px-6 py-3 font-semibold text-slate-300 transition">潜在风险与挑战</button>
</div>
<!-- Tab 1: Industry Chain -->
<div x-show="openTab === 1" class="space-y-4">
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-medium text-blue-300">
产业链图谱
</div>
<div class="collapse-content">
<ul class="space-y-2 p-4 text-slate-300">
<li><strong>上游-核心软硬件供应商:</strong>
<ul class="list-disc list-inside pl-4 text-slate-400">
<li><strong>AI大模型:</strong> 字节跳动 (豆包), 阶跃星辰等</li>
<li><strong>芯片:</strong> 高通, 美芯晟, 必易微</li>
<li><strong>显示面板:</strong> 维信诺, 京东方</li>
<li><strong>光学模组:</strong> 联创电子, 昀家科技</li>
<li><strong>散热方案:</strong> 道明光学, 思泉新材</li>
<li><strong>结构件/PCB:</strong> 福蓉科技, 崇达技术</li>
</ul>
</li>
<li><strong>中游-品牌与制造:</strong>
<ul class="list-disc list-inside pl-4 text-slate-400">
<li><strong>品牌方:</strong> 努比亚技术有限公司</li>
<li><strong>控股股东:</strong> 中兴通讯 (持股78.33%)</li>
</ul>
</li>
<li><strong>下游-销售渠道:</strong>
<ul class="list-disc list-inside pl-4 text-slate-400">
<li>中兴商城, 线上电商平台, 运营商渠道</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="my-accordion-3" />
<div class="collapse-title text-xl font-medium text-blue-300">
核心玩家对比
</div>
<div class="collapse-content">
<div class="p-4 space-y-4 text-slate-300">
<p><strong>中兴通讯 (000063):</strong> 领导者与总平台。逻辑最纯粹的核心标的,确定性最高,但短期弹性相对小。</p>
<p><strong>道明光学 (002632):</strong> AI增量部件的典型代表。其石墨烯散热膜直接应对AI手机算力提升带来的散热痛点逻辑清晰弹性较大。</p>
<p><strong>昀家科技 & 共达电声 (002655):</strong> AI交互功能供应商。AI手机强调多模态交互其产品价值量有望提升是市场追捧的“小而美”标的。</p>
<p><strong>科翔股份 (300903):</strong> 预期驱动的弹性标的。其上涨逻辑建立在成为核心PCB供应商的极致预期之上弹性最大但逻辑也最脆弱。</p>
</div>
</div>
</div>
</div>
<!-- Tab 2: Risks -->
<div x-show="openTab === 2" class="bento-grid">
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold mb-4 text-red-400">技术风险</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>应用层:</strong> M153工程机出现的“微信强制登出”问题暴露兼容性与稳定性重大瓶颈。</li>
<li><strong>硬件层:</strong> 高性能端侧AI对芯片能效、电池续航和散热提出极高要求。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold mb-4 text-red-400">商业化风险</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>市场接受度:</strong> 消费者是否愿意为尚不成熟的AI功能支付5000-7000元的高额溢价存在不确定性。</li>
<li><strong>成本控制:</strong> 高性能芯片、大模型研发等成本将推高BOM成本挤压利润空间。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6 md:col-span-2">
<h3 class="text-xl font-bold mb-4 text-red-400">信息交叉验证风险 (核心矛盾)</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>字节跳动的合作态度:</strong> <strong class="text-white">官方公开否认</strong><strong class="text-white">路演泄露的深度合作细节</strong> 之间存在根本性矛盾,预示合作存在重大变数。</li>
<li><strong>中兴的真实市场能力:</strong> <strong class="text-white">路演揭示的“弱消费者业务”现实</strong><strong class="text-white">市场炒作的“AI颠覆者”形象</strong> 形成鲜明对比,对其承载千万级销量的能力构成严峻挑战。</li>
</ul>
</div>
</div>
</section>
<!-- Conclusion & Investment Insights -->
<section class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center text-slate-100">综合结论与投资启示</h2>
<div class="glass-card rounded-3xl p-8 space-y-6">
<div>
<h3 class="text-xl font-bold mb-2 text-cyan-300">综合看法</h3>
<p class="text-slate-200">“努比亚手机”概念目前明确处于<strong class="text-white">主题炒作阶段,由强烈的未来预期驱动,而非坚实的业绩支撑</strong>。其核心逻辑——AI重塑智能手机——方向正确且空间巨大。然而从概念到现实的路径充满不确定性当前市场情绪已部分透支了未来2-3年的乐观预期。</p>
</div>
<div>
<h3 class="text-xl font-bold mb-2 text-cyan-300">最具投资价值的细分环节</h3>
<p class="text-slate-200">1. <strong class="text-white">AI带来的纯增量环节:</strong> 首推<strong class="text-cyan-400">高性能散热解决方案</strong>(如道明光学)和<strong class="text-cyan-400">先进声学/光学模组</strong>如共达电声因AI算力和交互而产生“从0到1”的需求变化。</p>
<p class="text-slate-200">2. <strong class="text-white">核心平台方:</strong> <strong class="text-cyan-400">中兴通讯</strong>作为最终成果承载者,确定性最高,长期价值重估空间巨大。</p>
</div>
<div>
<h3 class="text-xl font-bold mb-2 text-cyan-300">需重点跟踪的关键指标</h3>
<ul class="grid grid-cols-1 md:grid-cols-2 gap-4 text-slate-300">
<li class="flex items-start"><span class="text-cyan-400 mr-2"></span>产品端: 首发销量、用户活跃度及AI功能评测。</li>
<li class="flex items-start"><span class="text-cyan-400 mr-2"></span>合作端: 关于合作模式的官方公告及实质性进展。</li>
<li class="flex items-start"><span class="text-cyan-400 mr-2"></span>供应链端: 核心供应商财报中的订单确认和收入占比。</li>
<li class="flex items-start"><span class="text-cyan-400 mr-2"></span>市场端: 品牌在消费者市场的份额变化。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Table -->
<section>
<h2 class="text-3xl font-bold mb-8 text-center text-slate-100">相关概念股梳理</h2>
<div class="overflow-x-auto glass-card rounded-2xl">
<table class="table text-base">
<thead>
<tr class="border-b border-white/20 text-slate-100 text-lg">
<th>股票名称</th>
<th>股票代码</th>
<th>关联原因</th>
<th>信源</th>
</tr>
</thead>
<tbody class="text-slate-300">
<tr class="border-b border-white/10 hover:bg-white/5">
<td>中兴通讯</td>
<td><a href="https://valuefrontier.cn/company?scode=000063" target="_blank" class="text-blue-400 hover:underline">000063</a></td>
<td>公司持有努比亚公司78.33%股权,努比亚为公司旗下手机品牌之一。</td>
<td>工商</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>道明光学</td>
<td><a href="https://valuefrontier.cn/company?scode=002632" target="_blank" class="text-blue-400 hover:underline">002632</a></td>
<td>公司的石墨烯散热膜已经进入努比亚折叠屏手机等旗舰机型供应链。</td>
<td>调研</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>维信诺</td>
<td><a href="https://valuefrontier.cn/company?scode=002387" target="_blank" class="text-blue-400 hover:underline">002387</a></td>
<td>公司与努比亚保持良好密切的合作关系为其供应AMOLED新型显示产品。</td>
<td>调研</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>思泉新材</td>
<td><a href="https://valuefrontier.cn/company?scode=301489" target="_blank" class="text-blue-400 hover:underline">301489</a></td>
<td>主要下游终端客户包括努比亚。</td>
<td>公告</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>崇达技术</td>
<td><a href="https://valuefrontier.cn/company?scode=002815" target="_blank" class="text-blue-400 hover:underline">002815</a></td>
<td>向努比亚供应相关PCB产品。</td>
<td>互动</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>联创电子</td>
<td><a href="https://valuefrontier.cn/company?scode=002036" target="_blank" class="text-blue-400 hover:underline">002036</a></td>
<td>公司与众多手机品牌合作,包括努比亚手机。</td>
<td>互动</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>鸿富瀚</td>
<td><a href="https://valuefrontier.cn/company?scode=301086" target="_blank" class="text-blue-400 hover:underline">301086</a></td>
<td>导热铜管产品已经获得努比亚的合格供应商的资质。</td>
<td>公告</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>昀家科技</td>
<td>-</td>
<td>公司通过多家光学模组厂供应豆包AI手机摄像头CMI组件。</td>
<td>新闻</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>共达电声</td>
<td><a href="https://valuefrontier.cn/company?scode=002655" target="_blank" class="text-blue-400 hover:underline">002655</a></td>
<td>公司与努比亚已订立了合作协议,并有联名产品开始量产。</td>
<td>新闻</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>美芯晟</td>
<td>-</td>
<td>无线充电芯片已用于豆包AI手机。</td>
<td>新闻</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>必易微</td>
<td><a href="https://valuefrontier.cn/company?scode=688045" target="_blank" class="text-blue-400 hover:underline">688045</a></td>
<td>快充芯片合作终端客户包括努比亚。</td>
<td>调研/新闻</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>联得装备</td>
<td><a href="https://valuefrontier.cn/company?scode=300545" target="_blank" class="text-blue-400 hover:underline">300545</a></td>
<td>公司柔性AMOLED产品已应用于努比亚X等双屏手机系列。</td>
<td>年报</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>同兴达</td>
<td><a href="https://valuefrontier.cn/company?scode=002845" target="_blank" class="text-blue-400 hover:underline">002845</a></td>
<td>液晶显示模组终端客户包括努比亚。</td>
<td>半年报</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>瑞丰光电</td>
<td><a href="https://valuefrontier.cn/company?scode=300241" target="_blank" class="text-blue-400 hover:underline">300241</a></td>
<td>子公司玲涛光电为努比亚X提供Mini线光源模组。</td>
<td>互动</td>
</tr>
<tr class="border-b border-white/10 hover:bg-white/5">
<td>福蓉科技</td>
<td><a href="https://valuefrontier.cn/company?scode=603327" target="_blank" class="text-blue-400 hover:underline">603327</a></td>
<td>公司在努比亚手机研发铝制结构件产品。</td>
<td>新闻</td>
</tr>
</tbody>
</table>
</div>
</section>
</div>
<footer class="text-center text-xs text-slate-500 p-4 mt-8">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据仅供参考不构成任何投资建议投资需谨慎。</p>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('echarts-ecosystem');
var myChart = echarts.init(chartDom);
var option;
option = {
tooltip: {},
series: [
{
type: 'graph',
layout: 'force',
animation: true,
roam: true,
label: {
show: true,
position: 'right',
formatter: '{b}',
color: '#fff',
fontSize: 14
},
labelLayout: {
hideOverlap: true
},
draggable: true,
data: [
{ id: 'nubia', name: '努比亚手机', symbolSize: 80, itemStyle: { color: '#0ea5e9' }, category: 0 },
{ id: 'zte', name: '中兴通讯 (控股)', symbolSize: 60, itemStyle: { color: '#3b82f6' }, category: 1 },
{ id: 'bytedance', name: '字节跳动 (AI合作)', symbolSize: 60, itemStyle: { color: '#8b5cf6' }, category: 1 },
{ id: 'qualcomm', name: '高通 (芯片)', symbolSize: 40, itemStyle: { color: '#f97316' }, category: 2 },
{ id: 'boe', name: '京东方/维信诺 (屏幕)', symbolSize: 40, itemStyle: { color: '#f97316' }, category: 2 },
{ id: 'daoming', name: '道明光学 (散热)', symbolSize: 40, itemStyle: { color: '#f97316' }, category: 2 },
{ id: 'lianchuang', name: '联创电子 (光学)', symbolSize: 40, itemStyle: { color: '#f97316' }, category: 2 },
{ id: 'chongda', name: '崇达技术 (PCB)', symbolSize: 40, itemStyle: { color: '#f97316' }, category: 2 },
],
categories: [
{ name: '核心品牌' },
{ name: '战略伙伴' },
{ name: '供应链' },
],
links: [
{ source: 'zte', target: 'nubia' },
{ source: 'bytedance', target: 'nubia' },
{ source: 'qualcomm', target: 'nubia' },
{ source: 'boe', target: 'nubia' },
{ source: 'daoming', target: 'nubia' },
{ source: 'lianchuang', target: 'nubia' },
{ source: 'chongda', target: 'nubia' }
],
force: {
edgeLength: 150,
repulsion: 500,
gravity: 0.1
},
lineStyle: {
color: 'source',
curveness: 0.1,
width: 1.5,
opacity: 0.7
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>