Files
vf_react/public/htmls/工业母机.html
2025-12-05 13:29:18 +08:00

471 lines
33 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="fui_dark">
<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=Inter:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #010409;
background-image:
radial-gradient(circle at 15% 25%, rgba(0, 153, 255, 0.15), transparent 30%),
radial-gradient(circle at 85% 75%, rgba(138, 43, 226, 0.15), transparent 40%);
background-attachment: fixed;
overflow-y: scroll;
}
.font-mono {
font-family: 'Roboto Mono', monospace;
}
.glass-card {
background-color: rgba(16, 18, 27, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(0, 191, 255, 0.3);
box-shadow: 0 0 25px rgba(0, 191, 255, 0.1);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.glow-border {
position: relative;
}
.glow-border::before {
content: '';
position: absolute;
inset: 0;
border-radius: 1.5rem; /* match rounded-3xl */
padding: 1px;
background: linear-gradient(45deg, rgba(0,191,255,0.3), rgba(138,43,226,0.3));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.text-glow {
text-shadow: 0 0 8px rgba(0, 191, 255, 0.5);
}
.table th, .table td {
border-bottom-width: 1px;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.table th {
font-weight: 500;
color: #9ca3af;
}
.table tbody tr:hover {
background-color: rgba(255, 255, 255, 0.03);
}
</style>
</head>
<body class="text-gray-300">
<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-bold text-white text-glow">工业母机</h1>
<h2 class="text-xl md:text-2xl text-cyan-400 font-mono mt-2">DEEP DIVE INDUSTRY REPORT</h2>
<div class="mt-4 text-xs text-gray-500 max-w-2xl mx-auto">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现。</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<!-- Insight Section -->
<section id="insight" class="mb-16">
<h3 class="text-2xl font-bold text-white mb-6 border-l-4 border-cyan-400 pl-4">概念核心洞察 (Concept Insight)</h3>
<div class="glass-card rounded-3xl p-6 mb-8 glow-border">
<p class="text-lg leading-relaxed text-gray-200">
工业母机概念正处于<strong class="text-cyan-400">由政策驱动的“主题投资”向“基本面验证”过渡的关键阶段</strong>。其核心驱动力源于国家最高层级的战略意志,旨在实现制造业核心环节的<strong class="text-cyan-400">“自主可控”</strong>,以应对外部技术封锁和保障产业链安全。未来,该赛道的潜力能否释放,取决于国产高端产品能否在性能和可靠性上实现突破,并将政策红利切实转化为持续增长的订单和市场份额。
</p>
</div>
<!-- Bento Grid for Key Points -->
<div class="bento-grid mb-8">
<div class="glass-card rounded-3xl p-6 glow-border md:col-span-2">
<h4 class="font-bold text-lg text-white mb-2">核心驱动力:安全与发展双轮驱动</h4>
<p class="text-sm text-gray-400"><strong>安全 (底线):</strong> 应对“卡脖子”风险高端数控机床国产化率不足10%是政策密集出台的根本原因。</p>
<p class="text-sm text-gray-400 mt-2"><strong>发展 (增长):</strong> 存量更新周期2011-14高峰期设备进入替换、增量需求新能源汽车、人形机器人、出海替代出口潜力巨大三大逻辑共振。</p>
</div>
<div class="glass-card rounded-3xl p-6 glow-border">
<h4 class="font-bold text-lg text-white mb-2">预期差分析</h4>
<p class="text-sm text-gray-400"><strong>宏大叙事 vs 产业现实:</strong> 市场普遍乐观,但国产高端产品在<strong class="text-amber-400">稳定性和可靠性</strong>上仍需长期验证,替代进程非一蹴而就。</p>
</div>
<div class="glass-card rounded-3xl p-6 glow-border">
<h4 class="font-bold text-lg text-white mb-2">未来发展路径</h4>
<ul class="space-y-2 text-sm text-gray-400">
<li><strong>当前-2026:</strong> 政策驱动与基础攻关</li>
<li><strong>2026-2030:</strong> 性能验证与市场渗透</li>
<li><strong>2030以后:</strong> 生态构建与全球竞争</li>
</ul>
</div>
</div>
<!-- Detailed Insight -->
<div class="space-y-8">
<div class="glass-card rounded-3xl p-6 glow-border" x-data="{ open: true }">
<h4 @click="open = !open" class="cursor-pointer text-xl font-semibold text-white mb-4 flex justify-between items-center">
<span>产业链图谱与核心公司深度剖析</span>
<svg :class="{'rotate-180': open}" class="w-5 h-5 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
</h4>
<div x-show="open" x-transition class="space-y-6">
<p class="text-gray-400">工业母机产业链可分为上游核心零部件、中游整机制造和下游应用领域。技术瓶颈和投资价值高地主要集中在上游环节。</p>
<div id="echarts-sankey" class="w-full h-[600px] bg-transparent"></div>
<h5 class="font-semibold text-lg text-white mt-6">核心玩家对比</h5>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>公司</th>
<th>定位</th>
<th>核心优势</th>
<th>逻辑纯度/验证情况</th>
<th>潜在风险</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-bold text-white">科德数控</td>
<td>高端五轴整机+系统一体化</td>
<td>数控系统+核心部件自制,自主可控属性最强</td>
<td class="text-green-400">极高,业绩与订单高增长已验证</td>
<td>产能瓶颈</td>
</tr>
<tr>
<td class="font-bold text-white">华中数控</td>
<td>国产数控系统龙头</td>
<td>技术领先融合AI芯片国产替代核心标的</td>
<td class="text-green-400">高,产业链“大脑”</td>
<td>SDN清单影响产品稳定性待长期检验</td>
</tr>
<tr>
<td class="font-bold text-white">海天精工</td>
<td>通用机床龙头+出海先锋</td>
<td>规模优势,成本控制强,出口占比高</td>
<td class="text-yellow-400">中等,偏市场化竞争</td>
<td>高端领域仍有差距</td>
</tr>
<tr>
<td class="font-bold text-white">贝斯特</td>
<td>精密零部件向核心功能部件转型</td>
<td>重金投入高精度滚珠丝杠,瞄准母机和机器人蓝海</td>
<td class="text-yellow-400">高(成长性),待放量</td>
<td>目前收入占比较低,新业务放量不确定</td>
</tr>
<tr>
<td class="font-bold text-white">奥普光电</td>
<td>“眼睛”环节的国产独苗</td>
<td>光栅尺/编码器国内唯一高端量产供应商</td>
<td class="text-green-400">极高,细分垄断地位</td>
<td>业绩高度依赖下游景气度</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="glass-card rounded-3xl p-6 glow-border" x-data="{ open: false }">
<h4 @click="open = !open" class="cursor-pointer text-xl font-semibold text-white mb-4 flex justify-between items-center">
<span>潜在风险与挑战</span>
<svg :class="{'rotate-180': open}" class="w-5 h-5 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
</h4>
<div x-show="open" x-transition class="space-y-4 text-gray-400">
<p><strong>技术风险:</strong> 核心瓶颈高档数控系统、C0级精度部件、传感器依然存在长期运行的可靠性、稳定性是巨大挑战。</p>
<p><strong>商业化风险:</strong> 下游客户(军工、航空)应用验证周期长,存在“不愿用、不敢用”的惯性;中低端市场“内卷式”竞争激烈。</p>
<p><strong>政策与竞争风险:</strong> 政策落地不及预期可能压制估值;外部制裁可能加剧。</p>
<p><strong>信息交叉验证风险:</strong> 宏观数据(产量负增长)与政策热度存在温差,表明政策传导需要时间,需警惕短期预期过高。</p>
</div>
</div>
</div>
</section>
<!-- Data Sources Section -->
<section id="data-sources" class="mb-16" x-data="{ tab: 'news' }">
<h3 class="text-2xl font-bold text-white mb-6 border-l-4 border-cyan-400 pl-4">关键数据源 (Key Data Sources)</h3>
<div class="tabs tabs-boxed bg-black/30 backdrop-blur-sm 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 === 'research' }" @click.prevent="tab = 'research'">行业研报</a>
</div>
<div x-show="tab === 'news'">
<div class="glass-card rounded-3xl p-6 glow-border space-y-4">
<h4 class="text-lg font-semibold text-white">一、 宏观政策与国家战略</h4>
<ul class="list-disc list-inside text-gray-400 space-y-2 text-sm">
<li><strong>十五五规划建议:</strong> 提出“全链条推动工业母机等重点领域关键核心技术攻关取得决定性突破”。</li>
<li><strong>工信部:</strong> 召开企业座谈会,强调工业母机是“制器之器”、“自强之基”,要避免“内卷式”竞争。发布《机械行业稳增长工作方案》。</li>
<li><strong>国务院国资委:</strong> 要求央企带头使用创新产品,鼓励采购首台(套)装备,对自主可控形成需求端闭环。</li>
<li><strong>财税支持:</strong> 开展增值税加计抵减、研发费用加计扣除等企业清单制定工作,从供给端激励创新。</li>
<li><strong>标准体系:</strong> 印发《工业母机高质量标准体系建设方案》目标到2026年制修订标准不少于300项。</li>
</ul>
<h4 class="text-lg font-semibold text-white pt-4">二、 产业发展与现状</h4>
<ul class="list-disc list-inside text-gray-400 space-y-2 text-sm">
<li><strong>挑战:</strong> 高档数控系统、关键功能部件支撑能力偏弱,创新链与产业链缺乏深度融合。</li>
<li><strong>市场格局:</strong> 低端市场国产主导,高端五轴市场国外品牌占优,但科德、纽威等国内企业正崛起。</li>
<li><strong>核心部件:</strong> 国产数控系统功能接近国际品牌,但稳定性、可靠性需提升。</li>
</ul>
</div>
</div>
<div x-show="tab === 'roadshow'">
<div class="glass-card rounded-3xl p-6 glow-border space-y-4">
<h4 class="text-lg font-semibold text-white">核心观点提炼</h4>
<ul class="list-disc list-inside text-gray-400 space-y-2 text-sm">
<li><strong>国产化率低:</strong> 高端数控机床国产化率约6%-10%五轴机床不足30%数控系统高端不足5%,替代空间巨大。</li>
<li><strong>更新周期:</strong> 2011-2014年为上一轮购置高峰当前进入8-10年更新换代周期政策是催化剂。</li>
<li><strong>AI赋能:</strong> AI技术开始融合如华中数控“华中9型”搭载AI芯片用于热误差补偿、路径优化是技术迭代方向。</li>
<li><strong>卡脖子环节:</strong> 普遍指向数控系统(华中数控、科德数控)、滚珠/滚柱丝杠(贝斯特、秦川机床)、光栅尺(奥普光电)。</li>
<li><strong>新兴需求:</strong> 人形机器人被认为是下一个巨大下游,对磨床、行星滚柱丝杠等提出新需求。</li>
<li><strong>估值水平:</strong> 机床行业在通用自动化板块中估值偏低,处于历史低分位,具备修复潜力。</li>
</ul>
</div>
</div>
<div x-show="tab === 'research'">
<div class="glass-card rounded-3xl p-6 glow-border space-y-4">
<h4 class="text-lg font-semibold text-white">核心观点提炼</h4>
<ul class="list-disc list-inside text-gray-400 space-y-2 text-sm">
<li><strong>战略定位:</strong> 工业母机是“制造机器的机器”《中国制造2025》重点发展领域“国之重器”。</li>
<li><strong>政策组合拳:</strong> 大规模设备更新方案、国资委采购要求、财税支持等政策形成合力,有望加速行业复苏。</li>
<li><strong>数据验证:</strong> 2024年8月中国金切机床产量同比+9.8%,日本对中国市场机床订单同比+50.1%显示需求回暖。但2025年3月产量同比为负说明复苏不平坦。</li>
<li><strong>产业链瓶颈:</strong> 数控系统(脑)、主轴(左手)、进给驱动(右手)、测量系统(眼)是四大核心环节,高端市场均被外资垄断。</li>
<li><strong>投资建议方向:</strong> 普遍看好整机厂商(科德数控、海天精工)和核心零部件厂商(华中数控、贝斯特、奥普光电)。</li>
</ul>
</div>
</div>
</section>
<!-- Rise Analysis Section -->
<section id="rise-analysis" class="mb-16">
<h3 class="text-2xl font-bold text-white mb-6 border-l-4 border-cyan-400 pl-4">市场异动归因分析 (Market Movers Analysis)</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card rounded-3xl p-6 glow-border">
<div class="flex justify-between items-center mb-2">
<span class="font-bold text-white text-lg">远信工业 (301053)</span>
<span class="badge badge-lg badge-success text-white">+5.73%</span>
</div>
<p class="text-sm text-gray-400"><strong>核心驱动:</strong> 国家级政策《工业母机高质量标准体系建设方案》发布,引爆板块行情。公司作为高端专用设备商,受益于“泛工业母机”概念外溢。同时,机构账户在大宗交易中强势承接抛盘,显示对后市信心。</p>
</div>
<div class="glass-card rounded-3xl p-6 glow-border">
<div class="flex justify-between items-center mb-2">
<span class="font-bold text-white text-lg">联合精密 (001268)</span>
<span class="badge badge-lg badge-error text-white">+10.0%</span>
</div>
<p class="text-sm text-gray-400"><strong>核心驱动:</strong> 政策+重组双重催化。《工业母机更新升级实施方案》发布,公司同时公告拟收购头部五轴联动数控机床企业,形成“零部件+系统+整机”一体化布局,叠加半年度业绩预增,估值吸引力凸显。</p>
</div>
<div class="glass-card rounded-3xl p-6 glow-border">
<div class="flex justify-between items-center mb-2">
<span class="font-bold text-white text-lg">标准股份 (600302)</span>
<span class="badge badge-lg badge-error text-white">+9.99%</span>
</div>
<p class="text-sm text-gray-400"><strong>核心驱动:</strong> 政策-并购-平台定位共振。国资委发文支持工业母机,公司被西安市国资委明确为市级整合平台,并公告收购西安精密机床厂,机构集合竞价大额抢筹。</p>
</div>
</div>
</section>
<!-- Stock List Section -->
<section id="stocks">
<h3 class="text-2xl font-bold text-white mb-6 border-l-4 border-cyan-400 pl-4">产业链核心标的 (Key Stocks in Value Chain)</h3>
<div class="glass-card rounded-3xl p-6 glow-border">
<h4 class="text-lg font-semibold text-white mb-4">产业链全景图谱</h4>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>公司名称</th>
<th>股票代码</th>
<th>核心业务/环节</th>
<th>产业链位置</th>
</tr>
</thead>
<tbody>
<!-- Data from B2B2F7D3... -->
<tr><td>华中数控</td><td><a href="https://valuefrontier.cn/company?scode=300161" target="_blank" class="text-cyan-400 hover:underline">300161</a></td><td>数控系统</td><td>核心零部件</td></tr>
<tr><td>科德数控</td><td><a href="https://valuefrontier.cn/company?scode=688305" target="_blank" class="text-cyan-400 hover:underline">688305</a></td><td>数控系统, 转台, 数控机床</td><td>核心零部件 / 机床</td></tr>
<tr><td>奥普光电</td><td><a href="https://valuefrontier.cn/company?scode=002338" target="_blank" class="text-cyan-400 hover:underline">002338</a></td><td>编码器、光栅尺</td><td>核心零部件</td></tr>
<tr><td>贝斯特</td><td><a href="https://valuefrontier.cn/company?scode=300580" target="_blank" class="text-cyan-400 hover:underline">300580</a></td><td>滚珠丝杠</td><td>核心零部件</td></tr>
<tr><td>昊志机电</td><td><a href="https://valuefrontier.cn/company?scode=300503" target="_blank" class="text-cyan-400 hover:underline">300503</a></td><td>电主轴, 转台</td><td>核心零部件</td></tr>
<tr><td>秦川机床</td><td><a href="https://valuefrontier.cn/company?scode=000837" target="_blank" class="text-cyan-400 hover:underline">000837</a></td><td>数控系统, 滚珠丝杠, 转台, 刀具, 数控机床, 磨床</td><td>核心零部件 / 机床</td></tr>
<tr><td>海天精工</td><td><a href="https://valuefrontier.cn/company?scode=601882" target="_blank" class="text-cyan-400 hover:underline">601882</a></td><td>数控机床</td><td>机床</td></tr>
<tr><td>纽威数控</td><td><a href="https://valuefrontier.cn/company?scode=688697" target="_blank" class="text-cyan-400 hover:underline">688697</a></td><td>数控机床</td><td>机床</td></tr>
<tr><td>创世纪</td><td><a href="https://valuefrontier.cn/company?scode=300083" target="_blank" class="text-cyan-400 hover:underline">300083</a></td><td>数控机床</td><td>机床</td></tr>
<tr><td>华辰装备</td><td><a href="https://valuefrontier.cn/company?scode=300809" target="_blank" class="text-cyan-400 hover:underline">300809</a></td><td>磨床</td><td>机床</td></tr>
<tr><td>华锐精密</td><td><a href="https://valuefrontier.cn/company?scode=688059" target="_blank" class="text-cyan-400 hover:underline">688059</a></td><td>刀具</td><td>核心零部件</td></tr>
<tr><td>欧科亿</td><td><a href="https://valuefrontier.cn/company?scode=688308" target="_blank" class="text-cyan-400 hover:underline">688308</a></td><td>刀具</td><td>核心零部件</td></tr>
</tbody>
</table>
</div>
</div>
<div class="glass-card rounded-3xl p-6 glow-border mt-8">
<h4 class="text-lg font-semibold text-white mb-4">价值链环节细分</h4>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>公司名称</th>
<th>股票代码</th>
<th>核心业务/环节</th>
<th>产业链位置</th>
</tr>
</thead>
<tbody>
<!-- Data from CDBFFC55... -->
<tr><td>华中数控</td><td><a href="https://valuefrontier.cn/company?scode=300161" target="_blank" class="text-cyan-400 hover:underline">300161</a></td><td>数控系统</td><td>上游</td></tr>
<tr><td>科德数控</td><td><a href="https://valuefrontier.cn/company?scode=688305" target="_blank" class="text-cyan-400 hover:underline">688305</a></td><td>数控机床, 数控系统, 转台</td><td>上游, 中游机床</td></tr>
<tr><td>柏楚电子</td><td><a href="https://valuefrontier.cn/company?scode=688188" target="_blank" class="text-cyan-400 hover:underline">688188</a></td><td>数控系统</td><td>上游</td></tr>
<tr><td>奥普光电</td><td><a href="https://valuefrontier.cn/company?scode=002338" target="_blank" class="text-cyan-400 hover:underline">002338</a></td><td>编码器/光栅尺</td><td>上游, 主体零部件</td></tr>
<tr><td>秦川机床</td><td><a href="https://valuefrontier.cn/company?scode=000837" target="_blank" class="text-cyan-400 hover:underline">000837</a></td><td>滚珠丝杠, 数控机床, 数控系统, 磨床, 转台</td><td>上游, 中游机床</td></tr>
<tr><td>贝斯特</td><td><a href="https://valuefrontier.cn/company?scode=300580" target="_blank" class="text-cyan-400 hover:underline">300580</a></td><td>滚珠丝杠</td><td>上游, 主体零部件</td></tr>
<tr><td>昊志机电</td><td><a href="https://valuefrontier.cn/company?scode=300503" target="_blank" class="text-cyan-400 hover:underline">300503</a></td><td>电主轴, 转台</td><td>上游, 功能部件</td></tr>
<tr><td>沃尔德</td><td><a href="https://valuefrontier.cn/company?scode=688028" target="_blank" class="text-cyan-400 hover:underline">688028</a></td><td>超硬刀具</td><td>上游, 功能部件</td></tr>
<tr><td>海天精工</td><td><a href="https://valuefrontier.cn/company?scode=601882" target="_blank" class="text-cyan-400 hover:underline">601882</a></td><td>数控机床, 民营企业</td><td>中游机床</td></tr>
<tr><td>宇环数控</td><td><a href="https://valuefrontier.cn/company?scode=002903" target="_blank" class="text-cyan-400 hover:underline">002903</a></td><td>数控机床, 磨床, 民营企业</td><td>中游机床</td></tr>
<tr><td>华东数控</td><td><a href="https://valuefrontier.cn/company?scode=002248" target="_blank" class="text-cyan-400 hover:underline">002248</a></td><td>数控机床, 磨床, 民营企业</td><td>中游机床</td></tr>
</tbody>
</table>
</div>
</div>
</section>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('echarts-sankey');
var myChart = echarts.init(chartDom, 'dark');
var option;
const data = {
name: '工业母机产业链',
children: [
{
name: '上游:核心软硬件',
children: [
{ name: '数控系统 (大脑)', value: 1, children: [{name: '华中数控'},{name: '科德数控'}, {name: '柏楚电子'}] },
{ name: '传动部件 (筋骨)', value: 1, children: [{name: '秦川机床'}, {name: '贝斯特'}, {name: '恒立液压'}] },
{ name: '功能部件 (手足)', value: 1, children: [{name: '昊志机电'}, {name: '奥普光电'}] },
{ name: '刀具 (牙齿)', value: 1, children: [{name: '华锐精密'}, {name: '欧科亿'}, {name: '沃尔德'}] },
]
},
{
name: '中游:整机制造',
children: [
{ name: '高端数控机床', value: 1, children: [{name: '科德数控'}, {name: '海天精工'}, {name: '纽威数控'}, {name: '创世纪'}] },
{ name: '专用机床', value: 1, children: [{name: '华辰装备'}, {name: '秦川机床'}, {name: '宇环数控'}] },
]
},
{
name: '下游:应用领域',
children: [
{ name: '传统领域', value: 1, children: [{name: '航空航天'}, {name: '汽车'}, {name: '模具'}] },
{ name: '新兴领域', value: 1, children: [{name: '新能源汽车'}, {name: '人形机器人'}, {name: '3C电子'}] },
]
}
]
};
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
triggerOn: 'mousemove',
formatter: '{b}',
textStyle: {
color: '#fff'
}
},
series: [
{
type: 'tree',
data: [data],
top: '5%',
left: '10%',
bottom: '5%',
right: '25%',
symbolSize: 10,
label: {
position: 'left',
verticalAlign: 'middle',
align: 'right',
fontSize: 14,
color: '#ccc'
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left',
color: '#9ca3af'
}
},
emphasis: {
focus: 'descendant',
label: {
color: '#fff',
textShadow: '0 0 5px #00bfff'
}
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)',
width: 1,
curveness: 0.5
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
// Custom DaisyUI theme
const themeStyle = document.createElement('style');
themeStyle.innerHTML = `
[data-theme="fui_dark"] {
--p: 0 191 255; /* primary - cyan */
--pc: 255 255 255; /* primary-content */
--s: 138 43 226; /* secondary - purple */
--sc: 255 255 255; /* secondary-content */
--a: 255 165 0; /* accent - orange */
--ac: 0 0 0; /* accent-content */
--n: 16 18 27; /* neutral */
--nc: 200 200 200; /* neutral-content */
--b1: 1 4 9; /* base-100 */
--b2: 10 12 20; /* base-200 */
--b3: 20 25 40; /* base-300 */
--bc: 220 220 220; /* base-content */
--in: 0 128 0; /* info */
--su: 0 128 0; /* success */
--wa: 255 165 0; /* warning */
--er: 255 0 0; /* error */
.tab-active {
background-color: rgba(var(--p), 0.2);
color: white;
border-bottom: 2px solid rgb(var(--p));
}
}
`;
document.head.appendChild(themeStyle);
</script>
</body>
</html>