462 lines
28 KiB
HTML
462 lines
28 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="dark">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>人形机器人轻量化-PEEK材料 深度投研报告</title>
|
||
|
||
<!-- Tailwind CSS & DaisyUI -->
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!-- Alpine.js -->
|
||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||
|
||
<!-- ECharts -->
|
||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||
|
||
<!-- Custom Styles -->
|
||
<style>
|
||
@keyframes subtle-float {
|
||
0%, 100% { transform: translateY(0); }
|
||
50% { transform: translateY(-10px); }
|
||
}
|
||
|
||
@keyframes subtle-rotate {
|
||
from { transform: rotate(0deg); }
|
||
to { transform: rotate(360deg); }
|
||
}
|
||
|
||
body {
|
||
background-color: #020010;
|
||
color: #e0e0e0;
|
||
font-family: 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.glass-card {
|
||
background-color: rgba(20, 20, 50, 0.2);
|
||
backdrop-filter: blur(24px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 2rem;
|
||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
.aurora-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -10;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.aurora-light {
|
||
position: absolute;
|
||
border-radius: 50%;
|
||
filter: blur(120px);
|
||
opacity: 0.25;
|
||
}
|
||
|
||
.turrell-1 {
|
||
width: 80vw;
|
||
height: 80vw;
|
||
max-width: 800px;
|
||
max-height: 800px;
|
||
background: radial-gradient(circle, #5a67d8 0%, transparent 70%);
|
||
top: -20%;
|
||
left: -20%;
|
||
animation: subtle-rotate 60s linear infinite, subtle-float 20s ease-in-out infinite;
|
||
}
|
||
|
||
.turrell-2 {
|
||
width: 70vw;
|
||
height: 70vw;
|
||
max-width: 700px;
|
||
max-height: 700px;
|
||
background: radial-gradient(circle, #d53f8c 0%, transparent 70%);
|
||
bottom: -30%;
|
||
right: -25%;
|
||
animation: subtle-rotate 70s linear infinite reverse, subtle-float 25s ease-in-out infinite;
|
||
}
|
||
|
||
.turrell-3 {
|
||
width: 50vw;
|
||
height: 50vw;
|
||
max-width: 500px;
|
||
max-height: 500px;
|
||
background: radial-gradient(circle, #38b2ac 0%, transparent 60%);
|
||
top: 10%;
|
||
right: 5%;
|
||
animation: subtle-rotate 50s linear infinite, subtle-float 18s ease-in-out infinite reverse;
|
||
}
|
||
|
||
.content-section h2, .content-section h3 {
|
||
background: -webkit-linear-gradient(45deg, #2dd4bf, #a78bfa);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
text-fill-color: transparent;
|
||
}
|
||
|
||
.table th, .table td {
|
||
border-bottom-width: 1px;
|
||
border-color: rgba(255, 255, 255, 0.1);
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="aurora-bg">
|
||
<div class="aurora-light turrell-1"></div>
|
||
<div class="aurora-light turrell-2"></div>
|
||
<div class="aurora-light turrell-3"></div>
|
||
</div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8 space-y-8">
|
||
<!-- Header -->
|
||
<header class="text-center py-8">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-br from-white via-gray-300 to-gray-500 mb-4">
|
||
人形机器人轻量化-PEEK材料
|
||
</h1>
|
||
<p class="text-xl text-gray-400">深度投研报告</p>
|
||
<div class="mt-6 text-xs text-gray-500">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p>本报告为AI合成数据，投资需谨慎</p>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Main Content Grid -->
|
||
<main class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||
|
||
<!-- Insight (Main Column) -->
|
||
<div class="lg:col-span-2 glass-card p-6 md:p-8 content-section space-y-6">
|
||
<h2 class="text-3xl font-bold mb-4">概念深度Insight</h2>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-2">0. 概念事件</h3>
|
||
<p class="text-gray-300 text-sm leading-relaxed">
|
||
人形机器人作为AI技术具身化的终极形态，正处在产业爆发的前夜。以特斯拉Optimus为代表的头部产品迭代迅速，其核心技术路径之一便是<b>轻量化</b>。减轻自重能直接提升机器人的续航能力、运动灵活性、负载能力与安全性，是实现商业化量产的关键瓶颈。在此背景下，“以塑代钢”成为必然趋势，而聚醚醚酮（PEEK）材料凭借其卓越的综合性能，被市场视为实现轻量化革命的核心材料。核心催化事件包括特斯拉Optimus Gen2的成功减重、市场与研报的密集关注，以及工信部将“轻量化高强度PEEK结构件”列入攻关清单。
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-2">1. 核心观点摘要</h3>
|
||
<p class="text-gray-300 text-sm leading-relaxed">
|
||
本概念正处于从<b>主题炒作向早期基本面驱动过渡</b>的关键阶段。其核心驱动力源于人形机器人商业化对<b>极致轻量化</b>的刚性需求，叠加<b>国产替代</b>加速降低成本的双重逻辑。未来潜力巨大，但短期内，市场对需求的乐观预期与产业在<b>成本控制</b>和<b>复合材料加工工艺</b>上的瓶颈之间存在显著的“预期差”，产业链上游的确定性高于下游。
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-2">2. 概念的核心逻辑与市场认知分析</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300 text-sm">
|
||
<li><b>性能刚需，无可替代：</b>PEEK材料拥有极高的比强度（碳纤增强后远超铝、镁合金），是实现最大化减重的理想选择，直接关系到机器人续航、效率等商业化核心诉求。</li>
|
||
<li><b>成本下降，商业化可行：</b>尽管PEEK绝对价格高，但在整机BOM成本中占比低（约1.5%），主机厂价格敏感度较低。国产化正打破海外垄断，价格仅为进口的1/2到1/3，打开了大规模应用的成本窗口。</li>
|
||
<li><b>政策加持，国产替代加速：</b>工信部“攻关指南”将PEEK列为关键零部件，上升为国家战略，为国内厂商提供了明确的政策指引和市场空间保障。</li>
|
||
<li><b>预期差分析：</b>市场可能<b>低估了从PEEK树脂到CF/PEEK复合材料部件的工艺壁垒</b>，高估了短期应用速度；对单机用量（1.95kg至10kg+差异巨大）采纳了过于乐观的假设；并可能忽略了与镁合金等材料的成本竞争。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-2">3. 关键催化剂与未来发展路径</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300 text-sm">
|
||
<li><b>近期催化剂 (3-6个月):</b> 头部厂商（如特斯拉）明确采用PEEK部件；国内龙头企业（如中研股份）实现复合材料量产突破；上游原材料氟酮（DFBP）价格显著上涨。</li>
|
||
<li><b>长期发展路径:</b>
|
||
<br><b>阶段一 (当前-2026):</b> 国产替代深化，PEEK树脂价格下行。
|
||
<br><b>阶段二 (2026-2028):</b> CF/PEEK复合材料工艺突破，产业链重心向下游精密加工转移。
|
||
<br><b>阶段三 (2028+):</b> 规模化应用普及，PEEK复合材料成为核心承力部件标配。
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-2">4. 产业链与核心公司深度剖析</h3>
|
||
<p class="text-gray-300 text-sm leading-relaxed mb-2">
|
||
产业链分为上游核心原材料（氟酮DFBP）、中游PEEK树脂/改性料生产和下游精密零部件加工。
|
||
</p>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300 text-sm">
|
||
<li><b>上游“卖铲人” (逻辑最稳固):</b> <b>新瀚新材、中欣氟材</b>。掌握成本命脉，在需求爆发初期议价能力最强，业绩弹性可能最大。</li>
|
||
<li><b>中游领导者 (逻辑最纯粹):</b> <b>中研股份</b>。国产龙头，直接受益于国产替代。</li>
|
||
<li><b>下游技术赋能者 (工艺为王):</b> <b>肇民科技、唯科科技</b>等。优势在于精密加工工艺和客户资源，在复合材料加工难度大的背景下具备护城河。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-2">5. 潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300 text-sm">
|
||
<li><b>技术风险:</b> <b>CF/PEEK复合材料的产业化</b>是当前最大技术不确定性，从实验室到量产存在巨大鸿沟。</li>
|
||
<li><b>商业化风险:</b> 成本高昂（vs镁合金），人形机器人量产进度不及预期，以及面临其他高性能塑料的替代竞争。</li>
|
||
<li><b>竞争风险:</b> 国内在建产能较多，远期存在产能过剩隐忧；海外巨头可能降价反击。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-2">6. 综合结论与投资启示</h3>
|
||
<p class="text-gray-300 text-sm leading-relaxed mb-2">
|
||
“人形机器人轻量化-PEEK材料”概念，是建立在坚实产业趋势上的远景规划，但当前正被市场以终局的视角进行定价，存在一定的泡沫化成分。它已进入需要产业化数据验证的<b>“去伪存真”</b>阶段。
|
||
</p>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300 text-sm">
|
||
<li><b>最具投资价值环节:</b> <b>1) 上游核心原材料(DFBP)</b>，确定性与弹性最高；<b>2) 具备复合材料技术优势的一体化厂商</b>，护城河最深。</li>
|
||
<li><b>需重点跟踪验证指标:</b> DFBP市场报价、国产PEEK龙头产能与客户认证进度、头部机器人厂商BOM清单、CF/PEEK复合材料产业化技术突破新闻。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Side Column -->
|
||
<div class="lg:col-span-1 space-y-8">
|
||
<!-- Market Size Chart -->
|
||
<div class="glass-card p-6 md:p-8 content-section">
|
||
<h2 class="text-2xl font-bold mb-4 text-center">PEEK材料市场空间预测</h2>
|
||
<div id="market-chart" style="width: 100%; height: 300px;"></div>
|
||
</div>
|
||
|
||
<!-- Data Summary Tabs -->
|
||
<div x-data="{ tab: 'news' }" class="glass-card p-6 md:p-8 content-section">
|
||
<div class="tabs tabs-boxed bg-black/20 mb-4">
|
||
<a class="tab flex-1" :class="{'tab-active': tab === 'news'}" @click.prevent="tab = 'news'">新闻摘要</a>
|
||
<a class="tab flex-1" :class="{'tab-active': tab === 'roadshow'}" @click.prevent="tab = 'roadshow'">路演精粹</a>
|
||
<a class="tab flex-1" :class="{'tab-active': tab === 'report'}" @click.prevent="tab = 'report'">研报观点</a>
|
||
</div>
|
||
<div class="text-sm space-y-3 text-gray-300 leading-relaxed min-h-[300px]">
|
||
<div x-show="tab === 'news'" x-transition>
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><b>核心地位:</b> PEEK被誉为“机器人轻量化核心材料”，“以塑代钢”的典型代表，对产业突破至关重要。</li>
|
||
<li><b>性能优势:</b> 轻量化（替代铝合金减重40%）、高强度、耐高温、自润滑。比强度约是铝合金十倍，钢材二十倍。</li>
|
||
<li><b>具体应用:</b> 广泛用于关节（轴套、齿轮）、结构件（骨骼）、传动件（丝杠）等关键部位。</li>
|
||
<li><b>复合材料:</b> 与碳纤维(CF)结合可解决脆性问题，提升机械强度。CF/PEEK有望在重要关节率先渗透。</li>
|
||
<li><b>国产化:</b> 海外三巨头（威格斯、索尔维、赢创）曾占86%市场，但中研股份等国内企业正加速国产替代。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="tab === 'roadshow'" x-transition>
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><b>单机用量:</b> 预计单台机器人用量可达<b>6.6kg</b>至<b>10kg以上</b>，应用场景从灵巧手拓展至四肢和丝杠。</li>
|
||
<li><b>需求爆发:</b> 100万台机器人将新增PEEK需求约<b>1万吨</b>，相当于“再造一个市场”。</li>
|
||
<li><b>上游瓶颈:</b> 核心原料<b>氟酮(DFBP)</b>占成本50%以上，供应紧俏。国内厂商新瀚新材、中欣氟材等占据全球主导地位。</li>
|
||
<li><b>加工壁垒:</b> CF/PEEK复合材料技术被国外封锁，国内产业化待突破；注塑成型工艺复杂，需严格温控(300-400℃)。</li>
|
||
<li><b>成本敏感度低:</b> 单机复材BOM成本约3,000元，占2万美元整机成本仅1.5%，机器人端对价格不敏感。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="tab === 'report'" x-transition>
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><b>核心价值:</b> PEEK助力人形机器人<b>轻量化</b>与<b>降本</b>的双向量产攻坚。</li>
|
||
<li><b>市场空间:</b> 预计2035年机器人用PEEK材料市场规模达<b>350亿元</b>。</li>
|
||
<li><b>应用场景:</b> 在六维力传感器（提升灵敏度）、谐波减速器（提升寿命与承载）等核心部件应用优势明显。</li>
|
||
<li><b>复合材料是关键:</b> CF/PEEK复合材料可解决纯PEEK较脆问题，性能与铝/钛合金相当，但密度显著更低。</li>
|
||
<li><b>成本与竞争:</b> PEEK价格高昂（是镁合金10倍以上），是其商业化制约因素。镁合金或成为轻量化首选之一，存在材料竞争。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rise Analysis (Full Width) -->
|
||
<div class="lg:col-span-3 glass-card p-6 md:p-8 content-section">
|
||
<h2 class="text-3xl font-bold mb-4">市场异动解析</h2>
|
||
<div class="space-y-4">
|
||
<div class="collapse collapse-plus bg-black/20">
|
||
<input type="radio" name="rise-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">
|
||
浙江华业 (301616) - 政策催化+订单兑现
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p class="text-sm text-gray-300">工信部攻关指南首次将PEEK结构件列入清单，要求国产化率≥60%。公司高结晶PEEK专用料通过头部机器人厂验证，Q3起批量供货，形成“政策催化+订单立即兑现+赛道趋势”的强逻辑，引发市场关注。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-black/20">
|
||
<input type="radio" name="rise-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">
|
||
宁波华翔 (002048) - 专利卡位+产线复用
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p class="text-sm text-gray-300">公司以3000万元锁定吉林大学PEEK仿生关节20年专利，并新设平台复用车规级电机减速器产线，形成“材料-结构件-关节-客户”闭环，成为赛道稀缺标的。技术门槛高、订单路径清晰，触发资金共振。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-black/20">
|
||
<input type="radio" name="rise-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">
|
||
金发科技 (600143) - 间接参股+材料卡位
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p class="text-sm text-gray-300">通过基金间接持有宇树科技股权，成为A股唯一股权关联标的，叠加宇树IPO预期。同时，公司PEEK等轻量化材料已送样客户，具备“卖铲子”属性。在板块情绪高涨时，因其低估值和明确的边际变化成为机构首选。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock Table (Full Width) -->
|
||
<div class="lg:col-span-3 glass-card p-6 md:p-8 content-section">
|
||
<h2 class="text-3xl font-bold mb-6">相关概念股梳理</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="text-base text-gray-300">
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑</th>
|
||
<th>产业链环节</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- PEEK中间体 -->
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">新瀚新材</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301076" target="_blank" class="link link-hover text-purple-400">301076</a></td>
|
||
<td>PEEK核心上游原料氟酮(DFBP)龙头，2023年底预计产能A股第二，合计4000吨。</td>
|
||
<td><span class="badge badge-secondary badge-outline">氟酮(PEEK中间体)</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">中欣氟材</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002915" target="_blank" class="link link-hover text-purple-400">002915</a></td>
|
||
<td>PEEK核心上游原料氟酮(DFBP)产能A股第一，达5000吨。</td>
|
||
<td><span class="badge badge-secondary badge-outline">氟酮(PEEK中间体)</span></td>
|
||
</tr>
|
||
<!-- PEEK制品 -->
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">中研股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=688716" target="_blank" class="link link-hover text-purple-400">688716</a></td>
|
||
<td>国产PEEK材料龙头，国内市占率第一，率先实现对国际巨头替代，产品可用于机器人部件。</td>
|
||
<td><span class="badge badge-primary badge-outline">PEEK制品</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">沃特股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002886" target="_blank" class="link link-hover text-purple-400">002886</a></td>
|
||
<td>国内少数具备PEEK自主研发生产能力的企业，产线正在建设中，积极配合下游客户验证。</td>
|
||
<td><span class="badge badge-primary badge-outline">PEEK制品</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">会通股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=688219" target="_blank" class="link link-hover text-purple-400">688219</a></td>
|
||
<td>推出PEEK、碳纤增强特种工程材料等解决方案，满足机器人“以塑代金属”需求。</td>
|
||
<td><span class="badge badge-primary badge-outline">PEEK制品</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">华密新材</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=920247" target="_blank" class="link link-hover text-purple-400">920247</a></td>
|
||
<td>北交所稀缺标的，募投项目产出PEEK等中高端特种改性工程塑料。</td>
|
||
<td><span class="badge badge-primary badge-outline">PEEK制品</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">肯特股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301591" target="_blank" class="link link-hover text-purple-400">301591</a></td>
|
||
<td>开发出PEEK减摩系列、高温耐压系列产品，可用于镶圈及轴承等精密零部件。</td>
|
||
<td><span class="badge badge-primary badge-outline">PEEK制品</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">双一科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300690" target="_blank" class="link link-hover text-purple-400">300690</a></td>
|
||
<td>公司产品有3D打印PEEK-CF复合材料，布局前沿加工工艺。</td>
|
||
<td><span class="badge badge-primary badge-outline">PEEK制品</span></td>
|
||
</tr>
|
||
<!-- 其他 -->
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">同益股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300538" target="_blank" class="link link-hover text-purple-400">300538</a></td>
|
||
<td>公司复合材料板棒材产品涵盖PEEK、PPS等，已量产并广泛应用。</td>
|
||
<td><span class="badge badge-accent badge-outline">其他相关</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-white/5">
|
||
<td class="font-bold text-white">南京聚隆</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300644" target="_blank" class="link link-hover text-purple-400">300644</a></td>
|
||
<td>推出了以PEEK、PPS树脂为基础的多功能材料系列。</td>
|
||
<td><span class="badge badge-accent badge-outline">其他相关</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('market-chart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'shadow'
|
||
},
|
||
formatter: '{b} <br/> 市场空间: {c} 亿元',
|
||
backgroundColor: 'rgba(20, 20, 50, 0.7)',
|
||
borderColor: 'rgba(255, 255, 255, 0.2)',
|
||
textStyle: {
|
||
color: '#E0E0E0'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: ['100万台', '1000万台', '1亿台'],
|
||
axisTick: {
|
||
alignWithLabel: true
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#b0b0b0'
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
name: '市场空间(亿元)',
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#b0b0b0'
|
||
},
|
||
splitLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.1)',
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
},
|
||
series: [{
|
||
name: '市场空间',
|
||
type: 'bar',
|
||
barWidth: '60%',
|
||
data: [
|
||
{ value: 30, name: '百万台级别' },
|
||
{ value: 259, name: '千万台级别' },
|
||
{ value: 2243, name: '亿台级别' }
|
||
],
|
||
itemStyle: {
|
||
borderRadius: [5, 5, 0, 0],
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#2dd4bf' },
|
||
{ offset: 1, color: '#5a67d8' }
|
||
])
|
||
},
|
||
emphasis: {
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#34d399' },
|
||
{ offset: 1, color: '#818cf8' }
|
||
])
|
||
}
|
||
}
|
||
}]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', function() {
|
||
myChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |