Files
vf_react/public/htmls/稳定币一体机.html
2025-12-05 13:29:18 +08:00

491 lines
33 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>
<!-- Tailwind CSS & DaisyUI -->
<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" />
<!-- 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>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Space Grotesk', sans-serif;
background: #00000a;
color: #e0e0e0;
overflow-x: hidden;
}
.bg-deep-space {
background-image:
radial-gradient(circle at 10% 20%, rgba(10, 84, 143, 0.3) 0%, transparent 40%),
radial-gradient(circle at 80% 90%, rgba(144, 19, 254, 0.2) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(0, 0, 10, 1) 0%, #00000a 100%);
}
.glass-card {
background: rgba(10, 15, 40, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(118, 255, 247, 0.4);
box-shadow: 0 0 30px rgba(78, 222, 214, 0.2);
}
.glow-title {
background: linear-gradient(90deg, #9370DB, #00FFFF, #9370DB);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
animation: text-glow 5s linear infinite;
}
@keyframes text-glow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
border-radius: 1.5rem;
padding: 1.5rem;
}
.col-span-12 { grid-column: span 12; }
.col-span-8 { grid-column: span 12; }
.col-span-6 { grid-column: span 12; }
.col-span-4 { grid-column: span 12; }
@media (min-width: 1024px) {
.col-span-8 { grid-column: span 8; }
.col-span-6 { grid-column: span 6; }
.col-span-4 { grid-column: span 4; }
}
.table thead th {
background-color: rgba(0, 255, 255, 0.1);
color: #00FFFF;
text-transform: uppercase;
letter-spacing: 1px;
}
.table tbody tr {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.table tbody tr:hover {
background-color: rgba(147, 112, 219, 0.1);
}
</style>
</head>
<body class="bg-deep-space">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold glow-title mb-4">稳定币一体机</h1>
<p class="text-lg text-slate-400">深度概念解析报告</p>
</header>
<!-- Bento Grid Layout -->
<main class="bento-grid">
<!-- Core Viewpoint Summary -->
<section class="bento-item glass-card col-span-12 lg:col-span-8">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">核心观点摘要</h2>
<p class="text-slate-300 leading-relaxed">
“稳定币一体机”概念的核心是<strong>金融IT服务商</strong>在香港稳定币监管框架落地背景下的业务延伸与升级。当前,该概念正从<strong>主题炒作阶段</strong>快速向<strong>基本面驱动的初期阶段</strong>过渡,其核心驱动力源于<strong>政策确定性带来的合规IT需求释放</strong>。未来潜力巨大,但短期内市场可能高估了业务落地的速度和规模,真正的价值兑现将取决于各公司能否将技术方案转化为持续性订单和收入。
</p>
</section>
<!-- Origin -->
<section class="bento-item glass-card col-span-12 lg:col-span-4">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">概念缘起</h2>
<p class="text-slate-300">
“稳定币一体机”并非官方术语,而是市场为一类提供稳定币发行、流通、交易、清结算等<strong>全流程技术解决方案</strong>的厂商所归纳的概念。其兴起的核心背景是<strong>香港Web3.0战略的加速落地</strong>和全球对合规稳定币需求的增长。
</p>
</section>
<!-- Timeline Chart -->
<section class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">关键事件时间轴</h2>
<div id="timelineChart" style="width: 100%; height: 400px;"></div>
</section>
<!-- Core Logic & Market Analysis -->
<section class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold text-cyan-300 mb-6">核心逻辑与市场认知分析</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="p-4 rounded-xl bg-slate-900/50 border border-slate-700">
<h3 class="font-semibold text-lg text-purple-300 mb-2">政策驱动 (根本逻辑)</h3>
<p class="text-slate-400 text-sm">香港金管局明确的《稳定币条例》是概念基石,直接催生了对合规、交易、清结算、风控(KYC/AML)等金融IT基础设施的<strong>确定性需求</strong>。研报中详细描述的监管要求如1:1储备、定期审计正是这些IT需求的直接来源。</p>
</div>
<div class="p-4 rounded-xl bg-slate-900/50 border border-slate-700">
<h3 class="font-semibold text-lg text-purple-300 mb-2">商业模式驱动 (内在逻辑)</h3>
<p class="text-slate-400 text-sm">稳定币作为链接现实与数字世界的桥梁,在<strong>跨境支付</strong>(效率远超SWIFT)、<strong>RWA</strong>(万亿级潜在市场)和<strong>DeFi</strong>等场景潜力巨大。金融IT厂商通过提供“一体化”解决方案旨在成为新兴生态的“卖铲人”。</p>
</div>
<div class="p-4 rounded-xl bg-slate-900/50 border border-slate-700">
<h3 class="font-semibold text-lg text-purple-300 mb-2">技术复用 (成本优势)</h3>
<p class="text-slate-400 text-sm">多家公司(如京北方、中科金财)在数字人民币领域积累的区块链、智能合约技术可高度复用至稳定币系统,使其能够快速响应市场需求,降低研发成本。</p>
</div>
</div>
<div x-data="{ tab: 'market' }" class="mt-6">
<div class="tabs tabs-boxed bg-slate-800/50">
<a class="tab" :class="{ 'tab-active': tab === 'market' }" @click="tab = 'market'">市场热度与情绪</a>
<a class="tab" :class="{ 'tab-active': tab === 'gap' }" @click="tab = 'gap'">预期差分析</a>
</div>
<div x-show="tab === 'market'" class="p-4 mt-2 text-slate-300 prose prose-invert max-w-none prose-p:text-slate-300">
<p>市场热度极高,情绪整体乐观,但存在结构性分化。</p>
<ul>
<li><strong>高热度:</strong>从研报的密集发布和关联个股的频繁涨停可以看出,市场对此概念高度关注。</li>
<li><strong>乐观情绪:</strong>市场普遍看好香港Web3.0战略和稳定币的长远前景尤其是其对RWA的撬动作用。</li>
<li><strong>情绪分化:</strong>初期以普涨的概念炒作为主。后期随着订单(古鳌科技)、市占率(恒生电子)等基本面信息出现,资金开始向逻辑更纯粹、确定性更高的头部公司集中,情绪从“博弈”转向“确认”。</li>
</ul>
</div>
<div x-show="tab === 'gap'" class="p-4 mt-2 text-slate-300 prose prose-invert max-w-none prose-p:text-slate-300">
<ol>
<li><strong>概念内涵的混淆 (软件 vs. 硬件):</strong> 市场普遍关注软件系统但硬件终端ATM、BSIM卡、硬件钱包作为C端入口其价值可能被低估。</li>
<li><strong>业务模式的差异 (一体化 vs. 组件化):</strong> 市场倾向于“全链路”服务公司但天阳科技的SaaS平台模式可能在服务中小企业时具备更快的扩张速度。</li>
<li><strong>宏大叙事与短期业绩的差距:</strong> RWA“万亿美元”市场的宏大叙事与当前亿元级别的订单规模存在巨大鸿沟。市场情绪可能过度price-in了长期愿景。</li>
</ol>
</div>
</div>
</section>
<!-- Catalysts & Future Path -->
<section class="bento-item glass-card col-span-12 lg:col-span-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">关键催化剂与未来发展路径</h2>
<h3 class="font-semibold text-lg text-purple-300 mb-2">近期催化剂 (未来3-6个月)</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>香港首批稳定币牌照发放:</strong>最核心、确定性最高的催化剂将直接转化IT订单。</li>
<li><strong>头部公司合作协议/订单公告:</strong>验证龙头地位的关键。</li>
<li><strong>人民币稳定币的进展:</strong>若有政策信号或试点方案出台,将打开全新想象空间。</li>
</ul>
<h3 class="font-semibold text-lg text-purple-300 mt-6 mb-2">长期发展路径</h3>
<ol class="list-decimal list-inside space-y-2 text-slate-300">
<li><strong>阶段一 (当前-2026):基础设施建设期。</strong> 核心是围绕持牌机构提供基础IT系统。</li>
<li><strong>阶段二 (2026-2028):应用场景拓展期。</strong> 渗透到跨境电商、供应链金融等场景。</li>
<li><strong>阶段三 (2028-以后)RWA与DeFi融合期。</strong> RWA爆发稳定币需求呈指数级增长。</li>
</ol>
</section>
<!-- Industry Chain -->
<section class="bento-item glass-card col-span-12 lg:col-span-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">产业链图谱</h2>
<div class="space-y-4">
<div>
<span class="badge badge-info badge-outline">上游</span>
<p class="text-sm text-slate-300 mt-1"><strong>技术与合规基础:</strong> 区块链底层技术、密码学技术 (吉大正元)、安全芯片等。</p>
</div>
<div class="border-l-2 border-cyan-400 pl-4">
<span class="badge badge-accent badge-outline">中游</span>
<p class="text-sm text-slate-300 mt-1"><strong>稳定币“一体机”解决方案提供商 (核心环节):</strong></p>
<ul class="text-xs text-slate-400 list-disc list-inside mt-2 space-y-1">
<li><strong>软件平台层:</strong> 四方精创 (FINNOSafe平台), 宇信科技 (银行连接方), 京北方 (全链条服务), 恒生电子 (交易系统), 法本信息 (“即插即用”系统)等。</li>
<li><strong>硬件终端层:</strong> 御银股份 (ATM), 宸展光电 (终端代工), 东信和平 (BSIM卡), 恒宝股份 (硬件钱包)。</li>
</ul>
</div>
<div>
<span class="badge badge-warning badge-outline">下游</span>
<p class="text-sm text-slate-300 mt-1"><strong>发行方与应用场景:</strong> 持牌机构、银行、券商、支付公司、交易所、RWA项目方、跨境电商等。</p>
</div>
</div>
</section>
<!-- Key Players' Solutions (from News/Roadshows) -->
<section class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">核心玩家解决方案一览</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="p-4 rounded-lg bg-slate-900/50">
<h4 class="font-bold text-purple-300">四方精创</h4>
<p class="text-xs text-slate-400 mt-2">“公司的FINNOSafe合规Web3平台支持稳定币发行人及市场参与者相关业务的发展。支持虚拟资产的发行、通证化、交易和支付以及托管等。”</p>
</div>
<div class="p-4 rounded-lg bg-slate-900/50">
<h4 class="font-bold text-purple-300">京北方</h4>
<p class="text-xs text-slate-400 mt-2">“凭借全链条服务能力(发行至应用)有望持续受益。已提前合作客户,覆盖发行、合规、流通全环节。”</p>
</div>
<div class="p-4 rounded-lg bg-slate-900/50">
<h4 class="font-bold text-purple-300">天阳科技</h4>
<p class="text-xs text-slate-400 mt-2">“定位为SaaS平台提供商提供端到端支付解决方案涵盖稳定币兑换、发卡、钱包管理及生命周期服务。”</p>
</div>
<div class="p-4 rounded-lg bg-slate-900/50">
<h4 class="font-bold text-purple-300">法本信息</h4>
<p class="text-xs text-slate-400 mt-2">“为金融客户提供“即插即用”的稳定币交易和结算系统,覆盖聚合支付、清算、智能合约开发、链上交易清算、跨链兼容性测试等环节。”</p>
</div>
</div>
</section>
<!-- Risks & Challenges -->
<section class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">潜在风险与挑战</h2>
<div class="prose prose-invert max-w-none text-slate-300 prose-strong:text-rose-400">
<ul>
<li><strong>技术风险:</strong>跨链技术的安全性与效率、智能合约的漏洞风险、以及应对高频交易的系统性能仍是持续的技术挑战。</li>
<li><strong>商业化风险:</strong><strong>需求落地不及预期</strong>香港持牌机构数量可能有限初期IT投入规模可能小于市场预期。亿元级别的订单能否形成规模化、持续性的收入流尚待观察。</li>
<li><strong>政策与竞争风险:</strong>全球对稳定币的监管仍处于动态变化中。蚂蚁集团等巨头入场,可能开发自用系统,甚至对外提供服务,形成<strong>降维打击</strong></li>
<li><strong>信息交叉验证风险:</strong><strong>“稳定币一体机”这一概念本身在官方文件中均未被直接提及</strong>,它是一个市场创造的标签。其内涵模糊,可能导致投资者对公司业务的理解出现偏差。</li>
</ul>
</div>
</section>
<!-- Conclusion & Investment Insights -->
<section class="bento-item glass-card col-span-12">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">综合结论与投资启示</h2>
<p class="mb-4 text-slate-300">“稳定币一体机”概念已走过纯粹的主题炒作阶段,进入了由<strong>政策落地驱动基本面预期的早期阶段</strong>。标志性事件是具体订单的出现和头部厂商市占率逻辑的确认。当前阶段的核心是<strong>“预期兑现”</strong>,而非“业绩增长”。</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="font-semibold text-lg text-purple-300 mb-2">最具投资价值的细分环节</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>核心系统与平台软件商:</strong> 产业链中确定性最高、价值量最大的环节。特别是与监管机构深度绑定、拥有高市占率或强大生态合作伙伴的公司(如四方精创、恒生电子)。</li>
<li><strong>具备稀缺性的硬件入口商:</strong> 随着稳定币从线上走向线下硬件钱包、支持双向兑换的ATM等将成为关键基础设施。具备核心技术和先发优势的硬件公司如御银股份、恒宝股份有望占据主导地位。</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-lg text-purple-300 mb-2">需重点跟踪和验证的关键指标</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>新增订单合同金额与毛利率:</strong> 验证公司竞争力和盈利能力最直接的指标。</li>
<li><strong>客户渗透率:</strong> 衡量核心公司在首批持牌机构中的市场地位。</li>
<li><strong>SaaS业务的用户数和ARPU:</strong> 针对SaaS模式公司的客户增长与变现能力。</li>
<li><strong>香港稳定币的实际流通量和交易额:</strong> 衡量整个行业景气度的宏观指标。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Tables -->
<section class="col-span-12">
<h2 class="text-3xl font-bold text-center glow-title my-8">相关概念股梳理</h2>
<!-- Table 1: Concept Stocks -->
<div class="bento-item glass-card mb-8">
<h3 class="text-xl font-bold text-cyan-300 mb-4">“稳定币一体机”概念核心标的 (硬件终端)</h3>
<div class="overflow-x-auto">
<table class="table 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=003019" target="_blank" class="link link-hover text-cyan-400">003019</a></td>
<td>网传纪要显示,近期几家客户主动找到公司做稳定币等数字货币的终端一体机代工(客户系统,出硬件解决方案)</td>
<td><span class="badge badge-ghost">网传纪要</span></td>
</tr>
<tr>
<td>御银股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002177" target="_blank" class="link link-hover text-cyan-400">002177</a></td>
<td>研发的数字人民币ATM兑换模块市占率超40%是国内唯一支持港澳离岸稳定币ATM双向兑换的设备供应商</td>
<td><span class="badge badge-ghost">网传纪要</span></td>
</tr>
<tr>
<td>中科金财</td>
<td><a href="https://valuefrontier.cn/company?scode=002657" target="_blank" class="link link-hover text-cyan-400">002657</a></td>
<td>有数字人民币跨境支付相关专利与软著,参与央行数字货币桥项目,和香港持牌银行合作推进稳定币发行</td>
<td><span class="badge badge-info">公开资料</span></td>
</tr>
<tr>
<td>恒银科技</td>
<td><a href="https://valuefrontier.cn/company?scode=603106" target="_blank" class="link link-hover text-cyan-400">603106</a></td>
<td>互动平台表示公司一直在新技术研发上面不断探索,如有新的进展将及时披露</td>
<td><span class="badge badge-warning">互动</span></td>
</tr>
<tr>
<td>广电运通</td>
<td><a href="https://valuefrontier.cn/company?scode=002152" target="_blank" class="link link-hover text-cyan-400">002152</a></td>
<td>数研所的数币试点参与单位之一在区块链、数字人民币等方面已申请累计近三十件专利ATM国内市场占有率16.5%</td>
<td><span class="badge badge-primary">互动/公开资料</span></td>
</tr>
<tr>
<td>新北洋</td>
<td><a href="https://valuefrontier.cn/company?scode=002376" target="_blank" class="link link-hover text-cyan-400">002376</a></td>
<td>围绕数字货币等相应的产品和解决方案,专业的功能模块和部分软件正在研究开发中</td>
<td><span class="badge badge-warning">互动</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Table 2: Rise Analysis -->
<div class="bento-item glass-card">
<h3 class="text-xl font-bold text-cyan-300 mb-4">相关个股异动及涨幅归因分析</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>异动日期</th>
<th>涨幅</th>
<th>归因分析</th>
</tr>
</thead>
<tbody>
<!-- Data will be dynamically inserted here by a script or server -->
<!-- Example Row: -->
<tr>
<td>四方精创</td>
<td><a href="https://valuefrontier.cn/company?scode=300468" target="_blank" class="link link-hover text-cyan-400">300468</a></td>
<td>2025-06-16</td>
<td><span class="text-red-400 font-semibold">19.99%</span></td>
<td class="text-xs max-w-md"><strong>核心结论:</strong> 受益于香港《稳定币条例》即将生效及公司在稳定币和跨境支付领域的技术优势与先发地位。<br><strong>驱动概念:</strong> 稳定币+区块链+跨境支付。<br><strong>解析:</strong> 作为香港金管局核心服务商有望首批获益自主研发的FINNOSafe平台效率高深度参与mBridge项目。被多家券商认定为"最纯正稳定币概念股"。</td>
</tr>
<tr>
<td>恒生电子</td>
<td><a href="https://valuefrontier.cn/company?scode=600570" target="_blank" class="link link-hover text-cyan-400">600570</a></td>
<td>2025-07-29</td>
<td><span class="text-red-400 font-semibold">10.01%</span></td>
<td class="text-xs max-w-md"><strong>核心结论:</strong> 香港金管局发布监管指引市场确认其子公司恒云科技在香港虚拟资产交易系统市占率超50%,叠加与蚂蚁合作传闻,机构资金建仓。<br><strong>驱动概念:</strong> 香港稳定币牌照+虚拟资产交易系统+RWA基础设施。<br><strong>解析:</strong> 恒云科技已为22家申请机构提供系统市占率高与蚂蚁合作想象空间大龙虎榜显示机构席位净买入4.7亿元。</td>
</tr>
<tr>
<td>古鳌科技</td>
<td><a href="https://valuefrontier.cn/company?scode=300551" target="_blank" class="link link-hover text-cyan-400">300551</a></td>
<td>2025-07-11</td>
<td><span class="text-red-400 font-semibold">20.04%</span></td>
<td class="text-xs max-w-md"><strong>核心结论:</strong> 央行《数字人民币与稳定币协同试点方案》首次将其列为现金机具改造唯一合作上市公司叠加盘后1.26亿元订单,形成政策+订单双重催化。<br><strong>驱动概念:</strong> 数字人民币+稳定币+金融科技。<br><strong>解析:</strong> 政策点名+大额订单落地数字人民币清分机市占率38%行业第一,机构资金集中流入。</td>
</tr>
<tr>
<td>信雅达</td>
<td><a href="https://valuefrontier.cn/company?scode=600571" target="_blank" class="link link-hover text-cyan-400">600571</a></td>
<td>2025-07-09</td>
<td><span class="text-red-400 font-semibold">10.01%</span></td>
<td class="text-xs max-w-md"><strong>核心结论:</strong> 香港稳定币沙盒名单泄露被路透点名与蚂蚁国际合作叠加阿里云AGI金融方案落地形成“跨境支付+稳定币+大模型”三重催化。<br><strong>驱动概念:</strong> 稳定币+跨境支付+大模型金融。<br><strong>解析:</strong> 确认与蚂蚁测试清结算模块大模型一体机订单超预期带来2025年1.5亿元增量收入预期。</td>
</tr>
<tr>
<td>恒宝股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002104" target="_blank" class="link link-hover text-cyan-400">002104</a></td>
<td>2025-09-01</td>
<td><span class="text-red-400 font-semibold">10.00%</span></td>
<td class="text-xs max-w-md"><strong>核心结论:</strong> 香港稳定币牌照倒计时+6G数字人民币硬件钱包技术验证通过双重政策订单催化。<br><strong>驱动概念:</strong> 香港稳定币牌照+6G数字人民币硬件钱包+区块链。<br><strong>解析:</strong> 与香港持牌机构签署研发协议6G硬件钱包通过测试在手香港稳定币硬件钱包框架合同金额约2.4亿元。</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center text-xs text-slate-500 mt-12 py-4 border-t border-slate-800">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="mt-1">本报告为AI合成数据仅供研究参考不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
// ECharts Timeline Initialization
var chartDom = document.getElementById('timelineChart');
var myChart = echarts.init(chartDom);
var option;
const timelineData = [
{ date: '2025-05-30', event: '市场关注香港政策,四方精创被曝为金管局首批沙盒合作方。' },
{ date: '2025-06-16', event: '硬件入口受关注东信和平宣布BSIM卡纳入香港金管局监管沙盒。' },
{ date: '2025-07-04', event: '政策预期加强央行发布CIPS业务规则征求意见稿。金一文化公告研发稳定币服务系统。' },
{ date: '2025-07-09', event: '预期兑现,路透社点名信雅达与蚂蚁国际合作测试清结算模块。' },
{ date: '2025-07-11', event: '基本面注入古鳌科技被央行方案列为合作方并公告1.26亿元大额订单。' },
{ date: '2025-07-29', event: '政策尘埃落定,香港金管局发布监管指引。恒生电子因高市占率涨停。' },
{ date: '2025-08-01', event: '香港《稳定币条例》正式生效,开始接受牌照申请。' }
];
option = {
baseOption: {
timeline: {
axisType: 'category',
autoPlay: false,
playInterval: 3000,
data: timelineData.map(item => item.date.substring(5)), // Show MM-DD
label: {
color: '#9ca3af'
},
lineStyle: {
color: '#4f46e5'
},
checkpointStyle: {
color: '#00FFFF',
borderColor: '#fff',
borderWidth: 2
},
controlStyle: {
showPlayBtn: false,
color: '#9ca3af',
borderColor: '#9ca3af'
}
},
tooltip: {
trigger: 'item',
formatter: (params) => {
const data = timelineData[params.dataIndex];
return `<strong>${data.date}</strong><br/>${data.event}`;
}
},
grid: {
top: '10%',
bottom: '35%',
left: '5%',
right: '5%'
},
xAxis: {
type: 'category',
data: timelineData.map(item => item.date),
show: false
},
yAxis: {
type: 'value',
show: false
},
series: [{
type: 'bar',
barWidth: '20%',
itemStyle: { color: 'rgba(0, 255, 255, 0.5)' }
}]
},
options: timelineData.map((item, index) => ({
title: {
text: item.date,
subtext: item.event,
left: 'center',
top: '10%',
textStyle: { color: '#e5e7eb', fontSize: 24 },
subtextStyle: { color: '#d1d5db', fontSize: 14, width: '70%', overflow: 'break' }
},
series: {
data: timelineData.map((d, i) => i === index ? 100 : 50)
}
}))
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>