Files
vf_react/public/htmls/PCB轴向磁通电机.html
2025-12-05 13:29:18 +08:00

478 lines
30 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>深度行研 | PCB轴向磁通电机</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.2/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=Roboto:wght@300;400;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
background-color: #010008;
background-image:
radial-gradient(ellipse at 50% 10%, hsla(217, 70%, 15%, 0.8) 0%, transparent 40%),
radial-gradient(ellipse at 50% 90%, hsla(280, 50%, 10%, 0.9) 0%, transparent 50%),
url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cg fill="%230c0f2a" fill-opacity="0.4"%3E%3Crect x="0" y="0" width="1" height="1"/%3E%3C/g%3E%3C/svg%3E');
color: #e0e0e0;
overflow-x: hidden;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(20, 20, 45, 0.4);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
.glow-text {
text-shadow: 0 0 8px hsla(190, 100%, 75%, 0.8), 0 0 12px hsla(190, 100%, 75%, 0.5);
}
.glow-border {
box-shadow: 0 0 15px hsla(210, 80%, 60%, 0.3), 0 0 5px hsla(210, 80%, 60%, 0.2);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.bento-grid > .col-span-2 {
grid-column: span 2 / span 2;
}
@media (max-width: 768px) {
.bento-grid > .col-span-2 {
grid-column: span 1 / span 1;
}
}
.tab-lifted.tab-active {
background-color: rgba(30, 30, 60, 0.5) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
border-bottom-color: transparent !important;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb {
background: rgba(0, 150, 255, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 150, 255, 0.5);
}
</style>
</head>
<body class="min-h-screen">
<div class="p-4 sm:p-6 md:p-10 max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="font-orbitron text-4xl md:text-6xl font-bold text-cyan-300 glow-text mb-4">
PCB轴向磁通电机
</h1>
<p class="text-slate-400">北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现</p>
<p class="text-xs text-slate-500 mt-2">本报告为AI合成数据投资需谨慎。</p>
</header>
<main class="space-y-12">
<!-- Core Insight Section -->
<section class="glass-card p-6 md:p-8 glow-border">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-cyan-200 mb-6 border-b border-cyan-500/20 pb-4">核心观点与市场解析</h2>
<div class="prose prose-invert max-w-none text-slate-300">
<p class="lead text-lg">
PCB轴向磁通电机是为解决人形机器人等高端应用对执行器“轻量化、高扭矩、低成本”的极致追求而生的颠覆性技术方案。当前该概念尚处于从0到1的<strong>技术验证和样品导入阶段</strong>,其核心驱动力源于<strong>技术创新带来的性能与成本优势预期</strong>。未来潜力巨大,但商业化落地仍面临散热、成本控制等关键瓶颈,短期内主题投资色彩浓厚,长期价值兑现需紧密跟踪技术突破与下游客户验证的实质性进展。
</p>
</div>
<div class="mt-8 grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Core Logic -->
<div class="glass-card p-6 col-span-1 lg:col-span-2">
<h3 class="font-orbitron text-xl font-bold text-amber-300 mb-4">核心驱动力:技术突破驱动的场景替代</h3>
<div class="space-y-4 text-slate-300">
<p><strong>需求端:</strong>人形机器人要求电机具备高扭矩密度、轻量化、高效率、低噪音、低成本。传统径向磁通电机升级空间有限,而传统轴向磁通电机虽性能优越(扭矩密度可达 <span class="font-bold text-cyan-400">30Nm/kg</span>,较无框电机提升约 <span class="font-bold text-cyan-400">60%</span>),但其复杂的制造工艺和高昂成本阻碍了大规模应用。</p>
<p><strong>供给端:</strong>PCB轴向磁通电机通过工艺革新解决痛点。核心是用成熟、高度自动化的<strong>PCB工艺替代传统的绕线工艺</strong>来制造电机定子,带来显著潜在优势:</p>
<ul class="list-disc list-inside space-y-2 pl-2">
<li><strong class="text-green-400">极致轻量化:</strong> 省去铁芯,铜用量可减少<strong class="text-xl font-bold">~66%</strong>,重量减轻<strong class="text-xl font-bold">>50%</strong></li>
<li><strong class="text-green-400">生产自动化与一致性:</strong> PCB自动化产线确保产品高度一致解决传统工艺依赖人工、精度控制难的问题。</li>
<li><strong class="text-green-400">降本潜力:</strong> 理论上具备大幅降本潜力,有望将模组价格从当前的 <span class="line-through">2000-4000元</span> 区间向人形机器人厂商可接受的 <strong class="text-xl font-bold">1000元</strong> 目标靠拢。</li>
</ul>
</div>
</div>
<!-- Market Heat -->
<div class="glass-card p-6">
<h3 class="font-orbitron text-xl font-bold text-rose-300 mb-4">市场热度与情绪:高度乐观</h3>
<p class="text-slate-300">市场对该概念关注度极高,情绪乐观。研报普遍将其描述为“颠覆性产品”、“最佳潜在方案”。市场情绪主要围绕“特斯拉产业链”、“人形机器人核心增量”等宏大叙事展开,股价表现已部分计入技术成功和商业化落地的预期。</p>
</div>
</div>
<div class="mt-6 glass-card p-6">
<h3 class="font-orbitron text-xl font-bold text-orange-400 mb-4">预期差分析:宏大叙事与早期现实的鸿沟</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-slate-300">
<div>
<h4 class="font-bold text-lg text-orange-300">技术成熟度预期差</h4>
<p>市场倾向于认为技术接近成熟,但多源信息显示仍处攻关阶段,核心痛点在于“<strong class="text-red-400">散热较难,仍需时间突破</strong>”。</p>
</div>
<div>
<h4 class="font-bold text-lg text-orange-300">应用场景预期差</h4>
<p>市场强绑定人形机器人关节,但路演数据显示在“上肢及灵巧手”等场景“<strong class="text-red-400">尚未收敛到该方案</strong>”,存在明显矛盾。商业化路径可能从工业风机、机器狗等低难度场景开始。</p>
</div>
<div>
<h4 class="font-bold text-lg text-orange-300">竞争格局预期差</h4>
<p>市场聚焦少数PCB公司但赛道已相当拥挤国内≥30家预研且存在如“<strong class="text-red-400">谐波磁场电机</strong>”等其他技术路线竞争,最终胜出并非板上钉钉。</p>
</div>
</div>
</div>
</section>
<!-- Data Visualization -->
<section class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="glass-card p-6 h-96">
<h3 class="font-orbitron text-xl font-bold text-cyan-200 mb-4">性能优势对比 (相较传统径向电机)</h3>
<div id="performanceChart" class="w-full h-80"></div>
</div>
<div class="glass-card p-6 h-96">
<h3 class="font-orbitron text-xl font-bold text-cyan-200 mb-4">成本优化路径与目标</h3>
<div id="costChart" class="w-full h-80"></div>
</div>
</section>
<!-- Catalyst and Path Section -->
<section class="glass-card p-6 md:p-8">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-cyan-200 mb-6 border-b border-cyan-500/20 pb-4">关键催化剂与发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="font-orbitron text-xl font-bold text-lime-300 mb-4">近期催化剂 (未来3-6个月)</h3>
<ul class="list-none space-y-3">
<li class="flex items-start">
<svg class="w-5 h-5 text-lime-400 mr-2 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span><strong>易德龙产品验证节点:</strong> 重点关注10月机器狗方案发布及11月德国纽伦堡工业展样机性能。</span>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 text-lime-400 mr-2 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span><strong>北美客户订单进展:</strong> 任何关于“T链”的官方订单或测试进展都将是强催化剂。</span>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 text-lime-400 mr-2 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span><strong>技术瓶颈突破信号:</strong> 关于散热问题解决方案的专利或技术公告。</span>
</li>
</ul>
</div>
<div>
<h3 class="font-orbitron text-xl font-bold text-fuchsia-300 mb-4">长期发展路径</h3>
<ul class="timeline timeline-compact timeline-vertical">
<li>
<div class="timeline-start timeline-box glass-card !bg-fuchsia-900/30"><strong>第一阶段 (当前-2026):</strong> 技术验证与小批量试产。攻克散热瓶颈,应用于工业风机、无人机、机器狗。</div>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-fuchsia-400"><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.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<hr class="bg-fuchsia-600"/>
</li>
<li>
<hr class="bg-fuchsia-600"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-fuchsia-400"><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.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end timeline-box glass-card !bg-fuchsia-900/30"><strong>第二阶段 (2026-2027):</strong> 成本优化与场景渗透。成本显著下降,在人形机器人灵巧手、上肢等非核心关节小规模商用。</div>
<hr class="bg-fuchsia-600"/>
</li>
<li>
<hr class="bg-fuchsia-600"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-fuchsia-400"><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.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start timeline-box glass-card !bg-fuchsia-900/30"><strong>第三阶段 (2028+):</strong> 规模化量产与主流应用。成本达标(<strong class="text-white">1000元</strong>级别),在人形机器人核心关节规模化应用,并拓展至新能源汽车等市场。</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Source Data Section -->
<section x-data="{ tab: 'news' }">
<div role="tablist" class="tabs tabs-lifted tabs-lg">
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'news' }" @click="tab = 'news'">新闻数据</a>
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click="tab = 'roadshow'">路演纪要</a>
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'report' }" @click="tab = 'report'">研报精粹</a>
</div>
<div class="glass-card p-6 md:p-8 rounded-b-3xl rounded-tr-3xl">
<!-- News Data -->
<div x-show="tab === 'news'" class="space-y-4 prose prose-invert max-w-none">
<h4>定义与技术</h4>
<ul>
<li><strong>核心定义:</strong> “PCB电机是一种用印刷电路板PCB作为定子的轴向磁通电机传统的铁芯定子被PCB所取代。”</li>
<li><strong>技术痛点:</strong> “PCB定子更轻量化...但同时痛点在于<strong class="text-red-400">散热较难</strong>,仍需时间突破。”</li>
<li><strong>技术攻关:</strong> 易德龙牵头创新联合体攻关多层PCB定子设计、气隙磁场提升、低电感高效驱动等六大关键技术。</li>
</ul>
<h4>核心优势</h4>
<ul>
<li><strong>轻量化:</strong> 铜用量减少66%、重量减轻50%以上。</li>
<li><strong>高效率:</strong> 无铁芯结构减少了磁滞和涡流损耗。</li>
<li><strong>自动化生产:</strong> PCB自动化产线确保线路一致性。</li>
</ul>
<h4>应用与前景</h4>
<ul>
<li><strong>主要场景:</strong> 机器人上肢、灵巧手。</li>
<li><strong>产业催化:</strong> MYDL易德龙接到北美大客户需求推测其方案为PCB定子方案。</li>
<li><strong>公司动态:</strong> <strong>易德龙</strong> 8月出货机器人关节电机10月出机器狗方案11月参展<strong>明阳电路</strong> 19年开始布局与多家机器人客户验证中。</li>
</ul>
</div>
<!-- Roadshow Data -->
<div x-show="tab === 'roadshow'" class="space-y-4 prose prose-invert max-w-none">
<h4>降本与量产路径</h4>
<ul>
<li><strong>结构创新:</strong> 无轭设计、PCB定子被明确列为降本与量产的可行路径且国内已有厂商验证。</li>
<li><strong>灵巧手应用:</strong> 潜在采用16 mm外径PCB轴向磁通电机。</li>
</ul>
<h4>性能与成本</h4>
<ul>
<li><strong>性能指标:</strong> 峰值扭矩密度已达<strong class="text-cyan-400">30 N·m/kg</strong>以上为同规格无框力矩电机的1.61.7倍。</li>
<li><strong>成本瓶颈:</strong> 主要瓶颈在<strong class="text-red-400">人工组装(接线、焊线、调气隙)</strong>及专用设备缺位。</li>
</ul>
<h4>竞争与壁垒</h4>
<ul>
<li><strong>散热挑战:</strong> 结构扁平+双气隙使定子散热面积小,持续扭矩输出时温升高。</li>
<li><strong>国内玩家:</strong> 国内≥30家预研比亚迪、赛力斯、广汽、吉利、智元、青龙等均处于送样/功能验证阶段。</li>
</ul>
</div>
<!-- Report Data -->
<div x-show="tab === 'report'" class="space-y-4 prose prose-invert max-w-none">
<h4>核心优势量化</h4>
<ul>
<li><strong>扭矩/功率密度:</strong> 较径向电机高出约30%。YASA电机扭矩密度达<strong class="text-cyan-400">160Nm/L</strong>4倍于传统电机功率密度达<strong class="text-cyan-400">14.9kW/kg</strong></li>
<li><strong>效率:</strong> 通常超过<strong class="text-green-400">96%</strong>高效面积可达90%以上。</li>
</ul>
<h4>关键工艺与解决方案</h4>
<ul>
<li><strong>关键材料:</strong> 软磁复合材料(SMC)是解决生产工艺难题的新型磁性材料,可代替硅钢片,结合压合/压铸工艺,为大批量生产提供可能。</li>
<li><strong>散热方案:</strong> 采用液冷通道、相变材料及碳纳米管等新型应用,增强热管理能力。</li>
</ul>
<h4>市场规模</h4>
<ul>
<li><strong>全球市场:</strong> 预计2022-2027年间以<strong class="text-green-400">10.8%的CAGR</strong>增长2027年达到8.71亿美元。</li>
<li><strong>汽车市场:</strong> 预计2022-2027年以<strong class="text-green-400">29.8%的CAGR</strong>增长。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Table -->
<section class="glass-card p-6 md:p-8 glow-border">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-cyan-200 mb-6 border-b border-cyan-500/20 pb-4">相关概念股</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead class="text-base text-cyan-200">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>关联原因</th>
<th>分类</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-cyan-900/40">
<td><strong>易德龙</strong></td>
<td><a href="https://valuefrontier.cn/company?scode=603380" target="_blank" class="link link-hover text-amber-300">603380</a></td>
<td class="whitespace-normal">基于其在PCBA印刷电路板组装领域的技术积累开发了PCB轴向磁通电机进展明确绑定大客户预期。</td>
<td><div class="badge badge-primary badge-outline">核心方案商</div></td>
</tr>
<tr class="hover:bg-cyan-900/40">
<td><strong>明阳电路</strong></td>
<td><a href="https://valuefrontier.cn/company?scode=300739" target="_blank" class="link link-hover text-amber-300">300739</a></td>
<td class="whitespace-normal">具备PCB全制程能力专注小批量板布局早19年已与多家机器人客户进行产品验证。</td>
<td><div class="badge badge-primary badge-outline">核心方案商</div></td>
</tr>
<tr class="hover:bg-cyan-900/40">
<td><strong>东睦股份</strong></td>
<td><a href="https://valuefrontier.cn/company?scode=600114" target="_blank" class="link link-hover text-amber-300">600114</a></td>
<td class="whitespace-normal">间接持有小象电机股份技术领先同时掌握SMC粉末冶金材料技术是降本增效的关键上游环节。</td>
<td><div class="badge badge-accent badge-outline">产业链协同</div></td>
</tr>
<tr class="hover:bg-cyan-900/40">
<td><strong>卧龙电驱</strong></td>
<td><a href="https://valuefrontier.cn/company?scode=600580" target="_blank" class="link link-hover text-amber-300">600580</a></td>
<td class="whitespace-normal">综合性电机供应商,布局高扭矩密度轴向磁通电机,适配机器人关节驱动。</td>
<td><div class="badge badge-secondary badge-outline">传统电机厂</div></td>
</tr>
<tr class="hover:bg-cyan-900/40">
<td><strong>夏厦精密</strong></td>
<td><a href="https://valuefrontier.cn/company?scode=001306" target="_blank" class="link link-hover text-amber-300">001306</a></td>
<td class="whitespace-normal">参投指尖智擎10%股份,指尖智擎推出微型轴向磁通关节模组和特微型空心杯电机。</td>
<td><div class="badge badge-secondary badge-outline">传统电机厂</div></td>
</tr>
<tr class="hover:bg-cyan-900/40">
<td><strong>方正电机</strong></td>
<td><a href="https://valuefrontier.cn/company?scode=002196" target="_blank" class="link link-hover text-amber-300">002196</a></td>
<td class="whitespace-normal">轴向磁通电机布局处于初步阶段,暂无明确技术路线或量产能力。</td>
<td><div class="badge badge-ghost badge-outline">弱关联</div></td>
</tr>
<tr class="hover:bg-cyan-900/40">
<td><strong>京泉华</strong></td>
<td><a href="https://valuefrontier.cn/company?scode=002885" target="_blank" class="link link-hover text-amber-300">002885</a></td>
<td class="whitespace-normal">与轴向磁通电机关联性较弱,主营传统磁性元器件及电源类产品。</td>
<td><div class="badge badge-ghost badge-outline">弱关联</div></td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
<footer class="text-center mt-12 text-xs text-slate-600">
<p>&copy; 2025 北京价值前沿科技有限公司. All Rights Reserved.</p>
<p>AI投研agent: 价小前投研 v1.0</p>
</footer>
</div>
<script>
// ECharts Initialization
document.addEventListener('DOMContentLoaded', function () {
const performanceChartDom = document.getElementById('performanceChart');
const performanceChart = echarts.init(performanceChartDom, 'dark');
const performanceOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' }
},
legend: {
data: ['传统径向电机', 'PCB轴向磁通电机'],
textStyle: { color: '#ccc' }
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: { lineStyle: { color: '#4A5568' } }
},
yAxis: {
type: 'category',
data: ['重量 (kg)', '扭矩密度 (Nm/kg)'],
axisLine: { lineStyle: { color: '#4A5568' } }
},
series: [
{
name: '传统径向电机',
type: 'bar',
data: [50, 19], // Baseline: 50kg, 19 Nm/kg (unframed motor)
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#4A5568' },
{ offset: 1, color: '#718096' }
])
}
},
{
name: 'PCB轴向磁通电机',
type: 'bar',
data: [25, 30], // Weight reduced by 50%, Torque density up to 30 Nm/kg
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#00B5D8' },
{ offset: 1, color: '#4FD1C5' }
])
}
}
]
};
performanceChart.setOption(performanceOption);
const costChartDom = document.getElementById('costChart');
const costChart = echarts.init(costChartDom, 'dark');
const costOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
formatter: '{b}: {c} 元'
},
title: {
text: '电机模组成本 (元)',
left: 'center',
textStyle: {
color: '#ccc',
fontSize: 14
}
},
series: [
{
name: '成本路径',
type: 'funnel',
left: '10%',
top: 60,
bottom: 20,
width: '80%',
min: 0,
max: 8000,
minSize: '0%',
maxSize: '100%',
sort: 'descending',
gap: 2,
label: {
show: true,
position: 'inside',
color: '#fff',
formatter: '{b}'
},
labelLine: {
length: 10,
lineStyle: {
width: 1,
type: 'solid'
}
},
itemStyle: {
borderColor: '#010008',
borderWidth: 1
},
emphasis: {
label: {
fontSize: 20
}
},
data: [
{ value: 6000, name: '去年价格 (4k-8k)' },
{ value: 3000, name: '当前价格 (2k-4k)' },
{ value: 1000, name: '目标价格' }
],
color: ['#0891B2', '#F97316', '#10B981']
}
]
};
costChart.setOption(costOption);
window.addEventListener('resize', function() {
performanceChart.resize();
costChart.resize();
});
});
</script>
</body>
</html>