Files
vf_react/public/htmls/机器人皮肤仿生皮肤.html
2025-12-05 13:29:18 +08:00

449 lines
29 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>深度研报:机器人皮肤仿生皮肤概念</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.14.0/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=Noto+Sans+SC:wght@300;400;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #010419;
color: #E0E0E0;
overflow: hidden;
position: relative;
}
.main-container {
position: relative;
z-index: 1;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
}
/* Aurora background effect */
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(ellipse at 20% 25%, rgba(0, 122, 255, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 80% 15%, rgba(138, 43, 226, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 50% 80%, rgba(0, 255, 255, 0.15) 0%, transparent 50%);
animation: move-aurora 25s infinite linear;
will-change: transform;
z-index: 0;
}
@keyframes move-aurora {
0% { transform: translate(0, 0) rotate(0deg); }
25% { transform: translate(10px, -20px) rotate(5deg); }
50% { transform: translate(0, 0) rotate(0deg); }
75% { transform: translate(-10px, 20px) rotate(-5deg); }
100% { transform: translate(0, 0) rotate(0deg); }
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background-color: rgba(10, 25, 47, 0.5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem; /* Extreme rounded corners */
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(0, 255, 255, 0.3);
box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);
}
.section-title {
font-family: 'Orbitron', sans-serif;
color: #00FFFF;
text-shadow: 0 0 8px rgba(0, 255, 255, 0.7);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
.tab-active {
color: #00FFFF !important;
border-color: #00FFFF !important;
text-shadow: 0 0 5px rgba(0, 255, 255, 0.7);
}
table thead tr {
border-bottom: 1px solid rgba(0, 255, 255, 0.4) !important;
}
table tbody tr:hover {
background-color: rgba(0, 255, 255, 0.05) !important;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
background: rgba(0, 255, 255, 0.3);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 255, 255, 0.5);
}
</style>
</head>
<body>
<div class="main-container">
<header class="container mx-auto px-4 lg:px-8 py-12 text-center">
<h1 class="font-orbitron text-4xl lg:text-6xl font-bold tracking-widest uppercase text-shadow">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-500">机器人皮肤仿生皮肤</span>
</h1>
<p class="mt-4 text-lg text-slate-300">概念深度研报</p>
</header>
<main class="container mx-auto px-4 lg:px-8 pb-16">
<!-- Core Viewpoint Summary -->
<section class="mb-12">
<div class="glass-card p-8 shadow-lg">
<h2 class="section-title text-2xl mb-4">// 核心观点摘要</h2>
<p class="text-lg text-slate-200 leading-relaxed">
机器人皮肤仿生皮肤正处于从0到1的产业化初期其核心驱动力源于人形机器人实现“具身智能”对高级触觉感知的刚性需求。当前以特斯拉为首的OEM厂商确立的“压阻+电容”混合技术路线,正引领产业链从单一功能向上游材料创新和中游多模态集成方案快速演进,市场即将进入由核心供应商订单放量驱动的第一轮基本面验证阶段。
</p>
</div>
</section>
<!-- Bento Grid for Insight -->
<section class="bento-grid mb-12">
<!-- Core Logic -->
<div class="bento-item lg:bento-item-span-8 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 核心逻辑与市场认知</h3>
<div class="space-y-4 text-slate-300">
<div>
<strong class="text-cyan-300">1. 技术刚需——从“可用”到“好用”的跃迁:</strong>
<p>触觉反馈是弥补纯视觉方案缺陷、实现精细操作和确保人机交互安全的关键,是机器人从“能动”到“善操”的必要条件。</p>
</div>
<div>
<strong class="text-cyan-300">2. 商业闭环——AI大模型驱动的数据需求:</strong>
<p>电子皮肤是高质量、多维度数据的采集终端,为训练具身智能大模型提供“燃料”,形成“数据采集-模型训练-性能提升”的价值闭环。</p>
</div>
<div>
<strong class="text-cyan-300">3. 成本下降预期:</strong>
<p>规模化生产将驱动成本大幅下降如单机BOM目标2026年降至1000元内这是其从指尖扩展至全身应用、打开广阔市场空间的前提。</p>
</div>
</div>
</div>
<!-- Market Sentiment -->
<div class="bento-item lg:bento-item-span-4 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 市场热度与情绪</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><span class="font-bold text-purple-300">高热度:</span> “订单爆发”、“24小时赶工”等描述研报密集发布二级市场情绪敏感度极高。</li>
<li><span class="font-bold text-purple-300">情绪乐观:</span> 普遍认可其为产业链中“价值量通胀最大”、“弹性最高”的环节之一。</li>
<li><span class="font-bold text-purple-300">情绪分化:</span> 关注点正从“有概念”转向“谁能拿订单”、“谁的技术路线更优”等基本面问题。</li>
</ul>
</div>
<!-- Expectation Gap -->
<div class="bento-item lg:bento-item-span-12 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 预期差分析</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-slate-300">
<div>
<h4 class="font-bold text-cyan-300 mb-2">1. 技术路线的复杂性被低估</h4>
<p>市场共识停留在“压阻式是主流”,但“压阻+电容”混合方案正迅速成为头部玩家标配。无法提供混合方案的公司未来可能掉队。</p>
</div>
<div>
<h4 class="font-bold text-cyan-300 mb-2">2. “皮肤”不止是传感器,外层材料是新变量</h4>
<p>市场焦点集中于内部传感器但Figure等采用的“编织皮肤”代表了另一条创新路径涉及美观、耐磨、成本等是新的差异化竞争点。</p>
</div>
<div>
<h4 class="font-bold text-cyan-300 mb-2">3. 商业化节奏与盈利挑战</h4>
<p>市场对万亿空间的预期可能超前于企业实际盈利周期。高昂的研发投入和下游放量不确定性,可能导致相关公司短期难以盈利。</p>
</div>
</div>
</div>
<!-- Catalysts & Future Path -->
<div class="bento-item lg:bento-item-span-6 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 关键催化剂</h3>
<ul class="space-y-3 list-decimal list-inside text-slate-300">
<li><strong class="text-purple-300">特斯拉Optimus Gen3供应商名单确认:</strong> 行业风向标,将引爆板块。</li>
<li><strong class="text-purple-300">Figure机器人Q3出货验证:</strong> 国内厂商进入全球顶级供应链的标杆案例。</li>
<li><strong class="text-purple-300">国内头部厂商产品定型与放量:</strong> 小鹏、智元等供应商将率先兑现业绩。</li>
<li><strong class="text-purple-300">关键公司新品发布:</strong> 鹿山新材、福莱新材等新品将是观察行业竞争格局的重要窗口。</li>
</ul>
</div>
<!-- Market Size Chart -->
<div class="bento-item lg:bento-item-span-6 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 市场空间预测 (中国)</h3>
<div id="market-size-chart" class="w-full h-64"></div>
</div>
</section>
<!-- Industry Chain -->
<section class="mb-12 glass-card p-8">
<h2 class="section-title text-2xl mb-6">// 产业链图谱与核心公司</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Upstream -->
<div class="border-l-4 border-cyan-400 pl-4">
<h4 class="font-orbitron text-lg font-bold text-cyan-400 mb-2">上游:核心材料</h4>
<p class="mb-3 text-sm text-slate-400">提供基底、封装、敏感及导电材料,技术壁垒高。</p>
<ul class="space-y-1 text-slate-200 text-sm">
<li><strong class="font-semibold">弹性体(TPE/TPV):</strong> 道恩股份, 浙江众成</li>
<li><strong class="font-semibold">有机硅/硅橡胶:</strong> 硅宝科技, 合盛硅业</li>
<li><strong class="font-semibold">织物/纤维:</strong> 华鼎股份, 聚杰微纤</li>
<li><strong class="font-semibold">导电材料:</strong> 岱勒新材, 天奈科技</li>
</ul>
</div>
<!-- Midstream -->
<div class="border-l-4 border-purple-400 pl-4">
<h4 class="font-orbitron text-lg font-bold text-purple-400 mb-2">中游:电子皮肤/传感器模组</h4>
<p class="mb-3 text-sm text-slate-400">集成材料与电子元件,形成解决方案,竞争核心环节。</p>
<ul class="space-y-1 text-slate-200 text-sm">
<li><strong class="font-semibold">龙头梯队:</strong> 汉威科技(能斯达), 福莱新材</li>
<li><strong class="font-semibold">追赶梯队:</strong> 日盈电子, 东方电热, 申昊科技</li>
<li><strong class="font-semibold">潜力布局者:</strong> 唯科科技, 聚石化学</li>
</ul>
</div>
<!-- Downstream -->
<div class="border-l-4 border-fuchsia-400 pl-4">
<h4 class="font-orbitron text-lg font-bold text-fuchsia-400 mb-2">下游:人形机器人本体</h4>
<p class="mb-3 text-sm text-slate-400">最终应用端,其量产进度决定整个产业链的需求。</p>
<ul class="space-y-1 text-slate-200 text-sm">
<li><strong class="font-semibold">国际巨头:</strong> 特斯拉, Figure, 1X Tech</li>
<li><strong class="font-semibold">国内厂商:</strong> 小鹏, 智元, 宇树科技</li>
<li><strong class="font-semibold">配套产业:</strong> 博杰股份 (测试设备)</li>
</ul>
</div>
</div>
</section>
<!-- Raw Data Tabs -->
<section class="mb-12" x-data="{ tab: 'news' }">
<div class="tabs tabs-bordered 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 === 'report' }" @click.prevent="tab = 'report'">研报精粹</a>
</div>
<div class="glass-card p-8 min-h-[500px]">
<!-- News Content -->
<div x-show="tab === 'news'" x-transition>
<h3 class="section-title text-xl mb-4">// 技术与产品动态</h3>
<ul class="list-disc space-y-3 pl-5 text-slate-300">
<li><strong>小鹏 IRON:</strong> 2025年11月发布采用全包覆柔性皮肤、仿生肌肉。</li>
<li><strong>Figure 03:</strong> 采用创新编织皮肤,结合编织工艺与生物材料。</li>
<li><strong>特斯拉技术趋势 (Gen3):</strong> 灵巧手电子皮肤升级为“压阻+电容式”混合方案,覆盖面积大幅增加至整个手掌。</li>
<li><strong>福莱新材:</strong> 第一代压阻式电子皮肤已批量出货,第二代接近觉电子皮肤样品已亮相,价值量翻倍。</li>
<li><strong>汉威科技 (能斯达):</strong> 客户覆盖最广与特斯拉对接进展最快深度配合Figure研发并成为宇树、小鹏、智元等核心供应商。</li>
<li><strong>道恩股份:</strong> 在机器人仿真皮肤弹性体材料TPE, SiTPV领域实现技术突破。</li>
<li><strong>市场信号:</strong> 机器人“电子皮肤”订单爆发式增长企业24小时赶工出货量上涨10倍。</li>
</ul>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'" x-transition>
<h3 class="section-title text-xl mb-4">// 技术路线与市场前景</h3>
<ul class="list-disc space-y-3 pl-5 text-slate-300">
<li><strong>核心定位:</strong> 电子皮肤是整体解决方案,集成材料、算法与机械电子技术,是机器人从“可用”到“好用”的关键。</li>
<li><strong>技术路线对比:</strong> <strong class="text-cyan-300">压阻式</strong>为当前主流,成本低、稳定性好;<strong class="text-cyan-300">电容式</strong>灵敏度高;<strong class="text-cyan-300">压阻+电容混合方案</strong>正成为趋势。</li>
<li><strong>技术挑战:</strong> 性能平衡(灵敏度与耐久性)、多模态信号集成与串扰、低成本规模化、封装工艺是主要瓶颈。</li>
<li><strong>寿命要求:</strong> 工业级产品需承受100-300万次按压。</li>
<li><strong>成本分析:</strong> 当前手部成本高昂2000-5000元目标2026年单机BOM降至1000元以内。规模化后成本有望大幅下降。</li>
<li><strong>市场规模预测:</strong> 2028年人形机器人出货量若突破100万台皮肤市场有望达200-300亿元。</li>
</ul>
</div>
<!-- Report Content -->
<div x-show="tab === 'report'" x-transition>
<h3 class="section-title text-xl mb-4">// 行业分析与竞争格局</h3>
<ul class="list-disc space-y-3 pl-5 text-slate-300">
<li><strong>定义:</strong> 电子皮肤(E-skin)是模仿自然皮肤功能的柔性仿生触觉传感器,具备灵敏、柔韧、自愈等特性。</li>
<li><strong>关键组成:</strong> 基底层、传感器层、电路处理器、能源、接口及保护层。</li>
<li><strong>机器人应用价值:</strong> 提升人机交互体验、精准力控、感知环境,是实现“仿生”的关键。</li>
<li><strong>市场预测 (研报):</strong> 预计2030年中国人形机器人电子皮肤市场规模将达90.5亿元年复合增长率64.3%。</li>
<li><strong>国内企业格局:</strong> 汉威科技(能斯达)掌握多项核心技术,已小批量供货;福莱新材、申昊科技、安培龙等积极布局;东方电热与上海织识合作推进织物传感。</li>
<li><strong>投资逻辑:</strong> 电子皮肤/触觉传感器被视为人形机器人产业链的潜在核心增量环节。</li>
</ul>
</div>
</div>
</section>
<!-- Rise Analysis -->
<section class="mb-12">
<h2 class="section-title text-2xl mb-6">// 涨停复盘解析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card p-6">
<div class="flex justify-between items-center mb-2">
<h4 class="font-bold text-lg text-white">新乡化纤 (000949)</h4>
<span class="badge badge-lg badge-success">+10.0%</span>
</div>
<p class="text-sm text-slate-400 mb-3">2025-11-10</p>
<p class="text-slate-300 text-sm">“氨纶可做机器人电子皮肤”0→1新需求发酵叠加化工景气拐点形成情绪-周期共振,成为资金首选“电子皮肤材料”标的。</p>
</div>
<div class="glass-card p-6">
<div class="flex justify-between items-center mb-2">
<h4 class="font-bold text-lg text-white">兴业科技 (002674)</h4>
<span class="badge badge-lg badge-success">+9.99%</span>
</div>
<p class="text-sm text-slate-400 mb-3">2025-09-19</p>
<p class="text-slate-300 text-sm">公告与汉威旗下能斯达开发“天然皮革基柔性电子皮肤”成为A股唯一“机器人触觉材料+车规级落地”稀缺标的,引发资金抢筹。</p>
</div>
<div class="glass-card p-6">
<div class="flex justify-between items-center mb-2">
<h4 class="font-bold text-lg text-white">鹿山新材 (603051)</h4>
<span class="badge badge-lg badge-success">+10.02%</span>
</div>
<p class="text-sm text-slate-400 mb-3">2025-09-02</p>
<p class="text-slate-300 text-sm">公告发布“人形机器人电子皮肤用高粘导电胶”并已获头部厂商验证,叠加固态电池场景预期,直接触发涨停。</p>
</div>
</div>
</section>
<!-- Stock List Table -->
<section>
<h2 class="section-title text-2xl mb-6">// 相关概念股一览</h2>
<div class="glass-card p-1 overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th class="text-cyan-300">股票名称</th>
<th class="text-cyan-300">代码</th>
<th class="text-cyan-300">核心逻辑/原因</th>
<th class="text-cyan-300">产业链环节</th>
</tr>
</thead>
<tbody>
<tr><td>汉威科技</td><td><a href="https://valuefrontier.cn/company?scode=300007" target="_blank" class="link link-hover">300007</a></td><td>子公司能斯达为电子皮肤龙头,与多家人形机器人厂商合作并小批量供货</td><td>电子皮肤</td></tr>
<tr><td>福莱新材</td><td><a href="https://valuefrontier.cn/company?scode=605488" target="_blank" class="link link-hover">605488</a></td><td>成功开发高性能柔性传感器材料,为电子皮肤提供关键材料支持</td><td>电子皮肤, 传感器材料</td></tr>
<tr><td>道恩股份</td><td><a href="https://valuefrontier.cn/company?scode=002838" target="_blank" class="link link-hover">002838</a></td><td>在仿真人弹性体材料(TPE)取得突破,重点开发在仿生皮肤的应用</td><td>仿生皮肤材料, 热塑弹性体</td></tr>
<tr><td>日盈电子</td><td><a href="https://valuefrontier.cn/company?scode=603286" target="_blank" class="link link-hover">603286</a></td><td>压阻式电子皮肤产品研发成功,处于送样验证阶段</td><td>电子皮肤</td></tr>
<tr><td>东方电热</td><td><a href="https://valuefrontier.cn/company?scode=300217" target="_blank" class="link link-hover">300217</a></td><td>与上海织识战略合作,拓展柔性织物压力传感在电子皮肤的研发</td><td>电子皮肤, 柔性传感器</td></tr>
<tr><td>唯科科技</td><td><a href="https://valuefrontier.cn/company?scode=301196" target="_blank" class="link link-hover">301196</a></td><td>与AMBU合作开发塑胶人皮IME模内电子技术可应用于电子皮肤</td><td>电子皮肤, 塑胶人皮</td></tr>
<tr><td>祥源新材</td><td><a href="https://valuefrontier.cn/company?scode=300980" target="_blank" class="link link-hover">300980</a></td><td>布局人形机器人电子皮肤材料,相关产品已进入少量客户送样阶段</td><td>电子皮肤, 传感器材料</td></tr>
<tr><td>芯海科技</td><td><a href="https://valuefrontier.cn/company?scode=688595" target="_blank" class="link link-hover">688595</a></td><td>高精度ADC是电子皮肤底层技术之一已与相关客户展开合作</td><td>电子皮肤, 柔性传感器</td></tr>
<tr><td>申昊科技</td><td><a href="https://valuefrontier.cn/company?scode=300853" target="_blank" class="link link-hover">300853</a></td><td>柔性触觉传感已小批量应用于公司机器人,电子皮肤传感器处试用阶段</td><td>电子皮肤, 柔性传感器</td></tr>
<tr><td>浙江众成</td><td><a href="https://valuefrontier.cn/company?scode=002522" target="_blank" class="link link-hover">002522</a></td><td>替代进口TPE材料成本降低30%,子公司供货头部厂商</td><td>仿生皮肤材料, 热塑弹性体</td></tr>
<tr><td>长鸿高科</td><td><a href="https://valuefrontier.cn/company?scode=605008" target="_blank" class="link link-hover">605008</a></td><td>主营TPE具有软弹肉感和温感性能是较主流的仿生皮肤材料</td><td>仿生皮肤材料, 热塑弹性体</td></tr>
<tr><td>硅宝科技</td><td><a href="https://valuefrontier.cn/company?scode=300019" target="_blank" class="link link-hover">300019</a></td><td>中国有机硅密封胶行业龙头,有机硅是仿生皮肤基材之一</td><td>仿生皮肤材料, 硅橡胶</td></tr>
<tr><td>天奈科技</td><td><a href="https://valuefrontier.cn/company?scode=688116" target="_blank" class="link link-hover">688116</a></td><td>碳纳米管可应用于柔性传感器、电子皮肤,已给部分客户提供样品</td><td>仿生肌肉, 碳纳米管材料</td></tr>
<tr><td>南山智尚</td><td><a href="https://valuefrontier.cn/company?scode=300918" target="_blank" class="link link-hover">300918</a></td><td>围绕机器人外壳、电子皮肤、织物与传感器的结合等新兴领域研发拓展</td><td>电子皮肤, 其他</td></tr>
<tr><td>博杰股份</td><td><a href="https://valuefrontier.cn/company?scode=002975" target="_blank" class="link link-hover">002975</a></td><td>为T客户提供人形机器人相关测试设备和电子皮肤测试</td><td>检测</td></tr>
<tr><td>奥迪威</td><td><a href="https://valuefrontier.cn/company?scode=920491" target="_blank" class="link link-hover">920491</a></td><td>电子皮肤是公司新技术发展路线之一 (北交所)</td><td>北交所</td></tr>
</tbody>
</table>
</div>
</section>
</main>
<footer class="text-center py-8 px-4 text-xs text-slate-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-size-chart');
var myChart = echarts.init(chartDom);
var option;
option = {
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(10, 25, 47, 0.8)',
borderColor: '#00FFFF',
textStyle: {
color: '#E0E0E0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2024', '2025', '2026', '2027', '2028', '2029', '2030'],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
axisLabel: { color: '#E0E0E0' }
},
yAxis: {
type: 'value',
name: '市场规模 (亿元)',
nameTextStyle: {
color: '#E0E0E0'
},
axisLine: { show: true, lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
axisLabel: { color: '#E0E0E0' },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
},
series: [
{
name: '市场规模',
type: 'line',
smooth: true,
data: [4.6, 9.8, 18.5, 34.1, 56.7, 75.3, 90.5],
symbol: 'circle',
symbolSize: 8,
itemStyle: {
color: '#00FFFF'
},
lineStyle: {
color: '#00FFFF',
width: 3,
shadowColor: 'rgba(0, 255, 255, 0.5)',
shadowBlur: 10
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(0, 255, 255, 0.3)'
}, {
offset: 1,
color: 'rgba(0, 255, 255, 0)'
}])
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>