672 lines
30 KiB
HTML
672 lines
30 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>复星稳定币概念深度分析</title>
|
||
<!-- Bootstrap 5 CSS -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<!-- Bootstrap Icons -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
|
||
<!-- Chart.js -->
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
|
||
<style>
|
||
:root {
|
||
--primary-color: #3a86ff;
|
||
--secondary-color: #8338ec;
|
||
--accent-color: #ff006e;
|
||
--dark-color: #1a1a2e;
|
||
--light-color: #f8f9fa;
|
||
}
|
||
|
||
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, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||
color: white;
|
||
padding: 3rem 0;
|
||
margin-bottom: 2rem;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.hero-section::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-image: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none"/><path d="M0,0 L100,100 M0,100 L100,0" stroke="rgba(255,255,255,0.1)" stroke-width="2"/></svg>');
|
||
opacity: 0.3;
|
||
}
|
||
|
||
.hero-content {
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.section-title {
|
||
font-weight: 700;
|
||
margin-bottom: 1.5rem;
|
||
position: relative;
|
||
padding-left: 1rem;
|
||
}
|
||
|
||
.section-title::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 4px;
|
||
background-color: var(--primary-color);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.card {
|
||
border: none;
|
||
border-radius: 12px;
|
||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
height: 100%;
|
||
}
|
||
|
||
.card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.card-header {
|
||
background-color: var(--light-color);
|
||
border-bottom: 1px solid #e9ecef;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.badge-custom {
|
||
background-color: var(--primary-color);
|
||
color: white;
|
||
padding: 0.5rem 1rem;
|
||
border-radius: 20px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.timeline {
|
||
position: relative;
|
||
padding: 1rem 0;
|
||
}
|
||
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 15px;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 2px;
|
||
background-color: #e9ecef;
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-left: 50px;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 9px;
|
||
top: 5px;
|
||
width: 14px;
|
||
height: 14px;
|
||
border-radius: 50%;
|
||
background-color: var(--primary-color);
|
||
border: 2px solid white;
|
||
box-shadow: 0 0 0 2px rgba(58, 134, 255, 0.3);
|
||
}
|
||
|
||
.timeline-date {
|
||
font-weight: 600;
|
||
color: var(--primary-color);
|
||
}
|
||
|
||
.risk-card {
|
||
border-left: 4px solid var(--accent-color);
|
||
}
|
||
|
||
.stock-table {
|
||
font-size: 0.9rem;
|
||
}
|
||
|
||
.stock-table th {
|
||
background-color: var(--primary-color);
|
||
color: white;
|
||
border: none;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.stock-table td {
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.stock-industry {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.75rem;
|
||
border-radius: 20px;
|
||
font-size: 0.8rem;
|
||
font-weight: 500;
|
||
margin-right: 0.5rem;
|
||
}
|
||
|
||
.industry-1 { background-color: #e3f2fd; color: #1976d2; }
|
||
.industry-2 { background-color: #f3e5f5; color: #7b1fa2; }
|
||
.industry-3 { background-color: #e8f5e9; color: #388e3c; }
|
||
.industry-4 { background-color: #fff3e0; color: #f57c00; }
|
||
.industry-5 { background-color: #ffebee; color: #d32f2f; }
|
||
|
||
.insight-card {
|
||
background-color: white;
|
||
border-radius: 12px;
|
||
padding: 1.5rem;
|
||
margin-bottom: 1.5rem;
|
||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
|
||
}
|
||
|
||
.chart-container {
|
||
position: relative;
|
||
height: 300px;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.hero-section {
|
||
padding: 2rem 0;
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 1.5rem;
|
||
}
|
||
|
||
.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 hero-content">
|
||
<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>
|
||
</div>
|
||
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
|
||
<span class="badge badge-custom fs-6">
|
||
<i class="bi bi-calendar3 me-2"></i>更新于 2025年8月
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container mb-5">
|
||
<!-- 核心观点摘要 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">核心观点摘要</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-primary bg-opacity-10 p-3 rounded-circle me-3">
|
||
<i class="bi bi-shield-check text-primary fs-4"></i>
|
||
</div>
|
||
<h5 class="card-title mb-0">当前阶段</h5>
|
||
</div>
|
||
<p class="card-text">复星稳定币业务尚处牌照申请与生态搭建初期，未进入商业化发行阶段。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-success bg-opacity-10 p-3 rounded-circle me-3">
|
||
<i class="bi bi-lightning-charge text-success fs-4"></i>
|
||
</div>
|
||
<h5 class="card-title mb-0">核心驱动力</h5>
|
||
</div>
|
||
<p class="card-text">政策红利、生态协同、技术储备三大驱动力共同推动复星稳定币战略布局。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-warning bg-opacity-10 p-3 rounded-circle me-3">
|
||
<i class="bi bi-graph-up-arrow text-warning fs-4"></i>
|
||
</div>
|
||
<h5 class="card-title mb-0">未来潜力</h5>
|
||
</div>
|
||
<p class="card-text">有望成为连接传统产业与数字金融的重要枢纽，打开千亿级市场空间。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 概念事件与时间轴 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">概念事件与时间轴</h2>
|
||
<div class="insight-card">
|
||
<p class="fw-bold mb-3">核心事件：复星国际于2025年8月明确组建团队申请香港稳定币牌照，郭广昌亲自带队拜访香港金管局及财政司，显示出强烈布局意愿。</p>
|
||
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2025年5月</div>
|
||
<p>香港《稳定币条例草案》通过，明确法币稳定币发牌制度。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2025年6月</div>
|
||
<p>路演报告显示，宇信科技、天阳科技等金融科技企业正与金融机构合作，探索稳定币在跨境支付、企业采购卡等场景的应用。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2025年8月</div>
|
||
<p>复星国际确认组建稳定币牌照申请团队，并启动与香港监管机构的沟通。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">核心逻辑与市场认知分析</h2>
|
||
<div class="row g-4">
|
||
<div class="col-lg-6">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
核心逻辑链
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 40px; height: 40px;">1</div>
|
||
<div>
|
||
<h6 class="mb-0">政策合规</h6>
|
||
<small class="text-muted">香港牌照</small>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 40px; height: 40px;">2</div>
|
||
<div>
|
||
<h6 class="mb-0">技术底层</h6>
|
||
<small class="text-muted">关联方技术支持</small>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 40px; height: 40px;">3</div>
|
||
<div>
|
||
<h6 class="mb-0">场景落地</h6>
|
||
<small class="text-muted">四大产业协同</small>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 40px; height: 40px;">4</div>
|
||
<div>
|
||
<h6 class="mb-0">商业化变现</h6>
|
||
<small class="text-muted">支付手续费、生态金融服务</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
市场认知与预期差
|
||
</div>
|
||
<div class="card-body">
|
||
<h6 class="fw-bold text-primary">市场普遍认知</h6>
|
||
<p class="mb-3">认为复星稳定币业务将直接对标Circle、Paxos等国际巨头，以技术输出和生态合作为核心竞争力。</p>
|
||
|
||
<h6 class="fw-bold text-danger">潜在预期差</h6>
|
||
<ul class="mb-0">
|
||
<li>牌照申请的实际进展可能晚于市场预期</li>
|
||
<li>生态协同的深度可能受限于传统产业与数字金融的融合难度</li>
|
||
<li>技术支持的依赖性可能带来合作风险</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 产业链分析 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">产业链分析</h2>
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="chart-container">
|
||
<canvas id="industryChainChart"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">复星系相关公司股票数据</h2>
|
||
<div class="card">
|
||
<div class="card-body p-0">
|
||
<div class="table-responsive">
|
||
<table class="table table-hover stock-table mb-0">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>行业</th>
|
||
<th>项目</th>
|
||
<th>产业链</th>
|
||
<th>持股比例</th>
|
||
<th>关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="fw-bold">上海钢联</td>
|
||
<td><span class="stock-industry industry-1">供应链金融</span></td>
|
||
<td>区块链技术</td>
|
||
<td>供应链金融</td>
|
||
<td>21.64%</td>
|
||
<td>郭广昌持股，旗下钢银电商探索区块链技术在供应链金融中的应用</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-bold">豫园股份</td>
|
||
<td><span class="stock-industry industry-2">商业地产</span></td>
|
||
<td>豫园二期三期</td>
|
||
<td>商业地产</td>
|
||
<td>37.58%</td>
|
||
<td>复星旗下综合性商业地产产业平台，规划新增周边13-15万方商铺</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-bold">海南矿业</td>
|
||
<td><span class="stock-industry industry-3">矿业</span></td>
|
||
<td>氢氧化锂项目</td>
|
||
<td>电池材料</td>
|
||
<td>29.47%</td>
|
||
<td>总投资10.56亿元的2万吨电池级氢氧化锂项目已进入试生产阶段</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-bold">复星医药</td>
|
||
<td><span class="stock-industry industry-4">医药</span></td>
|
||
<td>全病程管理服务</td>
|
||
<td>医药健康</td>
|
||
<td>20.68%</td>
|
||
<td>复星集团核心医药产业平台，互联网投入已设立超过700项全病程管理服务方案</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-bold">舍得酒业</td>
|
||
<td><span class="stock-industry industry-5">酒业</span></td>
|
||
<td>回款情况</td>
|
||
<td>消费品</td>
|
||
<td>9.01%</td>
|
||
<td>Q1四川回款35%，河南、江苏等地区反馈回款困难，库存约4个月</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="fw-bold">南钢股份</td>
|
||
<td><span class="stock-industry industry-1">钢铁</span></td>
|
||
<td>股权出售</td>
|
||
<td>钢铁制造</td>
|
||
<td>-</td>
|
||
<td>2023年12月4日完成出售，集团不再持有南京南钢任何股权</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">关键催化剂与未来发展路径</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-header bg-primary text-white">
|
||
近期催化剂（未来3-6个月）
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="list-group list-group-flush">
|
||
<li class="list-group-item d-flex align-items-start">
|
||
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
|
||
<div>
|
||
<h6 class="mb-1">牌照申请进展</h6>
|
||
<p class="mb-0 small">复星若能通过香港金管局稳定币牌照审批，将成为其业务落地的首个关键里程碑。</p>
|
||
</div>
|
||
</li>
|
||
<li class="list-group-item d-flex align-items-start">
|
||
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
|
||
<div>
|
||
<h6 class="mb-1">生态合作签约</h6>
|
||
<p class="mb-0 small">复星与金融机构或科技企业的战略合作协议签署，将增强市场对其生态构建能力的信心。</p>
|
||
</div>
|
||
</li>
|
||
<li class="list-group-item d-flex align-items-start">
|
||
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
|
||
<div>
|
||
<h6 class="mb-1">技术架构发布</h6>
|
||
<p class="mb-0 small">若关联方能披露稳定币底层技术解决方案，将进一步提升市场对复星技术实力的认可。</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-header bg-success text-white">
|
||
长期发展路径（未来3-5年）
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-success bg-opacity-10 p-2 rounded me-3">
|
||
<i class="bi bi-1-circle-fill text-success"></i>
|
||
</div>
|
||
<div>
|
||
<h6 class="mb-0">牌照与合规先行</h6>
|
||
<small class="text-muted">优先获取香港稳定币牌照，建立合规运营基础</small>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-success bg-opacity-10 p-2 rounded me-3">
|
||
<i class="bi bi-2-circle-fill text-success"></i>
|
||
</div>
|
||
<div>
|
||
<h6 class="mb-0">技术平台化</h6>
|
||
<small class="text-muted">构建开放式稳定币技术平台，支持多链互通</small>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-success bg-opacity-10 p-2 rounded me-3">
|
||
<i class="bi bi-3-circle-fill text-success"></i>
|
||
</div>
|
||
<div>
|
||
<h6 class="mb-0">场景深度渗透</h6>
|
||
<small class="text-muted">跨境支付、供应链金融、消费场景三大方向</small>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="bg-success bg-opacity-10 p-2 rounded me-3">
|
||
<i class="bi bi-4-circle-fill text-success"></i>
|
||
</div>
|
||
<div>
|
||
<h6 class="mb-0">商业模式多元化</h6>
|
||
<small class="text-muted">支付手续费、金融服务、生态投资与退出</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">潜在风险与挑战</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-4">
|
||
<div class="card risk-card h-100">
|
||
<div class="card-body">
|
||
<h5 class="card-title text-danger mb-3">
|
||
<i class="bi bi-exclamation-triangle-fill me-2"></i>技术风险
|
||
</h5>
|
||
<ul class="mb-0">
|
||
<li>底层支付系统性能不足</li>
|
||
<li>跨链互通技术瓶颈</li>
|
||
<li>系统安全漏洞风险</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card risk-card h-100">
|
||
<div class="card-body">
|
||
<h5 class="card-title text-danger mb-3">
|
||
<i class="bi bi-exclamation-triangle-fill me-2"></i>商业化风险
|
||
</h5>
|
||
<ul class="mb-0">
|
||
<li>用户获取成本高</li>
|
||
<li>商户渗透率低</li>
|
||
<li>盈利模式不明确</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card risk-card h-100">
|
||
<div class="card-body">
|
||
<h5 class="card-title text-danger mb-3">
|
||
<i class="bi bi-exclamation-triangle-fill me-2"></i>政策与竞争风险
|
||
</h5>
|
||
<ul class="mb-0">
|
||
<li>监管政策不确定性</li>
|
||
<li>行业竞争加剧</li>
|
||
<li>牌照审批延迟风险</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 投资启示 -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">投资启示</h2>
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="row g-4">
|
||
<div class="col-md-6">
|
||
<h5 class="fw-bold text-primary mb-3">综合结论</h5>
|
||
<p>复星稳定币业务尚处牌照申请与生态搭建初期，尚未进入商业化发行阶段。其核心驱动力在于政策合规、技术底层及场景落地。若复星成功获取牌照并构建"支付+产业+投资"闭环，有望成为连接传统产业与数字金融的重要枢纽，打开千亿级市场空间。</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h5 class="fw-bold text-primary mb-3">下一步重点跟踪指标</h5>
|
||
<ul>
|
||
<li>香港金管局稳定币牌照审批进度</li>
|
||
<li>复星与产业合作签约及试点项目上线情况</li>
|
||
<li>关联方技术系统性能测试结果</li>
|
||
<li>首批合作商户名单及交易数据</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-dark text-white py-4">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p class="mb-0">© 2025 复星稳定币概念分析. 仅供参考，不构成投资建议。</p>
|
||
</div>
|
||
<div class="col-md-6 text-md-end">
|
||
<p class="mb-0">数据来源：公开信息整理 | 更新时间：2025年8月</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Bootstrap 5 JS -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
|
||
<script>
|
||
// 产业链图表
|
||
const ctx = document.getElementById('industryChainChart').getContext('2d');
|
||
const industryChainChart = new Chart(ctx, {
|
||
type: 'bar',
|
||
data: {
|
||
labels: ['技术提供方', '牌照持有方与运营方', '场景应用方'],
|
||
datasets: [{
|
||
label: '产业链分布',
|
||
data: [30, 40, 30],
|
||
backgroundColor: [
|
||
'rgba(58, 134, 255, 0.7)',
|
||
'rgba(131, 56, 236, 0.7)',
|
||
'rgba(255, 0, 110, 0.7)'
|
||
],
|
||
borderColor: [
|
||
'rgba(58, 134, 255, 1)',
|
||
'rgba(131, 56, 236, 1)',
|
||
'rgba(255, 0, 110, 1)'
|
||
],
|
||
borderWidth: 1
|
||
}]
|
||
},
|
||
options: {
|
||
indexAxis: 'y',
|
||
responsive: true,
|
||
maintainAspectRatio: false,
|
||
plugins: {
|
||
legend: {
|
||
display: false
|
||
},
|
||
title: {
|
||
display: true,
|
||
text: '复星稳定币产业链分布',
|
||
font: {
|
||
size: 16
|
||
}
|
||
}
|
||
},
|
||
scales: {
|
||
x: {
|
||
beginAtZero: true,
|
||
max: 50,
|
||
ticks: {
|
||
callback: function(value) {
|
||
return value + '%';
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|