433 lines
28 KiB
HTML
433 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>金属粉末注射成形 (MIM) 深度投研报告</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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #020617; /* slate-950 */
|
||
overflow-x: hidden;
|
||
color: #e2e8f0; /* slate-200 */
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(23, 29, 53, 0.5); /* Custom darker transparent */
|
||
backdrop-filter: blur(24px);
|
||
-webkit-backdrop-filter: blur(24px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(30, 37, 68, 0.6);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
transform: translateY(-4px);
|
||
box-shadow: 0 0 40px rgba(59, 130, 246, 0.1);
|
||
}
|
||
|
||
.glow-effect {
|
||
position: fixed;
|
||
border-radius: 9999px;
|
||
filter: blur(150px);
|
||
opacity: 0.2;
|
||
z-index: -1;
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-auto-rows: auto;
|
||
}
|
||
|
||
.card-header {
|
||
font-size: 1.25rem;
|
||
font-weight: 600;
|
||
padding-bottom: 0.75rem;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
margin-bottom: 1rem;
|
||
color: #93c5fd; /* blue-300 */
|
||
}
|
||
|
||
.card-content h3 {
|
||
font-size: 1rem;
|
||
font-weight: 500;
|
||
color: #60a5fa; /* blue-400 */
|
||
margin-top: 1.25rem;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.card-content ul {
|
||
list-style-position: inside;
|
||
padding-left: 0.5rem;
|
||
}
|
||
|
||
.card-content li {
|
||
margin-bottom: 0.5rem;
|
||
color: #cbd5e1; /* slate-300 */
|
||
}
|
||
|
||
.card-content strong {
|
||
color: #f8fafc; /* slate-50 */
|
||
font-weight: 600;
|
||
}
|
||
|
||
.table-custom thead {
|
||
background-color: rgba(59, 130, 246, 0.1);
|
||
}
|
||
.table-custom tbody tr:hover {
|
||
background-color: rgba(59, 130, 246, 0.05);
|
||
}
|
||
|
||
.highlight-red {
|
||
color: #f87171; /* red-400 */
|
||
}
|
||
.highlight-green {
|
||
color: #4ade80; /* green-400 */
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<!-- Background Glows -->
|
||
<div class="glow-effect" style="width: 600px; height: 600px; background: #3b82f6; top: -20%; left: -10%;"></div>
|
||
<div class="glow-effect" style="width: 500px; height: 500px; background: #8b5cf6; bottom: -25%; right: -15%;"></div>
|
||
<div class="glow-effect" style="width: 400px; height: 400px; background: #14b8a6; top: 30%; right: 5%;"></div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-cyan-300 to-blue-400 mb-2">
|
||
金属粉末注射成形 (MIM) 深度投研报告
|
||
</h1>
|
||
<p class="text-slate-400">AI驱动的新范式：从消费电子到人形机器人的价值重估</p>
|
||
</header>
|
||
|
||
<!-- Main Content Grid -->
|
||
<main class="bento-grid" style="grid-template-columns: repeat(12, 1fr);">
|
||
|
||
<!-- Insight Section (Main) -->
|
||
<section class="glass-card rounded-3xl p-6 md:p-8 col-span-12 lg:col-span-8 row-span-3">
|
||
<h2 class="card-header">概念Insight：价值重估拐点</h2>
|
||
<div class="card-content text-slate-300 space-y-4 text-sm md:text-base leading-relaxed">
|
||
<p><strong>核心观点摘要：</strong> 金属粉末注射成形（MIM）正处在一个关键的价值重估拐点。它作为一项成熟的精密制造工艺，其核心驱动力正从存量市场的消费电子（折叠屏铰链）迅速切换至由<strong>人形机器人规模化量产</strong>和<strong>AI算力硬件散热/连接</strong>带来的全新、巨大的增量市场。当前概念处于产业趋势确立、商业化验证在即的“二级火箭”点火阶段，未来潜力巨大，但短期业绩兑现与市场高预期之间存在显著的预期差。</p>
|
||
|
||
<h3>核心驱动力：下游应用场景的结构性变迁</h3>
|
||
<ul>
|
||
<li><strong>机器人降本与量产的必然选择：</strong> 人形机器人进入“1到N”阶段，降本是首要矛盾。MIM工艺“材料利用率近100%”、“大批量下成本远低于机加工”的特性完美契合了灵巧手、减速器等复杂微小精密件的量产需求，是实现性能与成本平衡的最优解。</li>
|
||
<li><strong>AI硬件的性能需求：</strong> AI芯片（如NVIDIA GB200）和光模块功耗飙升，MIM工艺可高效制造纯铜等高导热材料的复杂散热结构件。同时，高速连接器对结构件的精度和稳定性要求也为MIM提供了用武之地。</li>
|
||
<li><strong>材料应用的拓展：</strong> 钛合金MIM技术的成熟，兼具轻量化、高强度特性，满足了折叠屏、可穿戴设备乃至医疗植入件的高端化需求。</li>
|
||
</ul>
|
||
|
||
<h3>预期差分析：机遇与风险之源</h3>
|
||
<ul>
|
||
<li><strong class="highlight-red">盈利能力的预期差：</strong> 市场可能被高营收增速迷惑。路演数据显示，东睦股份2023年MIM业务毛利率仅<strong>15%-20%</strong>，远低于某次路演虚报的“60%+”，反映了新产线折旧、良率爬坡等现实问题。</li>
|
||
<li><strong class="highlight-red">供应商地位的预期差：</strong> 对特斯拉等客户仍处于“图纸下放”、“正评估”阶段，距离大规模订单尚有距离。华为铰链“独供”说法也需谨慎，产业竞争依然激烈。</li>
|
||
<li><strong class="highlight-red">技术瓶颈的预期差：</strong> 高端钛合金MIM需<strong>20微米级</strong>粉末，而当前部分原料依赖3D打印的<strong>50微米</strong>边角料，上游原料瓶颈尚未完全突破。</li>
|
||
</ul>
|
||
|
||
<h3>关键催化剂与未来发展路径</h3>
|
||
<div class="space-y-2">
|
||
<p><strong>近期催化剂 (3-6个月):</strong> 特斯拉GEN3供应商细节披露、核心公司机器人批量订单公告、苹果折叠屏方案确定、英伟达新AI硬件采用MIM件。</p>
|
||
<p><strong>长期发展路径:</strong></p>
|
||
<ul class="list-decimal list-inside">
|
||
<li><strong>第一阶段 (当前-2026):</strong> 机器人应用验证期，完成头部客户验证和定点。</li>
|
||
<li><strong>第二阶段 (2026-2028):</strong> 规模化放量期，MIM成为主流方案，业绩高速兑现。</li>
|
||
<li><strong>第三阶段 (2028以后):</strong> 平台化拓展期，向医疗、航空航天等更高附加值领域拓展。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Market Scale Chart -->
|
||
<section class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-4 row-span-1">
|
||
<h2 class="card-header">全球及中国市场规模</h2>
|
||
<div id="market-chart" class="w-full h-64"></div>
|
||
</section>
|
||
|
||
<!-- MIM Technology Overview -->
|
||
<section class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-4 row-span-2">
|
||
<h2 class="card-header">MIM技术核心</h2>
|
||
<div class="card-content text-slate-300 space-y-4 text-sm">
|
||
<h3>技术定义</h3>
|
||
<p>MIM (Metal Injection Molding) 是一种将粉末冶金与塑料注射成型相结合的“近净成形”先进制造技术，适合大批量生产高精度、高强度、高复杂度的金属零件。</p>
|
||
|
||
<h3>工艺流程</h3>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li><strong>喂料准备：</strong>精细金属粉末与粘结剂混合制粒。</li>
|
||
<li><strong>注射成型：</strong>将喂料注入模具形成“生坯”。</li>
|
||
<li><strong>脱脂：</strong>去除生坯中的粘结剂形成“棕坯”。</li>
|
||
<li><strong>烧结：</strong>高温下使金属颗粒冶金结合，致密化成型。</li>
|
||
</ol>
|
||
|
||
<h3>核心优势</h3>
|
||
<ul class="list-disc list-inside space-y-1">
|
||
<li><strong>高设计自由度：</strong>可制造传统工艺难以实现的复杂三维几何形状。</li>
|
||
<li><strong>高性能与精度：</strong>产品密度高、性能接近锻造材料，精度可达±0.3%。</li>
|
||
<li><strong>高成本效益：</strong>材料利用率近100%，大批量生产成本远低于CNC。</li>
|
||
<li><strong>轻量化：</strong>可选低密度金属粉末配合镂空、薄壁设计。</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Applications -->
|
||
<section class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-6 row-span-2">
|
||
<h2 class="card-header">核心应用领域与前景</h2>
|
||
<div class="card-content text-slate-300 space-y-4 text-sm">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div>
|
||
<h3>人形机器人 (蓝海市场)</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li><strong>价值量：</strong>单台机器人潜在MIM价值量约<strong>5,000元</strong>。</li>
|
||
<li><strong>应用部件：</strong>灵巧手微型齿轮、行星/谐波减速器、连杆、关节轴、丝杠等。</li>
|
||
<li><strong>趋势：</strong>特斯拉、Figure AI已明确或正在评估MIM工艺以实现规模化降本。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3>AI算力 & 通信 (新增量)</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li><strong>高速连接器：</strong>用于英伟达GB200服务器的高速连接器外罩(housing)。</li>
|
||
<li><strong>芯片/光模块散热：</strong>利用MIM工艺高效制造纯铜等复杂散热结构件。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3>消费电子 (成熟市场)</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li><strong>折叠屏手机铰链：</strong>核心增长点，MIM是主流工艺，价值量高。</li>
|
||
<li><strong>钛合金应用：</strong>用于手机中框、表壳、AR眼镜等高端产品。</li>
|
||
<li><strong>传统应用：</strong>充电头、卡托、按键等。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3>其他领域</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li><strong>医疗器械：</strong>手术机器人、吻合器、牙科植入物。</li>
|
||
<li><strong>汽车：</strong>发动机部件、新能源车轻量化部件。</li>
|
||
<li><strong>无人机：</strong>转轴支架、云台配重块。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Key Company Dynamics -->
|
||
<section class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-6 row-span-2">
|
||
<h2 class="card-header">产业链核心公司动态</h2>
|
||
<div class="space-y-2 text-sm">
|
||
<div class="collapse collapse-arrow glass-card !bg-opacity-40">
|
||
<input type="radio" name="company-accordion" checked="checked" />
|
||
<div class="collapse-title font-medium">东睦股份 (600114) - 行业领导者</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>优势：</strong>营收体量最大(MIM业务19.65亿)，平台化布局(PS+MIM+SMC)，客户覆盖广(华为、机器人、AI算力)，参股上游粉末商。</p>
|
||
<p><strong>动态：</strong>华为折叠屏铰链主供；MIM产品间接配套英伟达GB200；机器人样件已完成开发。</p>
|
||
<p><strong>风险：</strong>盈利能力与市场高预期存在差距(毛利率约24%)。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass-card !bg-opacity-40">
|
||
<input type="radio" name="company-accordion" />
|
||
<div class="collapse-title font-medium">海昌新材 (300885) - 机器人弹性先锋</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>优势：</strong>与原有电动工具齿轮业务协同性强，机器人领域送样和认证进度领先(已对接特斯拉、宇树)，市值小弹性大。</p>
|
||
<p><strong>动态：</strong>人形机器人产品已进入小规模试产阶段。</p>
|
||
<p><strong>风险：</strong>MIM营收规模尚小，业绩高度依赖机器人订单兑现，不确定性高。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass-card !bg-opacity-40">
|
||
<input type="radio" name="company-accordion" />
|
||
<div class="collapse-title font-medium">统联精密 (688210) - 3C领域实力派</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>优势：</strong>深度绑定苹果/华为，MIM工艺经验丰富，产品质量已验证。</p>
|
||
<p><strong>动态：</strong>网传接到特斯拉微型零部件图纸（包括连杆），具备切入新领域的技术基础。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass-card !bg-opacity-40">
|
||
<input type="radio" name="company-accordion" />
|
||
<div class="collapse-title font-medium">产业链上游 & 其他</div>
|
||
<div class="collapse-content text-slate-300">
|
||
<p><strong>悦安新材：</strong>研发折叠屏手机专用高强钢粉末及MIM喂料。</p>
|
||
<p><strong>哈森股份：</strong>参股子公司钛合金粉产品已中试成功，可用于MIM行业。</p>
|
||
<p><strong>浙江华业：</strong>为MIM注塑机定制化开发螺杆产品。</p>
|
||
<p><strong>精研科技：</strong>灵巧手空心杯电机+行星减速器已送样客户。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risks -->
|
||
<section class="glass-card rounded-3xl p-6 col-span-12 lg:col-span-12">
|
||
<h2 class="card-header text-red-400">潜在风险与挑战</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 text-sm text-slate-300">
|
||
<div>
|
||
<h3 class="font-semibold text-red-300 mb-1">技术风险</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li>上游高端钛合金粉末瓶颈</li>
|
||
<li>3D打印(SLM)工艺的潜在替代</li>
|
||
<li>模具设计的高壁垒</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-red-300 mb-1">商业化风险</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li>人形机器人产业化进程不及预期</li>
|
||
<li>订单批量不足导致成本优势丧失</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-red-300 mb-1">竞争风险</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li>行业格局分散，新蓝海可能引发价格战</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-red-300 mb-1">信息交叉验证风险</h3>
|
||
<ul class="list-disc list-inside">
|
||
<li>盈利能力被夸大 (如毛利率)</li>
|
||
<li>合作状态模糊 (潜在合作 vs 确定订单)</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table -->
|
||
<section class="col-span-12 mt-8">
|
||
<h2 class="text-2xl md:text-3xl font-bold text-center mb-6 text-transparent bg-clip-text bg-gradient-to-r from-blue-300 to-cyan-300">
|
||
核心产业链公司梳理
|
||
</h2>
|
||
<div class="overflow-x-auto glass-card rounded-2xl p-4">
|
||
<table class="table table-custom w-full">
|
||
<thead>
|
||
<tr>
|
||
<th class="text-left">股票名称</th>
|
||
<th class="text-left">股票代码</th>
|
||
<th class="text-left w-2/5">核心逻辑</th>
|
||
<th class="text-left">其他标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>东睦股份</td><td><a href="https://valuefrontier.cn/company?scode=600114" target="_blank" class="link link-hover text-blue-400">600114</a></td><td>粉末冶金平台龙头；2024年金属注射成形（MIM）产品营收19.65亿元</td><td>分类: 金属粉末注射成形(MIM), 信源: 研报/年报, 标红个股</td></tr>
|
||
<tr><td>精研科技</td><td><a href="https://valuefrontier.cn/company?scode=300709" target="_blank" class="link link-hover text-blue-400">300709</a></td><td>2024年MIM零部件及组件营收13.1亿元</td><td>分类: 金属粉末注射成形(MIM), 信源: 年报</td></tr>
|
||
<tr><td>统联精密</td><td><a href="https://valuefrontier.cn/company?scode=688210" target="_blank" class="link link-hover text-blue-400">688210</a></td><td>2024年MIM产品营收3.19亿元；网传公司接到特斯拉微型零部件图纸，包括连杆等，采用粉末冶金工艺</td><td>分类: 金属粉末注射成形(MIM), 信源: 年报/网传, 标红个股</td></tr>
|
||
<tr><td>海昌新材</td><td><a href="https://valuefrontier.cn/company?scode=300885" target="_blank" class="link link-hover text-blue-400">300885</a></td><td>2024年金属注射成形（MIM）营收2529万元</td><td>分类: 金属粉末注射成形(MIM), 信源: 年报</td></tr>
|
||
<tr><td>悦安新材</td><td><a href="https://valuefrontier.cn/company?scode=688786" target="_blank" class="link link-hover text-blue-400">688786</a></td><td>公司研发出1750MPa、1900MPa、2000MPa等强度级别的折叠屏手机专用高强钢粉末及MIM喂料</td><td>分类: 金属粉末注射成形(MIM), 信源: 互动</td></tr>
|
||
<tr><td>有研粉材</td><td><a href="https://valuefrontier.cn/company?scode=688456" target="_blank" class="link link-hover text-blue-400">688456</a></td><td>公司掌握了MIM用粉体等多种有色金属粉体材料的应用技术</td><td>分类: 金属粉末注射成形(MIM), 信源: 年报</td></tr>
|
||
<tr><td>安泰科技</td><td><a href="https://valuefrontier.cn/company?scode=000969" target="_blank" class="link link-hover text-blue-400">000969</a></td><td>MIM不锈钢粉末为公司重点产品之一；控股子公司海美格（持股56.56%）业务之一为金属注射成型（MIM零件）</td><td>分类: 金属粉末注射成形(MIM), 信源: 互动/工商</td></tr>
|
||
<tr><td>科森科技</td><td><a href="https://valuefrontier.cn/company?scode=603626" target="_blank" class="link link-hover text-blue-400">603626</a></td><td>公司成立MIM团队，MIM产品主要为公司相关结构件产品做配套；参股公司海美格(持股2.87%)主要从事（MIM）结构件研产销</td><td>分类: 金属粉末注射成形(MIM), 信源: 互动/工商</td></tr>
|
||
<tr><td>信维通信</td><td><a href="https://valuefrontier.cn/company?scode=300136" target="_blank" class="link link-hover text-blue-400">300136</a></td><td>全资子公司艾利门特主要涉及以粉末冶金相关技术的高精密结构件领域，已为国内外大客户提供MIM产品等</td><td>分类: 金属粉末注射成形(MIM), 信源: 工商/互动</td></tr>
|
||
<tr><td>大富科技</td><td><a href="https://valuefrontier.cn/company?scode=300134" target="_blank" class="link link-hover text-blue-400">300134</a></td><td>公司在金属MIM制程上具备自主知识产权的制程工艺，在MIM产品的精度和表面质量上处于领先地位</td><td>分类: 金属粉末注射成形(MIM), 信源: 年报</td></tr>
|
||
<tr><td>明阳科技</td><td><a href="https://valuefrontier.cn/company?scode=920663" target="_blank" class="link link-hover text-blue-400">920663</a></td><td>2024年金属粉末注射成形零件营收3408万元</td><td>分类: 北交所, 信源: 年报</td></tr>
|
||
<tr><td>屹通新材</td><td><a href="https://valuefrontier.cn/company?scode=300930" target="_blank" class="link link-hover text-blue-400">300930</a></td><td>公司在金属注射成型领域有相关研发，目前尚未批量投产</td><td>分类: 金属粉末注射成形(MIM), 信源: 互动</td></tr>
|
||
<tr><td>新莱福</td><td><a href="https://valuefrontier.cn/company?scode=301323" target="_blank" class="link link-hover text-blue-400">301323</a></td><td>公司MIM项目正处于市场开拓与量产爬坡的关键阶段</td><td>分类: 金属粉末注射成形(MIM), 信源: 调研</td></tr>
|
||
<tr><td>华升股份</td><td><a href="https://valuefrontier.cn/company?scode=600156" target="_blank" class="link link-hover text-blue-400">600156</a></td><td>英捷高科（公司持股24%），源自中南大学粉末冶金国家工程研究中心，以MIM技术为核心</td><td>分类: 金属粉末注射成形(MIM), 信源: 工商/官网</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center text-xs text-slate-500 mt-12 py-4 border-t border-slate-800">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p>本报告为AI合成数据，据此投资，风险自担。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
// ECharts Market Chart
|
||
var marketChartDom = document.getElementById('market-chart');
|
||
var marketChart = echarts.init(marketChartDom, 'dark');
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
crossStyle: { color: '#999' }
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['全球市场 (亿美元)', '中国市场 (亿元)', '全球CAGR'],
|
||
textStyle: { color: '#e2e8f0' }
|
||
},
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: ['2018', '2022', '2023', '2025(E)', '2027(E)', '2030(E)'],
|
||
axisPointer: { type: 'shadow' },
|
||
axisLabel: { color: '#94a3b8' }
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
name: '规模',
|
||
min: 0,
|
||
axisLabel: { formatter: '{value}', color: '#94a3b8' },
|
||
splitLine: { lineStyle: { type: 'dashed', color: 'rgba(255, 255, 255, 0.1)' } }
|
||
},
|
||
{
|
||
type: 'value',
|
||
name: 'CAGR',
|
||
min: 0,
|
||
max: 20,
|
||
axisLabel: { formatter: '{value} %', color: '#94a3b8' }
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: '全球市场 (亿美元)',
|
||
type: 'bar',
|
||
tooltip: { valueFormatter: function (value) { return value + ' 亿美元'; } },
|
||
data: [26.3, 38.8, 40.19, null, 57.5, 80.98],
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#3b82f6' },
|
||
{ offset: 1, color: '#1e40af' }
|
||
])
|
||
}
|
||
},
|
||
{
|
||
name: '中国市场 (亿元)',
|
||
type: 'bar',
|
||
tooltip: { valueFormatter: function (value) { return value + ' 亿元'; } },
|
||
data: [57, 95, null, 124.32, null, 220.84],
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#14b8a6' },
|
||
{ offset: 1, color: '#0f766e' }
|
||
])
|
||
}
|
||
},
|
||
{
|
||
name: '全球CAGR',
|
||
type: 'line',
|
||
yAxisIndex: 1,
|
||
tooltip: { valueFormatter: function (value) { return value + ' %'; } },
|
||
data: [null, null, 10.7, null, 9.7, 10.7],
|
||
itemStyle: { color: '#f97316' },
|
||
lineStyle: { color: '#f97316' },
|
||
smooth: true
|
||
}
|
||
]
|
||
};
|
||
option && marketChart.setOption(option);
|
||
|
||
window.addEventListener('resize', () => {
|
||
marketChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |