Files
vf_react/public/htmls/先进陶瓷.html
2025-12-05 13:29:18 +08:00

516 lines
30 KiB
HTML
Raw Permalink 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.10.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=Exo+2:wght@300;400;500;700&family=Orbitron:wght@400;700&display=swap');
body {
font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
background-color: #020010;
overflow-x: hidden;
color: #e0e0e0;
}
.bg-space-animation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: radial-gradient(600px at 40% 30%, rgba(29, 78, 216, 0.15), transparent 80%),
radial-gradient(400px at 60% 70%, rgba(109, 40, 217, 0.15), transparent 80%),
radial-gradient(800px at 50% 50%, rgba(30, 20, 80, 0.1), transparent 80%);
animation: moveGradient 30s ease infinite;
}
@keyframes moveGradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.glass-card {
background: rgba(10, 10, 25, 0.4);
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
border: 1px solid rgba(129, 140, 248, 0.15);
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(15, 15, 35, 0.5);
border: 1px solid rgba(129, 140, 248, 0.3);
box-shadow: 0 0 40px rgba(129, 140, 248, 0.1);
}
.concept-title {
font-family: 'Orbitron', sans-serif;
text-shadow: 0 0 5px rgba(199, 210, 254, 0.3), 0 0 10px rgba(165, 180, 252, 0.2);
}
.section-title {
font-family: 'Orbitron', sans-serif;
color: #c7d2fe;
position: relative;
padding-left: 1.5rem;
display: inline-block;
}
.section-title::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 80%;
background-color: #818cf8;
border-radius: 2px;
box-shadow: 0 0 8px rgba(129, 140, 248, 0.7);
}
.bento-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.grid-col-span-2 {
grid-column: span 2 / span 2;
}
.grid-row-span-2 {
grid-row: span 2 / span 2;
}
@media (max-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.bento-grid {
grid-template-columns: 1fr;
}
.grid-col-span-2, .grid-row-span-2 {
grid-column: span 1 / span 1;
grid-row: span 1 / span 1;
}
}
.prose-custom {
color: #d1d5db;
}
.prose-custom h1, .prose-custom h2, .prose-custom h3, .prose-custom h4 {
color: #e5e7eb;
}
.prose-custom strong {
color: #a5b4fc;
}
.prose-custom ul > li::marker {
color: #818cf8;
}
.table thead th {
background-color: rgba(129, 140, 248, 0.1);
color: #e0e0e0;
border-bottom: 2px solid rgba(129, 140, 248, 0.2);
}
.table tbody tr {
border-bottom-color: rgba(129, 140, 248, 0.1);
}
.table tbody tr:hover {
background-color: rgba(129, 140, 248, 0.05);
}
</style>
</head>
<body class="min-h-screen" x-data="{}" x-init="() => { document.body.style.opacity = 1 } " style="opacity:0; transition: opacity 1s;">
<div class="bg-space-animation"></div>
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center py-12 px-4 relative overflow-hidden rounded-3xl glass-card mb-8">
<div class="absolute inset-0 opacity-20" style="background-image: radial-gradient(#818cf8 1px, transparent 1px); background-size: 16px 16px;"></div>
<div class="relative z-10">
<h1 class="text-5xl md:text-7xl font-bold concept-title tracking-widest">先进陶瓷</h1>
<p class="text-indigo-300 text-xl md:text-2xl mt-4">Advanced Ceramics</p>
<div class="mt-8 text-sm text-gray-400 max-w-4xl mx-auto">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现</p>
<p class="mt-1">本报告基于多源公开信息由AI合成不构成任何投资建议投资需谨慎。</p>
</div>
</div>
</header>
<!-- Bento Grid Layout -->
<main class="space-y-8">
<div class="bento-grid">
<!-- Core Insight -->
<div class="glass-card rounded-3xl p-6 grid-col-span-2 grid-row-span-2 flex flex-col">
<h2 class="section-title text-2xl font-bold mb-4">核心观点 (Core Insight)</h2>
<div class="prose prose-custom max-w-none flex-grow">
<p>先进陶瓷正处于从“主题叙事”向“业绩兑现”过渡的关键拐点。其核心驱动力源于<strong>半导体领域国产替代的巨大且确定的需求缺口</strong>而AI算力、新能源汽车等新兴应用则为其打开了第二增长曲线。</p>
<p>当前,市场关注焦点已从“能否做”转向“谁能率先放量、谁能掌握核心材料”,具备“材料-部件-模块”一体化能力的企业将享有显著的竞争优势和估值溢价。</p>
<ul class="space-y-2 mt-4">
<li><strong>根本逻辑:</strong> “内生需求+外部压力”双轮驱动下的国产替代。美国封锁提供了宝贵的国产化窗口,国内晶圆厂扩产提供了坚实的增量基础。</li>
<li><strong>业绩验证:</strong> 以珂玛科技为代表陶瓷加热器等高附加值产品已实现量产24Q1毛利率高达<strong>58%</strong>,证明了国产替代的高盈利能力。</li>
<li><strong>新增量市场:</strong> 市场传闻英伟达新一代GPU先进封装拟采用<strong>碳化硅(SiC)基板</strong>将先进陶瓷应用从半导体制程拓展至AI硬件基础设施的巨大市场。</li>
<li><strong>预期差:</strong> 市场可能忽略了上游核心粉末仍依赖进口的风险,同时也可能低估了后续竞争加剧对龙头高毛利率的侵蚀。</li>
</ul>
</div>
</div>
<!-- Market Scale -->
<div class="glass-card rounded-3xl p-6">
<h3 class="section-title text-xl font-bold mb-2">市场规模与国产化</h3>
<div id="market-size-chart" class="w-full h-48"></div>
<div class="text-sm space-y-2 mt-2">
<p>国内半导体结构陶瓷零部件市场国产化率仅约 <span class="text-xl font-bold text-error">19%</span>,高端产品(陶瓷加热器/静电卡盘)更是 <span class="text-xl font-bold text-error">不足10%</span></p>
<p class="text-gray-400">国产替代空间广阔,需求确定性高。</p>
</div>
</div>
<!-- Key Products -->
<div class="glass-card rounded-3xl p-6">
<h3 class="section-title text-xl font-bold mb-4">关键“卡脖子”产品</h3>
<div class="space-y-3">
<div>
<h4 class="font-semibold text-indigo-300">陶瓷加热器 (Ceramic Heater)</h4>
<p class="text-sm text-gray-400">半导体薄膜沉积设备核心部件国内市场空间约30-50亿珂玛科技、中瓷电子已实现量产突破。</p>
</div>
<div>
<h4 class="font-semibold text-indigo-300">静电卡盘 (ESC)</h4>
<p class="text-sm text-gray-400">用于晶圆固定技术壁垒极高国内市场空间约30-50亿国产化率极低是攻关重点。</p>
</div>
<div>
<h4 class="font-semibold text-indigo-300">碳化硅 (SiC) 陶瓷</h4>
<p class="text-sm text-gray-400">第三代半导体核心材料应用于功率器件、射频及AI芯片封装散热市场空间巨大。</p>
</div>
</div>
</div>
</div>
<!-- Detailed Insight Analysis -->
<div class="glass-card rounded-3xl p-6 md:p-8 space-y-8">
<h2 class="section-title text-3xl font-bold">深度洞察与产业链分析</h2>
<!-- Catalysts & Future Path -->
<div>
<h3 class="text-2xl font-semibold text-indigo-200 mb-4">关键催化剂与发展路径</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-black/20 p-4 rounded-xl border border-indigo-900/50">
<h4 class="font-bold text-lg text-fuchsia-300">近期催化剂 (3-6个月)</h4>
<ul class="list-disc list-inside mt-2 space-y-1 text-gray-300 text-sm">
<li><strong>产品突破:</strong> 珂玛科技12英寸静电卡盘(ESC)客户验证进展。</li>
<li><strong>AI应用确认:</strong> 天岳先进等SiC衬底获Nvidia等头部厂商封装订单。</li>
<li><strong>订单信号:</strong> 北方华创、中微公司等设备商大额订单公告。</li>
</ul>
</div>
<div class="bg-black/20 p-4 rounded-xl border border-indigo-900/50">
<h4 class="font-bold text-lg text-cyan-300">长期发展路径</h4>
<ul class="list-disc list-inside mt-2 space-y-1 text-gray-300 text-sm">
<li><strong>深度路径:</strong> 从部件到模块,再到上游核心粉体,实现全产业链自主可控。</li>
<li><strong>广度路径:</strong> 应用场景向新能源车(陶瓷轴承球)、低轨卫星(陶瓷管壳)、固态电池(陶瓷隔膜)等领域渗透。</li>
</ul>
</div>
</div>
</div>
<!-- Industry Chain -->
<div>
<h3 class="text-2xl font-semibold text-indigo-200 mb-4">产业链图谱</h3>
<div class="grid md:grid-cols-3 gap-4 text-center">
<div class="bg-black/20 p-4 rounded-xl border border-indigo-900/50">
<h4 class="font-bold text-lg">上游:核心粉体</h4>
<p class="text-sm text-gray-400 mt-1">技术壁垒最高,部分依赖进口</p>
<div class="mt-3 space-x-1">
<span class="badge badge-outline badge-primary">氧化铝</span>
<span class="badge badge-outline badge-secondary">氮化铝</span>
<span class="badge badge-outline badge-accent">碳化硅</span>
</div>
</div>
<div class="bg-black/20 p-4 rounded-xl border-2 border-indigo-500/80 shadow-lg shadow-indigo-500/20">
<h4 class="font-bold text-lg">中游:零部件/模块</h4>
<p class="text-sm text-gray-400 mt-1">价值实现核心环节</p>
<div class="mt-3 space-x-1">
<span class="badge badge-primary">结构件</span>
<span class="badge badge-secondary">加热器</span>
<span class="badge badge-accent">静电卡盘</span>
<span class="badge badge-info">基板</span>
</div>
</div>
<div class="bg-black/20 p-4 rounded-xl border border-indigo-900/50">
<h4 class="font-bold text-lg">下游:应用领域</h4>
<p class="text-sm text-gray-400 mt-1">需求来源,场景广阔</p>
<div class="mt-3 space-x-1">
<span class="badge badge-outline badge-success">半导体</span>
<span class="badge badge-outline badge-warning">新能源</span>
<span class="badge badge-outline badge-error">AI算力</span>
</div>
</div>
</div>
</div>
<!-- Potential Risks -->
<div>
<h3 class="text-2xl font-semibold text-indigo-200 mb-4">潜在风险与挑战</h3>
<div class="prose prose-custom max-w-none text-sm">
<ul>
<li><strong>技术风险:</strong> 上游高纯粉体制备是根本性瓶颈,高端氮化铝粉体<strong>60%</strong>依赖日本进口。12英寸ESC研发及良率爬坡存在不确定性。</li>
<li><strong>商业化风险:</strong> 半导体客户验证周期长,新产品导入初期良率直接影响成本和盈利能力。</li>
<li><strong>竞争风险:</strong> 龙头企业当前<strong>58%</strong>的高毛利率势必吸引更多竞争者入局,未来可能出现价格战,侵蚀行业利润。</li>
<li><strong>交叉验证风险:</strong> 珂玛科技(唯一量产)与中瓷电子(批量应用)关于陶瓷加热器的表述存在差异,市场格局可能并非一家独大,需持续验证。</li>
</ul>
</div>
</div>
</div>
<!-- Key Players -->
<div class="space-y-8">
<h2 class="section-title text-3xl font-bold">核心玩家深度剖析</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-2 gap-6">
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold text-cyan-300">珂玛科技 (进攻型选手)</h3>
<p class="text-sm text-gray-400 mb-3">逻辑最纯粹的半导体陶瓷零部件龙头</p>
<ul class="list-disc list-inside space-y-2 text-sm">
<li><strong>优势:</strong> 深度聚焦黄金赛道,技术领先(国内唯一规模量产陶瓷加热器),客户优质,业绩已进入爆发期(24年前三季度净利 <strong>+295%</strong>)。</li>
<li><strong>核心产品:</strong> 陶瓷加热器、静电卡盘(ESC)、超高纯碳化硅套件。</li>
<li><strong>风险:</strong> 业务集中度高,上游粉体依赖进口。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold text-fuchsia-300">国瓷材料 (平台型选手)</h3>
<p class="text-sm text-gray-400 mb-3">业务最多元的先进陶瓷材料平台</p>
<ul class="list-disc list-inside space-y-2 text-sm">
<li><strong>优势:</strong> “内生+外延”布局多高增长赛道,抗周期风险能力强。</li>
<li><strong>核心产品:</strong> 陶瓷轴承球(新能源车)、陶瓷管壳(低轨卫星)、MLCC粉体、蜂窝陶瓷等。</li>
<li><strong>风险:</strong> 业务庞杂,单一业务爆发对整体业绩拉动弹性相对较小。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold text-lime-300">天岳先进 (AI新叙事)</h3>
<p class="text-sm text-gray-400 mb-3">碳化硅衬底龙头AI算力新应用赋能者</p>
<ul class="list-disc list-inside space-y-2 text-sm">
<li><strong>优势:</strong> 受益于第三代半导体和新能源车双趋势。近期“SiC用于AI芯片封装”的预期为其打开全新增量空间。</li>
<li><strong>核心产品:</strong> 导电型/半绝缘型碳化硅(SiC)衬底。</li>
<li><strong>风险:</strong> AI应用逻辑尚处早期验证阶段行业面临价格竞争和产能扩张挑战。</li>
</ul>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="text-xl font-bold text-orange-300">中瓷电子 (追赶者)</h3>
<p class="text-sm text-gray-400 mb-3">背靠大集团的电子陶瓷材料供应商</p>
<ul class="list-disc list-inside space-y-2 text-sm">
<li><strong>优势:</strong> 深厚材料学底蕴,其“陶瓷加热盘”已实现批量应用,显示出追赶实力。</li>
<li><strong>核心产品:</strong> 氧化铝/氮化铝材料、陶瓷加热盘、电子陶瓷元器件。</li>
<li><strong>风险:</strong> 在半导体模块化产品的市场声量和信息披露透明度相对较低。</li>
</ul>
</div>
</div>
</div>
<!-- Recent Market Movers -->
<div class="space-y-8">
<h2 class="section-title text-3xl font-bold">近期市场异动解析</h2>
<div class="grid md:grid-cols-1 lg:grid-cols-2 gap-6">
<div class="glass-card rounded-3xl p-6">
<div class="flex justify-between items-center mb-3">
<h3 class="text-xl font-bold text-sky-300">天岳先进 (688234)</h3>
<span class="badge badge-lg badge-success font-bold">+5.77% (2025-11-20)</span>
</div>
<p class="text-sm prose prose-custom max-w-none"><strong>核心驱动:</strong> “重大行业利好(英伟达拟采用SiC中介层) + 公司特定利空(股东减持)落地”共振。AI算力芯片封装为SiC打开了数倍于当前全球产能的全新市场空间公司确认已推出12英寸全系列衬底被市场视为A股核心标的彻底扭转了因股东减持带来的悲观预期。</p>
</div>
<div class="glass-card rounded-3xl p-6">
<div class="flex justify-between items-center mb-3">
<h3 class="text-xl font-bold text-rose-300">华瓷股份 (001216)</h3>
<span class="badge badge-lg badge-success font-bold">+10.0% (2025-07-28)</span>
</div>
<p class="text-sm prose prose-custom max-w-none"><strong>核心驱动:</strong> “8.3亿元德国WMF长单 + 3.5亿元政府技改补贴 + 湖南先进陶瓷集群政策”三箭齐发。公司基本面迎来强力支撑,盈利能见度骤升,触发资金抢筹。核心逻辑是出口链复苏与地方产业政策扶持的叠加效应。</p>
</div>
</div>
</div>
<!-- Stock List Table -->
<div class="space-y-8">
<h2 class="section-title text-3xl font-bold">相关概念股梳理</h2>
<div class="overflow-x-auto glass-card rounded-3xl p-1">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑/原因</th>
<th>细分标签</th>
</tr>
</thead>
<tbody>
<tr>
<td>珂玛科技</td>
<td><a href="https://valuefrontier.cn/company?scode=301611" target="_blank" class="link link-hover link-primary">301611</a></td>
<td>国内半导体先进结构陶瓷龙头2024年国内市占率约80%。</td>
<td><div class="badge badge-accent">半导体陶瓷结构件</div></td>
</tr>
<tr>
<td>三环集团</td>
<td><a href="https://valuefrontier.cn/company?scode=300408" target="_blank" class="link link-hover link-primary">300408</a></td>
<td>先进陶瓷平台龙头;公司泛半导体精密陶瓷结构件产品逐步推向市场。</td>
<td><div class="badge badge-accent">半导体陶瓷结构件</div></td>
</tr>
<tr>
<td>正帆科技</td>
<td><a href="https://valuefrontier.cn/company?scode=688596" target="_blank" class="link link-hover link-primary">688596</a></td>
<td>收购汉京半导体,掌握高精密石英和先进陶瓷材料制造技术,实现“卡脖子”关键材料国产替代。</td>
<td><div class="badge badge-accent">半导体陶瓷结构件</div></td>
</tr>
<tr>
<td>中瓷电子</td>
<td><a href="https://valuefrontier.cn/company?scode=003031" target="_blank" class="link link-hover link-primary">003031</a></td>
<td>国内电子陶瓷材料核心供应商;陶瓷加热盘产品批量应用于国产半导体关键设备中。</td>
<td><div class="badge badge-accent">半导体陶瓷结构件</div></td>
</tr>
<tr>
<td>国瓷材料</td>
<td><a href="https://valuefrontier.cn/company?scode=300285" target="_blank" class="link link-hover link-primary">300285</a></td>
<td>国内卫星射频微系统芯片封装陶瓷管壳核心供应商;布局陶瓷轴承球、基板等。</td>
<td><div class="badge badge-secondary">陶瓷管壳</div></td>
</tr>
<tr>
<td>鸿远电子</td>
<td><a href="https://valuefrontier.cn/company?scode=603267" target="_blank" class="link link-hover link-primary">603267</a></td>
<td>微纳系统集成陶瓷管壳业务,重点围绕射频与微波、光电与传感等领域布局。</td>
<td><div class="badge badge-secondary">陶瓷管壳</div></td>
</tr>
<tr>
<td>博敏电子</td>
<td><a href="https://valuefrontier.cn/company?scode=603936" target="_blank" class="link link-hover link-primary">603936</a></td>
<td>国内AMB陶瓷基板企业产能规模排名第二。</td>
<td><div class="badge badge-info">陶瓷基板</div></td>
</tr>
<tr>
<td>灿勤科技</td>
<td><a href="https://valuefrontier.cn/company?scode=688182" target="_blank" class="link link-hover link-primary">688182</a></td>
<td>国内陶瓷介质滤波器龙头;已着手于高导热氮化铝陶瓷材料研发。</td>
<td><div class="badge badge-warning">陶瓷介质滤波器</div></td>
</tr>
<tr>
<td>火炬电子</td>
<td><a href="https://valuefrontier.cn/company?scode=603678" target="_blank" class="link link-hover link-primary">603678</a></td>
<td>公司自产核心产品多层片式陶瓷电容器(MLCC)。</td>
<td><div class="badge" style="background-color: #f87171; color: white;">MLCC</div></td>
</tr>
<tr>
<td>久吾高科</td>
<td><a href="https://valuefrontier.cn/company?scode=300631" target="_blank" class="link link-hover link-primary">300631</a></td>
<td>陶瓷膜龙头;相关技术可用于半导体超纯水制备、材料回收等。</td>
<td><div class="badge badge-neutral">陶瓷膜</div></td>
</tr>
<tr>
<td>旭光电子</td>
<td><a href="https://valuefrontier.cn/company?scode=600353" target="_blank" class="link link-hover link-primary">600353</a></td>
<td>氮化铝粉体年化产能500吨相关产品已配套应用于半导体领域。</td>
<td><div class="badge badge-ghost">其他</div></td>
</tr>
<tr>
<td>天马新材</td>
<td><a href="https://valuefrontier.cn/company?scode=920971" target="_blank" class="link link-hover link-primary">920971</a></td>
<td>年产5万吨电子陶瓷粉体材料生产线项目投产产品终端应用集成电路、半导体等。</td>
<td><div class="badge badge-ghost">其他</div> <div class="badge badge-error">北交所</div></td>
</tr>
</tbody>
</table>
</div>
</div>
</main>
<footer class="text-center py-8 mt-8 text-xs text-gray-500">
<p>报告生成时间: <span x-text="new Date().toLocaleString()"></span></p>
<p>本报告由北京价值前沿科技有限公司“价小前投研”AI Agent生成所有信息均来自公开渠道不构成投资建议请谨慎参考。</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',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(20, 20, 40, 0.8)',
borderColor: '#818cf8',
textStyle: {
color: '#e0e0e0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['2021年', '2026年 (预计)'],
axisLine: {
lineStyle: {
color: '#4f46e5'
}
},
axisLabel: {
color: '#c7d2fe'
}
}],
yAxis: [{
type: 'value',
name: '亿元',
axisLabel: {
color: '#c7d2fe'
},
splitLine: {
lineStyle: {
color: 'rgba(129, 140, 248, 0.1)'
}
},
nameTextStyle: {
color: '#c7d2fe'
}
}],
series: [{
name: '国内市场规模',
type: 'bar',
barWidth: '40%',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#818cf8' },
{ offset: 1, color: '#4f46e5' }
]),
borderRadius: [5, 5, 0, 0],
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#a5b4fc' },
{ offset: 1, color: '#6366f1' }
]),
}
},
data: [66, 125]
}]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>