460 lines
29 KiB
HTML
460 lines
29 KiB
HTML
<!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>深度行研：RDA概念股</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=Manrope:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
|
||
background-color: #0a0a1a;
|
||
background-image:
|
||
radial-gradient(circle at 15% 50%, rgba(120, 81, 169, 0.2), transparent 40%),
|
||
radial-gradient(circle at 85% 30%, rgba(37, 99, 235, 0.2), transparent 40%);
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(18, 18, 29, 0.6);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 2rem;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(52, 211, 153, 0.7), 0 0 16px rgba(52, 211, 153, 0.5);
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 1.875rem;
|
||
font-weight: 700;
|
||
letter-spacing: -0.025em;
|
||
background: -webkit-linear-gradient(45deg, #a78bfa, #34d399);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
padding-bottom: 0.5rem;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
.bento-item {
|
||
background: rgba(255, 255, 255, 0.03);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 1.5rem;
|
||
padding: 1.5rem;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.bento-item:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
|
||
border-color: rgba(52, 211, 153, 0.5);
|
||
}
|
||
|
||
.collapse-title {
|
||
font-size: 1.25rem !important;
|
||
font-weight: 500 !important;
|
||
}
|
||
|
||
.table thead th {
|
||
background-color: rgba(255, 255, 255, 0.05);
|
||
color: #a78bfa;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
|
||
.table tbody tr {
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
.table tbody tr:hover {
|
||
background-color: rgba(255, 255, 255, 0.05);
|
||
}
|
||
|
||
.tag {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.75rem;
|
||
border-radius: 9999px;
|
||
font-size: 0.75rem;
|
||
font-weight: 500;
|
||
background-color: rgba(52, 211, 153, 0.1);
|
||
color: #34d399;
|
||
border: 1px solid rgba(52, 211, 153, 0.3);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen p-4 sm:p-8">
|
||
<div class="max-w-7xl mx-auto space-y-12">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center py-8">
|
||
<h1 class="text-4xl sm:text-6xl font-bold tracking-tighter text-transparent bg-clip-text bg-gradient-to-r from-gray-200 via-gray-300 to-gray-400">
|
||
深度行研
|
||
</h1>
|
||
<p class="mt-4 text-5xl sm:text-7xl font-extrabold tracking-tight glow-text">RDA概念股</p>
|
||
<p class="mt-6 text-sm text-gray-400">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 呈现</p>
|
||
</header>
|
||
|
||
<!-- Insight Section -->
|
||
<section id="insight" class="glass-card p-6 sm:p-10 space-y-8">
|
||
<h2 class="section-title">核心洞察 (Insight)</h2>
|
||
|
||
<div>
|
||
<h3 class="text-2xl font-bold text-violet-300 mb-4">0. 概念事件</h3>
|
||
<p class="text-gray-300 leading-relaxed">RDA（Real Data Assets，真实数据资产）概念由上海数据交易所首次提出，是国家“数据要素市场化”顶层设计与地方创新实践的结合。其发展脉络始于“数据资产入表”的会计基础，经历了上海钢联RWA挂牌的实践前奏，最终在2024年7月的“资本市场新机遇：RDA”闭门研讨会上被正式提出。该事件迅速催化市场反应，中远海科等个股异动，标志着市场开始对RDA概念进行定价。</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-2xl font-bold text-violet-300 mb-4">1. 核心观点摘要</h3>
|
||
<p class="font-medium text-lg text-emerald-300 leading-relaxed border-l-4 border-emerald-400 pl-4">RDA概念目前处于<span class="font-bold">政策驱动下的主题导入期</span>，其核心在于为“数据要素市场化”战略提供了具备中国特色的“数实融合”实现路径。未来潜力巨大，有望重塑数据资源丰富型企业的资产负债表和估值逻辑，但短期仍以概念和试点项目为主，距离大规模商业化和基本面兑现尚有距离。</p>
|
||
</div>
|
||
|
||
<div class="space-y-6">
|
||
<h3 class="text-2xl font-bold text-violet-300">2. 核心逻辑与市场认知分析</h3>
|
||
<ul class="list-disc list-inside space-y-4 text-gray-300 leading-relaxed">
|
||
<li><strong class="text-white">核心驱动力：</strong> RDA是对“数据二十条”及“数据资产入表”政策的具体实践，是中国特色的RWA范式，强调与实体资产融合，更符合“脱虚向实”的政策导向，并有区块链、物联网等成熟技术作为支撑。</li>
|
||
<li><strong class="text-white">市场热度与情绪：</strong> 呈现“高讨论度，低机构覆盖度”特点，市场情绪乐观，普遍视其为数据价值化的“新基建”。但乐观情绪主要建立在宏大叙事上，缺乏对商业化细节的考量。</li>
|
||
<li><strong class="text-white">预期差分析：</strong> 市场普遍预期万亿级空间，但实际进展仍处“准备阶段”，实现路径是渐进式的。市场可能混淆RDA与RWA概念，忽略了RDA“数实融合”的中国特色。标杆案例（如上海钢联）的成功模式向其他行业推广存在难度。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="space-y-6">
|
||
<h3 class="text-2xl font-bold text-violet-300">3. 关键催化剂与未来发展路径</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bento-item">
|
||
<h4 class="font-bold text-lg text-emerald-400 mb-2">近期催化剂 (3-6个月)</h4>
|
||
<ul class="list-decimal list-inside space-y-2 text-sm text-gray-300">
|
||
<li>官方标准与白皮书发布</li>
|
||
<li>首批官方RDA产品挂牌交易</li>
|
||
<li>农业、基建、医疗等新领域标杆项目落地</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bento-item">
|
||
<h4 class="font-bold text-lg text-emerald-400 mb-2">长期发展路径</h4>
|
||
<ul class="list-decimal list-inside space-y-2 text-sm text-gray-300">
|
||
<li><strong>阶段一 (当前-2025)：</strong> 基础设施与标准建设期</li>
|
||
<li><strong>阶段二 (2025-2027)：</strong> 多行业试点与资产扩张期</li>
|
||
<li><strong>阶段三 (2027以后)：</strong> 金融深化与生态成熟期</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="space-y-6">
|
||
<h3 class="text-2xl font-bold text-violet-300">4. 产业链与核心公司深度剖析</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<span class="tag bg-blue-500/10 text-blue-300 border-blue-400/30">上游：基础设施与服务层</span>
|
||
<p class="mt-2 text-gray-400 text-sm">技术提供商（太极股份、易华录）、数据服务商（三维天地、拓尔思）。</p>
|
||
</div>
|
||
<div>
|
||
<span class="tag bg-purple-500/10 text-purple-300 border-purple-400/30">中游：数据资产化与交易层</span>
|
||
<p class="mt-2 text-gray-400 text-sm">数据资源持有方（上海钢联、中远海科）、交易平台（上海数据交易所）、交易所参股方（中国电信、云赛智联）。</p>
|
||
</div>
|
||
<div>
|
||
<span class="tag bg-rose-500/10 text-rose-300 border-rose-400/30">下游：应用与资本层</span>
|
||
<p class="mt-2 text-gray-400 text-sm">金融机构（银行、券商）、实体企业（协鑫能科）。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<h4 class="text-xl font-semibold text-white mt-8 mb-4">核心玩家对比</h4>
|
||
<div class="bento-grid">
|
||
<div class="bento-item md:col-span-2">
|
||
<h5 class="font-bold text-emerald-400">逻辑最纯粹的“资产方”：上海钢联 & 中远海科</h5>
|
||
<p class="text-sm text-gray-300 mt-2">拥有核心数据资产，且已在数据产品化、资产化上迈出实质性步伐。业务模式直接印证RDA核心逻辑，数据壁垒极高。</p>
|
||
</div>
|
||
<div class="bento-item">
|
||
<h5 class="font-bold text-emerald-400">深度参与的“服务商”：三维天地</h5>
|
||
<p class="text-sm text-gray-300 mt-2">定位为RDA的“技术底座”和“卖水人”，深度参与标准制定，具备平台属性，成长与RDA生态扩张强相关。</p>
|
||
</div>
|
||
<div class="bento-item">
|
||
<h5 class="font-bold text-emerald-400">潜力巨大的“国资巨人”：隧道股份</h5>
|
||
<p class="text-sm text-gray-300 mt-2">拥有海量、独家、高价值的城市基建运营数据，作为地方国企具备天然合作优势。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="space-y-6">
|
||
<h3 class="text-2xl font-bold text-violet-300">5. 潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-3 text-gray-300">
|
||
<li><strong class="text-red-400">技术风险：</strong> 数据标准化和资产评估模型是关键技术瓶颈。</li>
|
||
<li><strong class="text-red-400">商业化风险：</strong> 早期市场可能面临流动性不足和收益不及预期的挑战。</li>
|
||
<li><strong class="text-red-400">政策与竞争风险：</strong> 面临多部门交叉监管的不确定性，以及其他数据交易所的区域竞争。</li>
|
||
<li><strong class="text-red-400">信息交叉验证风险：</strong> 概念极度新颖，多数概念股为市场逻辑推演，存在被“错杀”或“错捧”的风险。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-2xl font-bold text-violet-300 mb-4">6. 综合结论与投资启示</h3>
|
||
<p class="text-gray-300 leading-relaxed mb-4">RDA概念股明确处于<strong class="text-white">政策催化下的主题炒作阶段</strong>，具备长期想象空间，但远未进入基本面驱动阶段。这是一个需要“用望远镜看，用显微镜选”的赛道。</p>
|
||
<div class="border-l-4 border-emerald-400 pl-4 space-y-2">
|
||
<p class="text-lg font-semibold text-emerald-300">最具投资价值的细分环节：</p>
|
||
<p class="text-gray-300">1. <strong class="text-white">核心数据资产持有方</strong>（逻辑最硬的“资源拥有者”）：上海钢联、中远海科、隧道股份。</p>
|
||
<p class="text-gray-300">2. <strong class="text-white">深度绑定的核心服务商</strong>（分享赛道红利的“铲子”）：三维天地。</p>
|
||
</div>
|
||
<div class="mt-4 border-l-4 border-violet-400 pl-4 space-y-2">
|
||
<p class="text-lg font-semibold text-violet-300">需重点跟踪验证的关键指标：</p>
|
||
<ul class="list-disc list-inside text-gray-300 text-sm">
|
||
<li><strong>交易所层面：</strong> RDA挂牌产品数量、交易总额（GMV）。</li>
|
||
<li><strong>公司层面：</strong> 数据业务收入占比、RDA相关合同订单金额。</li>
|
||
<li><strong>政策层面：</strong> 国家是否出台指导意见，将“上海经验”推广为“全国模式”。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- Supporting Data -->
|
||
<section id="supporting-data" class="glass-card p-6 sm:p-10 space-y-8">
|
||
<h2 class="section-title">背景资料库</h2>
|
||
<div class="space-y-4">
|
||
<div class="collapse collapse-plus bg-base-200/50 border border-white/10 rounded-2xl">
|
||
<input type="radio" name="data-accordion" checked="checked" />
|
||
<div class="collapse-title">新闻数据深度挖掘</div>
|
||
<div class="collapse-content text-gray-400 text-sm space-y-4">
|
||
<p><strong>RDA概念提出：</strong>上海数据交易所在“资本市场新机遇：RDA”闭门研讨会首次提出RDA（Real Data Assets）新范式，强调锚定实数融合的实体资产，通过数据对实体资产进行真实性校验和价值提升。RDA被定义为RWA的子集和灵魂，旨在将“真数据”变为“金资产”。</p>
|
||
<p><strong>五大特点：</strong>实数融合、真实透明、收益可信、价值重构、生态协同。</p>
|
||
<p><strong>市场反应：</strong>消息催化下，数据要素概念局部异动，中远海科涨停，三维天地、上海钢联、拓尔思等跟涨。</p>
|
||
<p><strong>相关公司提及：</strong>三维天地（积极参与示范项目）、中远海科（船视宝数据挂牌）、上海钢联（钢铁RWA挂牌经验）、中新赛克（获数商认证）、协鑫能科（光伏资产RDA案例）。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-base-200/50 border border-white/10 rounded-2xl">
|
||
<input type="radio" name="data-accordion" />
|
||
<div class="collapse-title">路演信息精华</div>
|
||
<div class="collapse-content text-gray-400 text-sm space-y-4">
|
||
<p><strong>RDA vs RWA：</strong>RDA聚焦数据对实体资产的验证与增信，RWA聚焦实体资产的分割与代币化，两者互补。RDA是解决数据要素市场确权、定价、真实性三大痛点的关键。</p>
|
||
<p><strong>资本化路径：</strong>数据采集（物联网+区块链）-> 封装（DAS资产包）-> 金融变现（抵押/稳定币/证券化）-> 跨境流通。</p>
|
||
<p><strong>明确布局公司：</strong>三维天地（深耕数据资产管理，与上数所合作推进试点）、浙数文化（浙江大数据交易中心具备RDA资质，聚焦金融场景）。</p>
|
||
<p><strong>标杆案例：</strong>上海钢联“数易贷”、协鑫能科光伏数据证券化、中远海科“传世宝”物流数据资产包、上海马陆葡萄农业数据项目。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus bg-base-200/50 border border-white/10 rounded-2xl">
|
||
<input type="radio" name="data-accordion" />
|
||
<div class="collapse-title">核心研报摘要</div>
|
||
<div class="collapse-content text-gray-400 text-sm space-y-4">
|
||
<p><strong>核心定义：</strong>研报重申RDA是由上海数据交易所首次提出的新范式，是“三权分置”的创新，旨在推动数据要素市场化和数实融合。</p>
|
||
<p><strong>市场意义：</strong>RDA与RWA相辅相成，有助于构建以人民币计价的真实资产链上生态，为人民币国际化增添新动能。</p>
|
||
<p><strong>核心标的：</strong>
|
||
<br>- <strong>隧道股份：</strong>拥有海量城市基建运营数据，已在上数所完成多笔交易，成立数字集团，被广发证券给予“买入”评级。
|
||
<br>- <strong>数据资产类：</strong>上海钢联、道通科技、慧辰股份等。
|
||
<br>- <strong>链上交易相关：</strong>宇信科技、四方精创、连连数字等。
|
||
<br>- <strong>其他受益标的：</strong>卓易信息、合合信息、朗新集团、云赛智联、通行宝、国新健康等被多家研报提及。
|
||
</p>
|
||
<p><strong>风险提示：</strong>政策与监管风险、市场竞争加剧风险、技术发展不及预期风险。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stocks Section -->
|
||
<section id="stocks" class="glass-card p-6 sm:p-10 space-y-8">
|
||
<h2 class="section-title">核心标的池</h2>
|
||
|
||
<!-- ECharts Container -->
|
||
<div class="w-full h-96" id="stock-category-chart"></div>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心关联原因</th>
|
||
<th>标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- Data will be populated by JS, but here's a sample structure -->
|
||
<tr>
|
||
<td>中国电信</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601728" target="_blank" class="text-emerald-400 hover:underline">601728</a></td>
|
||
<td>通过上海市信息投资股份有限公司间接持有上海数交所6%</td>
|
||
<td><span class="tag">上海数交所-参股</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>东方明珠</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600637" target="_blank" class="text-emerald-400 hover:underline">600637</a></td>
|
||
<td>通过上海市信息投资股份有限公司间接持有上海数交所5.33%</td>
|
||
<td><span class="tag">上海数交所-参股</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>三维天地</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301159" target="_blank" class="text-emerald-400 hover:underline">301159</a></td>
|
||
<td>公司是上海数据交易所认证的数据产品开发服务商，深度参与生态建设</td>
|
||
<td><span class="tag">上海数交所-数据服务商</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>拓尔思</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300229" target="_blank" class="text-emerald-400 hover:underline">300229</a></td>
|
||
<td>战略合作上海数交所涉及数据资产登记与入表、数据加工处理服务等</td>
|
||
<td><span class="tag">上海数交所-数据服务商</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>中新赛克</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002912" target="_blank" class="text-emerald-400 hover:underline">002912</a></td>
|
||
<td>海睿思通过上海数据交易所的数商认证获得三大服务商证书</td>
|
||
<td><span class="tag">上海数交所-数据服务商</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>中远海科</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002401" target="_blank" class="text-emerald-400 hover:underline">002401</a></td>
|
||
<td>船视宝数据产品在上海数据交易所挂牌，是航运数据资产化的标杆</td>
|
||
<td><span class="tag">上海数交所-数据资产</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>上海钢联</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300226" target="_blank" class="text-emerald-400 hover:underline">300226</a></td>
|
||
<td>钢铁产业数据挂牌，且有RWA香港挂牌经验，是数实融合的先行者</td>
|
||
<td><span class="tag">上海数交所-数据资产</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>通行宝</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301339" target="_blank" class="text-emerald-400 hover:underline">301339</a></td>
|
||
<td>智慧交通系统相关数据产品已逐步在上海数据交易所挂牌</td>
|
||
<td><span class="tag">上海数交所-数据资产</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>国新健康</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000503" target="_blank" class="text-emerald-400 hover:underline">000503</a></td>
|
||
<td>医保端业务覆盖广泛，市占率高，拥有海量高价值医保数据</td>
|
||
<td><span class="tag">行业数据要素</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>云赛智联</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600602" target="_blank" class="text-emerald-400 hover:underline">600602</a></td>
|
||
<td>逐步建立起政企大数据平台建设与运营能力，深耕上海本地国资数据</td>
|
||
<td><span class="tag">行业数据要素</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>德生科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002908" target="_blank" class="text-emerald-400 hover:underline">002908</a></td>
|
||
<td>拥有社保数据，并中标广州数据交易所服务专区代运营项目</td>
|
||
<td><span class="tag">行业数据要素</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>信息发展</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300469" target="_blank" class="text-emerald-400 hover:underline">300469</a></td>
|
||
<td>获上海数交所数商证书，已上架若干数据产品</td>
|
||
<td><span class="tag">上海数交所-数据服务商</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>普元信息</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=688118" target="_blank" class="text-emerald-400 hover:underline">688118</a></td>
|
||
<td>上海数据交易所签约数据治理服务商</td>
|
||
<td><span class="tag">上海数交所-数据服务商</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>易华录</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300212" target="_blank" class="text-emerald-400 hover:underline">300212</a></td>
|
||
<td>数据服务已入驻并上架至上海数据交易所</td>
|
||
<td><span class="tag">上海数交所-数据服务商</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>万达信息</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300168" target="_blank" class="text-emerald-400 hover:underline">300168</a></td>
|
||
<td>医疗健康相关数据产品在上海数据交易所挂牌</td>
|
||
<td><span class="tag">上海数交所-数据资产</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center py-8">
|
||
<p class="text-xs text-gray-500">本报告为AI合成数据，投资需谨慎。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('stock-category-chart');
|
||
var myChart = echarts.init(chartDom, 'dark'); // Initialize with dark theme
|
||
var option;
|
||
|
||
const data = [
|
||
{ value: 2, name: '上海数交所-参股' },
|
||
{ value: 9, name: '上海数交所-数据服务商' },
|
||
{ value: 10, name: '上海数交所-数据资产' },
|
||
{ value: 10, name: '行业数据要素' }
|
||
];
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
title: {
|
||
text: 'RDA概念股分类统计',
|
||
left: 'center',
|
||
top: 20,
|
||
textStyle: {
|
||
color: '#ccc'
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c} ({d}%)',
|
||
backgroundColor: 'rgba(20, 20, 30, 0.8)',
|
||
borderColor: 'rgba(255, 255, 255, 0.2)',
|
||
textStyle: {
|
||
color: '#fff'
|
||
}
|
||
},
|
||
visualMap: {
|
||
show: false,
|
||
min: 1,
|
||
max: 12,
|
||
inRange: {
|
||
colorLightness: [0.2, 0.8]
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '分类',
|
||
type: 'pie',
|
||
radius: '70%',
|
||
center: ['50%', '55%'],
|
||
data: data.sort(function (a, b) { return a.value - b.value; }),
|
||
roseType: 'radius',
|
||
label: {
|
||
color: 'rgba(255, 255, 255, 0.7)'
|
||
},
|
||
labelLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
},
|
||
smooth: 0.2,
|
||
length: 10,
|
||
length2: 20
|
||
},
|
||
itemStyle: {
|
||
color: '#a78bfa',
|
||
shadowBlur: 200,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
},
|
||
animationType: 'scale',
|
||
animationEasing: 'elasticOut',
|
||
animationDelay: function (idx) {
|
||
return Math.random() * 200;
|
||
}
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |