This commit is contained in:
2025-11-05 10:56:56 +08:00
parent 467dad8449
commit fc37df4385
3499 changed files with 1063743 additions and 0 deletions

View File

@@ -0,0 +1,736 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>电子特气概念分析 - 国产替代加速+技术突破+产能扩张</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
:root {
--primary-color: #0d6efd;
--secondary-color: #6c757d;
--success-color: #198754;
--info-color: #0dcaf0;
--warning-color: #ffc107;
--danger-color: #dc3545;
--light-color: #f8f9fa;
--dark-color: #212529;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: #f5f7fa;
color: #333;
}
.hero-section {
background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
color: white;
padding: 4rem 0;
margin-bottom: 3rem;
}
.card {
border: none;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-bottom: 2rem;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.timeline {
position: relative;
padding: 20px 0;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
background: var(--primary-color);
transform: translateX(-50%);
}
.timeline-item {
position: relative;
width: 50%;
padding: 20px;
box-sizing: border-box;
}
.timeline-item:nth-child(odd) {
left: 0;
text-align: right;
padding-right: 40px;
}
.timeline-item:nth-child(even) {
left: 50%;
padding-left: 40px;
}
.timeline-item::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background: white;
border: 3px solid var(--primary-color);
top: 25px;
}
.timeline-item:nth-child(odd)::before {
right: -10px;
}
.timeline-item:nth-child(even)::before {
left: -10px;
}
.timeline-content {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.stock-table {
font-size: 0.9rem;
}
.stock-table th {
background-color: var(--primary-color);
color: white;
font-weight: 500;
white-space: nowrap;
}
.stock-table td {
vertical-align: middle;
}
.badge-category {
background-color: #e9ecef;
color: #495057;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 500;
}
.key-point {
background-color: #e7f3ff;
border-left: 4px solid var(--primary-color);
padding: 15px;
margin: 15px 0;
border-radius: 0 5px 5px 0;
}
.risk-item {
border-left: 4px solid var(--danger-color);
background-color: #fff5f5;
padding: 15px;
margin: 15px 0;
border-radius: 0 5px 5px 0;
}
.opportunity-item {
border-left: 4px solid var(--success-color);
background-color: #f0fdf4;
padding: 15px;
margin: 15px 0;
border-radius: 0 5px 5px 0;
}
.chart-container {
position: relative;
height: 300px;
margin: 20px 0;
}
@media (max-width: 768px) {
.hero-section {
padding: 2rem 0;
}
.timeline::before {
left: 20px;
}
.timeline-item {
width: 100%;
padding-left: 40px;
padding-right: 20px;
left: 0 !important;
text-align: left !important;
}
.timeline-item::before {
left: 10px !important;
}
.stock-table {
font-size: 0.8rem;
}
.stock-table th, .stock-table td {
padding: 0.5rem;
}
}
</style>
</head>
<body>
<!-- Hero Section -->
<div class="hero-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="display-4 fw-bold mb-3">电子特气概念分析</h1>
<p class="lead mb-0">国产替代加速 + 技术突破 + 产能扩张</p>
<p class="mt-3 mb-0">半导体制造的核心材料,当前正处于三重驱动阶段</p>
</div>
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
<div class="d-inline-block bg-white bg-opacity-25 rounded-3 p-3">
<div class="h4 mb-1">国产化率目标</div>
<div class="h2 fw-bold">30%+</div>
<div class="small">2025年</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="container mb-5">
<!-- 概念事件时间轴 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-clock-history text-primary me-2"></i>概念事件时间轴</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content">
<h5 class="mb-1">2020年</h5>
<p class="mb-0">国内电子特气国产化率不足15%外资林德、空气化工等占比超85%</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h5 class="mb-1">2021-2022年</h5>
<p class="mb-0">政策密集出台,技术突破加速(如中船特气六氟丁二烯通过国际认证),国内企业产能加速释放</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h5 class="mb-1">2023年至今</h5>
<p class="mb-0">行业催化事件频发政策、技术、产能国产化率提升至20%以上,企业盈利改善</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-lightbulb text-warning me-2"></i>核心观点摘要</h2>
<div class="key-point">
<p class="mb-0">电子特气是半导体制造的核心材料,当前正处于"国产替代加速+技术突破+产能扩张"的三重驱动阶段。随着全球半导体产业复苏及国内半导体产业链自主可控需求增强电子特气国产化率有望从当前的20%提升至2025年的30%以上。</p>
</div>
<div class="chart-container">
<canvas id="domesticRateChart"></canvas>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-diagram-3 text-info me-2"></i>核心逻辑与市场认知分析</h2>
<h4 class="h5 mt-4 mb-3">核心驱动力</h4>
<div class="row g-3">
<div class="col-md-4">
<div class="card h-100 border-0 bg-light">
<div class="card-body">
<h5 class="card-title text-primary">半导体产业自主可控</h5>
<p class="card-text">全球半导体产业链"去全球化"趋势加剧,国内企业亟需实现关键材料的国产化替代,降低供应链风险。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100 border-0 bg-light">
<div class="card-body">
<h5 class="card-title text-primary">技术突破与工艺迭代</h5>
<p class="card-text">国内企业在高纯度提纯、混配、包装等关键技术上取得突破,部分产品性能达到或超过国际水平。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100 border-0 bg-light">
<div class="card-body">
<h5 class="card-title text-primary">产能扩张与规模化生产</h5>
<p class="card-text">国内电子特气企业加速扩产2025年总产能有望突破2万吨覆盖全场景需求。</p>
</div>
</div>
</div>
</div>
<h4 class="h5 mt-4 mb-3">预期差分析</h4>
<div class="row g-3">
<div class="col-md-6">
<div class="card border-0">
<div class="card-body">
<h5 class="card-title text-info">短期预期差</h5>
<p class="card-text">市场普遍认为电子特气国产化率仍处于低位约15%但实际2023年部分龙头企业收入同比增速超50%,显示国产化率提升速度超预期。</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0">
<div class="card-body">
<h5 class="card-title text-info">长期预期差</h5>
<p class="card-text">市场普遍关注半导体周期复苏,但忽视了电子特气在光伏、汽车电子等新兴领域的应用拓展。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-rocket-takeoff text-success me-2"></i>关键催化剂与未来发展路径</h2>
<h4 class="h5 mt-3 mb-3">近期催化剂2024年Q1-Q2</h4>
<ul class="list-group list-group-flush mb-4">
<li class="list-group-item d-flex align-items-start">
<i class="bi bi-check-circle-fill text-success me-2 mt-1"></i>
<div>
<strong>政策落地:</strong>2024年3月工信部发布《集成电路产业高质量发展行动计划2024-2025年明确提出"到2025年电子特气国产化率达到30%以上"
</div>
</li>
<li class="list-group-item d-flex align-items-start">
<i class="bi bi-check-circle-fill text-success me-2 mt-1"></i>
<div>
<strong>企业产能释放:</strong>中船特气"年产3250吨三氟化氮项目"于2024年1月正式投产新增产能将显著提升公司在集成电路领域的市场份额
</div>
</li>
<li class="list-group-item d-flex align-items-start">
<i class="bi bi-check-circle-fill text-success me-2 mt-1"></i>
<div>
<strong>技术突破:</strong>华特气体"年产1000吨电子级六氟丁二烯项目"于2024年2月通过ASML认证标志着公司高端电子特气产品实现国际认证突破
</div>
</li>
</ul>
<h4 class="h5 mt-4 mb-3">长期发展路径2024-2025年及以后</h4>
<div class="opportunity-item">
<h5 class="h6 mb-2">技术迭代</h5>
<p class="mb-0">国内企业将持续加大研发投入重点突破高纯度电子特气如六氟丁二烯纯度从4N提升至5N、新型电子特气的研发推动产品结构向高端化升级。</p>
</div>
<div class="opportunity-item">
<h5 class="h6 mb-2">产能扩张</h5>
<p class="mb-0">国内电子特气企业将继续推进产能建设预计2025年总产能将突破2万吨覆盖集成电路、显示面板、光伏、汽车电子等全场景需求。</p>
</div>
<div class="opportunity-item">
<h5 class="h6 mb-2">市场拓展</h5>
<p class="mb-0">国内企业将加速开拓国际市场,通过产品认证、客户合作等方式,逐步打破外资垄断格局,提升国际市场份额。</p>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-building text-primary me-2"></i>产业链与核心公司深度剖析</h2>
<h4 class="h5 mt-3 mb-3">产业链图谱</h4>
<div class="row text-center mb-4">
<div class="col-md-4">
<div class="card border-primary">
<div class="card-body">
<h5 class="card-title">上游</h5>
<p class="card-text mb-0">工业气体、特种容器、空分设备</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-primary">
<div class="card-body">
<h5 class="card-title">中游</h5>
<p class="card-text mb-0">电子特气生产、气体检测</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-primary">
<div class="card-body">
<h5 class="card-title">下游</h5>
<p class="card-text mb-0">集成电路、显示面板、光伏、汽车电子</p>
</div>
</div>
</div>
</div>
<h4 class="h5 mt-4 mb-3">核心公司股票数据</h4>
<div class="table-responsive">
<table class="table table-hover stock-table">
<thead>
<tr>
<th>股票名称</th>
<th>分类</th>
<th>业务相关</th>
<th>信源</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>杭氧股份</strong></td>
<td><span class="badge badge-category">空分设备</span></td>
<td>国内空分设备市占率第一2024年空分设备营收45.25亿元</td>
<td>研报/年报</td>
</tr>
<tr>
<td><strong>福斯达</strong></td>
<td><span class="badge badge-category">空分设备</span></td>
<td>2024年空分设备营收19.17亿元</td>
<td>年报</td>
</tr>
<tr>
<td><strong>中船特气</strong></td>
<td><span class="badge badge-category">三氯化氮</span></td>
<td>产能18500吨/年公司三氯化氮全球覆盖率65.03%</td>
<td>互动/年报</td>
</tr>
<tr>
<td><strong>南大光电</strong></td>
<td><span class="badge badge-category">三氯化氮</span></td>
<td>产能8300吨/年</td>
<td>互动</td>
</tr>
<tr>
<td><strong>昊华科技</strong></td>
<td><span class="badge badge-category">三氯化氮</span></td>
<td>产能5000吨/年在建产能6000吨/年</td>
<td>年报</td>
</tr>
<tr>
<td><strong>华特气体</strong></td>
<td><span class="badge badge-category">三氯化氮</span></td>
<td>新募投项目拟建产能1000吨/年</td>
<td>公告</td>
</tr>
<tr>
<td><strong>广钢气体</strong></td>
<td><span class="badge badge-category">三氯化氮</span></td>
<td>正在筹建3000吨电子级三氯化氮项目</td>
<td>调研</td>
</tr>
<tr>
<td><strong>中船特气</strong></td>
<td><span class="badge badge-category">六氟化钨</span></td>
<td>产能2000吨/年公司六氟化钨全球覆盖率70.31%</td>
<td>年报</td>
</tr>
<tr>
<td><strong>昊华科技</strong></td>
<td><span class="badge badge-category">六氟化钨</span></td>
<td>产能600吨/年</td>
<td>互动</td>
</tr>
<tr>
<td><strong>中巨芯</strong></td>
<td><span class="badge badge-category">六氟化钨</span></td>
<td>产能400吨/年</td>
<td>互动/年报</td>
</tr>
<tr>
<td><strong>昊华科技</strong></td>
<td><span class="badge badge-category">六氟丁二烯</span></td>
<td>产能1200吨/年,全球第一</td>
<td>年报</td>
</tr>
<tr>
<td><strong>中船特气</strong></td>
<td><span class="badge badge-category">六氟丁二烯</span></td>
<td>产能200吨/年</td>
<td>调研</td>
</tr>
<tr>
<td><strong>中巨芯</strong></td>
<td><span class="badge badge-category">六氟丁二烯</span></td>
<td>175吨/年的电子级六氟丁二烯项目已经建成</td>
<td>互动</td>
</tr>
<tr>
<td><strong>华特气体</strong></td>
<td><span class="badge badge-category">六氟丁二烯</span></td>
<td>年产300吨六氟丁二烯合成项目在建工程</td>
<td>年报</td>
</tr>
<tr>
<td><strong>金宏气体</strong></td>
<td><span class="badge badge-category">六氟丁二烯</span></td>
<td>在建产能200吨/年</td>
<td>年报</td>
</tr>
<tr>
<td><strong>凯美特气</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>公司电子特气为超纯氨气和光刻气与多家头部企业建立合作光刻气通过ASML子公司Cymet的合格供应商认证</td>
<td>互动</td>
</tr>
<tr>
<td><strong>侨源股份</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>公司高纯氮气、高纯氩气应用于半导体制造领域,已与多家半导体产业链企业建立合作,如士兰微</td>
<td>互动</td>
</tr>
<tr>
<td><strong>建业股份</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>超纯氨产能13000吨</td>
<td>公告</td>
</tr>
<tr>
<td><strong>广钢气体</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>公司深耕电子大宗气体,产品涵盖其全部六大品种</td>
<td>互动</td>
</tr>
<tr>
<td><strong>华特气体</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>国内特气国产化的先行者2024年年末实现55个产品进口替代其中超过20产品供应到14nm及以下的先进制程产线</td>
<td>研报</td>
</tr>
<tr>
<td><strong>和远气体</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>公司电子特气产品涵盖了硅基、氟基、氨基、氯基、碳基五大系列,主要产品包括三氯化氮、六氟化钨</td>
<td>互动</td>
</tr>
<tr>
<td><strong>雅克科技</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>子公司高纯四氟化碳产能2000吨/年高纯六氟化硫产能12000吨/年</td>
<td>互动</td>
</tr>
<tr>
<td><strong>三孚股份</strong></td>
<td><span class="badge badge-category">其他</span></td>
<td>年产500吨电子级二氯二氢硅及年产1000吨电子级三氯氢硅</td>
<td>互动</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-exclamation-triangle text-danger me-2"></i>潜在风险与挑战</h2>
<h4 class="h5 mt-3 mb-3">技术风险</h4>
<div class="risk-item">
<h5 class="h6 mb-2">高纯度提纯技术</h5>
<p class="mb-0">电子特气如六氟丁二烯对纯度要求极高需≥4N若企业提纯工艺未能持续优化可能导致产品纯度不达标影响客户认证进度。</p>
</div>
<div class="risk-item">
<h5 class="h6 mb-2">混配技术</h5>
<p class="mb-0">多组分气体的精确混配是关键,若企业混配工艺未能满足高精度要求,可能导致产品批次间一致性差,影响客户信任。</p>
</div>
<h4 class="h5 mt-4 mb-3">商业化风险</h4>
<div class="risk-item">
<h5 class="h6 mb-2">成本控制</h5>
<p class="mb-0">电子特气生产成本较高,若企业无法通过规模化生产、工艺优化降低单位成本,可能导致产品价格竞争力不足,影响市场份额。</p>
</div>
<div class="risk-item">
<h5 class="h6 mb-2">市场接受度</h5>
<p class="mb-0">部分高端电子特气需经过长时间的客户认证通常2-3年若企业未能及时通过认证或客户导入不及预期可能导致新增产能闲置。</p>
</div>
<h4 class="h5 mt-4 mb-3">政策与竞争风险</h4>
<div class="risk-item">
<h5 class="h6 mb-2">政策变动</h5>
<p class="mb-0">电子特气作为战略性新兴产业,其发展受政策影响较大。若未来政策支持力度减弱,可能影响企业投资意愿和产能扩张速度。</p>
</div>
<div class="risk-item">
<h5 class="h6 mb-2">行业竞争加剧</h5>
<p class="mb-0">随着电子特气国产化率提升,更多企业可能加速布局电子特气领域,导致市场竞争加剧,产品价格下降,企业盈利承压。</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-graph-up text-success me-2"></i>综合结论与投资启示</h2>
<div class="key-point">
<h4 class="h5 mb-3">综合结论</h4>
<p class="mb-0">电子特气是半导体制造的核心材料,当前正处于"国产替代加速+技术突破+产能扩张"的三重驱动阶段。随着全球半导体产业复苏及国内半导体产业链自主可控需求增强电子特气国产化率有望从当前的20%提升至2025年的30%以上。具备技术壁垒、产能优势及客户资源的企业有望率先受益。</p>
</div>
<h4 class="h5 mt-4 mb-3">投资启示</h4>
<div class="row g-3">
<div class="col-md-6">
<div class="card h-100 border-0 bg-success bg-opacity-10">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-lightbulb text-success me-2"></i>关注技术领先企业</h5>
<p class="card-text">优先选择在高纯度提纯、混配等核心环节具备技术壁垒的企业(如中船特气、华特气体)。</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 border-0 bg-success bg-opacity-10">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-building text-success me-2"></i>重视产能扩张与规模化生产</h5>
<p class="card-text">产能扩张是企业市场份额提升的关键,需关注企业新增产能的释放节奏及客户导入情况。</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 border-0 bg-success bg-opacity-10">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-people text-success me-2"></i>把握客户资源优势企业</h5>
<p class="card-text">绑定全球半导体龙头的企业有望在认证、订单获取方面占据优势。</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 border-0 bg-warning bg-opacity-10">
<div class="card-body">
<h5 class="card-title"><i class="bi bi-exclamation-circle text-warning me-2"></i>警惕竞争加剧与政策风险</h5>
<p class="card-text">关注行业内新进入者动态及政策支持力度变化,评估对企业盈利的影响。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 关键跟踪指标 -->
<div class="card">
<div class="card-body p-4">
<h2 class="h3 mb-4"><i class="bi bi-graph-up-arrow text-primary me-2"></i>关键跟踪指标</h2>
<div class="row g-3">
<div class="col-md-3 col-6">
<div class="card text-center border-0 bg-light">
<div class="card-body">
<i class="bi bi-building-add fs-1 text-primary mb-2"></i>
<h5 class="card-title">产能释放进度</h5>
<p class="card-text small mb-0">中船特气、华特气体等新增产能的投产时间及利用率</p>
</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card text-center border-0 bg-light">
<div class="card-body">
<i class="bi bi-patch-check fs-1 text-primary mb-2"></i>
<h5 class="card-title">客户认证进展</h5>
<p class="card-text small mb-0">通过ASML、GIGAPHOTON等国际认证的情况</p>
</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card text-center border-0 bg-light">
<div class="card-body">
<i class="bi bi-currency-dollar fs-1 text-primary mb-2"></i>
<h5 class="card-title">产品价格与毛利率</h5>
<p class="card-text small mb-0">电子特气市场价格及企业毛利率变化</p>
</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card text-center border-0 bg-light">
<div class="card-body">
<i class="bi bi-motherboard fs-1 text-primary mb-2"></i>
<h5 class="card-title">下游需求增速</h5>
<p class="card-text small mb-0">全球半导体、显示面板、光伏等产业的产能扩张速度</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-white py-4 mt-5">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">© 2024 电子特气概念分析 | 数据来源:公开资料整理</p>
</div>
<div class="col-md-6 text-md-end">
<p class="mb-0">投资有风险,入市需谨慎</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
// 国产化率趋势图表
const ctx = document.getElementById('domesticRateChart').getContext('2d');
const domesticRateChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['2020', '2021', '2022', '2023', '2024E', '2025E'],
datasets: [{
label: '电子特气国产化率(%)',
data: [15, 17, 15, 20, 25, 30],
borderColor: '#0d6efd',
backgroundColor: 'rgba(13, 110, 253, 0.1)',
tension: 0.3,
fill: true
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: '电子特气国产化率趋势',
font: {
size: 16
}
},
legend: {
display: true,
position: 'top'
}
},
scales: {
y: {
beginAtZero: true,
max: 40,
ticks: {
callback: function(value) {
return value + '%';
}
}
}
}
}
});
</script>
</body>
</html>