454 lines
29 KiB
HTML
454 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>数据要素 - 深度投研报告</title>
|
||
|
||
<!-- Tailwind & DaisyUI -->
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
||
<!-- 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 for a futuristic feel -->
|
||
<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=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap" rel="stylesheet">
|
||
|
||
<style>
|
||
:root {
|
||
--glow-color-1: rgba(0, 225, 255, 0.3);
|
||
--glow-color-2: rgba(255, 0, 255, 0.3);
|
||
--glass-bg: rgba(20, 20, 40, 0.5);
|
||
--glass-border: rgba(255, 255, 255, 0.15);
|
||
}
|
||
|
||
body {
|
||
background-color: #010008;
|
||
background-image:
|
||
radial-gradient(ellipse 80% 80% at 10% -20%, var(--glow-color-1), transparent),
|
||
radial-gradient(ellipse 80% 80% at 90% 120%, var(--glow-color-2), transparent);
|
||
background-attachment: fixed;
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
@keyframes subtle-glow {
|
||
0% { opacity: 0.6; transform: scale(1); }
|
||
50% { opacity: 1; transform: scale(1.05); }
|
||
100% { opacity: 0.6; transform: scale(1); }
|
||
}
|
||
|
||
.animated-glow-bg {
|
||
background-image:
|
||
radial-gradient(ellipse 80% 80% at 10% -20%, var(--glow-color-1), transparent),
|
||
radial-gradient(ellipse 80% 80% at 90% 120%, var(--glow-color-2), transparent);
|
||
animation: subtle-glow 20s ease-in-out infinite;
|
||
}
|
||
|
||
.glass-card {
|
||
background-color: var(--glass-bg);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid var(--glass-border);
|
||
border-radius: 1.5rem; /* 24px */
|
||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.5);
|
||
border-color: rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
.fui-title {
|
||
font-family: 'Orbitron', sans-serif;
|
||
letter-spacing: 0.1em;
|
||
text-shadow: 0 0 8px rgba(0, 225, 255, 0.7);
|
||
}
|
||
|
||
.highlight-text {
|
||
color: #00e1ff;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
|
||
.bento-item {
|
||
grid-column: span 12;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
.bento-item-1 { grid-column: span 12; }
|
||
.bento-item-2 { grid-column: span 7; }
|
||
.bento-item-3 { grid-column: span 5; }
|
||
.bento-item-4 { grid-column: span 5; }
|
||
.bento-item-5 { grid-column: span 7; }
|
||
}
|
||
|
||
.daisy-table a {
|
||
color: #58c7f3;
|
||
text-decoration: none;
|
||
transition: color 0.2s;
|
||
}
|
||
.daisy-table a:hover {
|
||
color: #93e0ff;
|
||
text-decoration: underline;
|
||
}
|
||
.tag-red {
|
||
color: #ff5555;
|
||
font-weight: bold;
|
||
text-shadow: 0 0 5px rgba(255, 85, 85, 0.5);
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="min-h-screen">
|
||
|
||
<!-- Background Glow Element -->
|
||
<div class="fixed top-0 left-0 w-full h-full animated-glow-bg -z-10"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 lg:py-16">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center mb-12 lg:mb-20">
|
||
<h1 class="fui-title text-4xl md:text-6xl font-bold text-white tracking-widest">
|
||
DATA ELEMENT
|
||
</h1>
|
||
<p class="text-lg md:text-xl text-cyan-200 mt-2">数据要素 · 深度投研报告</p>
|
||
<div class="mt-6 text-xs text-gray-500 max-w-2xl mx-auto glass-card p-3 inline-block">
|
||
<p>北京价值前沿科技有限公司 AI投研agent:“价小前投研” 进行投研呈现</p>
|
||
<p>本报告为AI合成数据,投资需谨慎。</p>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Insight & Core Logic -->
|
||
<section class="mb-12 lg:mb-20">
|
||
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">核心洞察 / Core Insight</h2>
|
||
<div class="bento-grid">
|
||
<!-- Core View -->
|
||
<div class="bento-item bento-item-1 glass-card p-6 lg:p-8">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">核心观点摘要</h3>
|
||
<p class="text-base text-gray-300">
|
||
数据要素是国家顶层推动的战略性概念,目前正处于从<strong class="highlight-text">政策框架搭建</strong>向<strong class="highlight-text">产业化落地探索</strong>过渡的“政产共振”初期阶段。其核心驱动力源于国家层面释放数据价值、培育新增长引擎的迫切需求,而非单纯的技术突破。未来潜力巨大,但短期内,<strong class="highlight-text">公共数据授权运营</strong>和<strong class="highlight-text">特定行业的数据资产化</strong>是观察其能否从宏大叙事转向商业现实的关键试金石。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Core Logic & Market Perception -->
|
||
<div class="bento-item bento-item-2 glass-card p-6 lg:p-8 flex flex-col">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">核心逻辑与市场认知</h3>
|
||
<div class="space-y-4 text-gray-300 flex-grow">
|
||
<div>
|
||
<h4 class="font-semibold text-white">驱动力:政策驱动下的价值重估</h4>
|
||
<p class="text-sm">根本逻辑是自上而下的政策强力驱动,旨在创造经济新动能、解决现实问题(如地方化债、降本增效)并夯实数字经济(AI、数字政府)基础。“授权运营”、“数据资产入表”等制度创新,本质是为无形的数据赋予<strong class="highlight-text">资产属性</strong>和<strong class="highlight-text">价值标尺</strong>。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white">市场情绪:上热下冷</h4>
|
||
<p class="text-sm">市场层面因政策密集发布而高度乐观,预期板块行情。然而产业实践层面存在显著谨慎情绪,从业者更关注数据安全、质量标准、商业模式等落地难题,构成<strong class="highlight-text">“上热下冷”</strong>的当前特征。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Expectation Gap -->
|
||
<div class="bento-item bento-item-3 glass-card p-6 lg:p-8">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">预期差分析</h3>
|
||
<ul class="space-y-3 text-sm text-gray-300">
|
||
<li class="pl-4 border-l-2 border-fuchsia-500">
|
||
<strong class="text-white">数据交易繁荣度:</strong>市场憧憬“一地上架、全国互认”,现实是交易所<strong class="text-red-400">“数量膨胀但交易冷清”</strong>,80%产品无人问津,场外交易仍是主流。
|
||
</li>
|
||
<li class="pl-4 border-l-2 border-fuchsia-500">
|
||
<strong class="text-white">数据资产入表实质:</strong>市场视其为价值重估利器,但先行者(如运营商)态度<strong class="text-red-400">“保守”</strong>,多用成本法估值,金额占比极低,远未到重构估值的地步。
|
||
</li>
|
||
<li class="pl-4 border-l-2 border-fuchsia-500">
|
||
<strong class="text-white">公共数据开放进度:</strong>政策大力鼓励,但地方数据局多为<strong class="text-red-400">“空壳部门”</strong>,跨部门协同困难,执行进度不及预期。
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Key Catalysts -->
|
||
<div class="bento-item bento-item-4 glass-card p-6 lg:p-8">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">关键催化剂</h3>
|
||
<h4 class="font-semibold text-white mb-2">近期 (3-6个月)</h4>
|
||
<ul class="list-disc list-inside text-sm space-y-1 text-gray-300">
|
||
<li>国家数据局剩余<strong class="highlight-text">8项制度文件</strong>正式稿发布。</li>
|
||
<li>首批<strong class="highlight-text">国家数据要素综合试验区</strong>标杆案例公布。</li>
|
||
<li>财政部数据资产入表细则与<strong class="highlight-text">“市场法”</strong>评估案例扩散。</li>
|
||
<li>传闻中的<strong class="highlight-text">国家数据集团</strong>正式挂牌运作。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Investment Conclusion -->
|
||
<div class="bento-item bento-item-5 glass-card p-6 lg:p-8">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">综合结论与投资启示</h3>
|
||
<p class="text-sm text-gray-300 mb-4">
|
||
概念整体处于<strong class="highlight-text">主题炒作与基本面萌芽的交织阶段</strong>。估值由政策预期主导,但部分细分领域已现业绩萌芽。未来1-2年是验证“概念”能否转化为“利润”的关键期。
|
||
</p>
|
||
<div class="grid md:grid-cols-2 gap-4 text-sm">
|
||
<div>
|
||
<h4 class="font-semibold text-white">方向一:数据基础设施“国家队”</h4>
|
||
<p class="text-gray-300">逻辑类似“高速公路”,政策资金投入最直接,确定性高。如深桑达A、易华录、三大运营商等。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white">方向二:垂直行业应用商</h4>
|
||
<p class="text-gray-300">离钱最近,商业模式清晰。如医疗医保(国新健康)、交通物流(中远海科)、金融风控(中科江南)等。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Policy Timeline -->
|
||
<section class="mb-12 lg:mb-20">
|
||
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">演进之路 / Evolution Path</h2>
|
||
<div class="glass-card p-6 lg:p-8">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4 text-center">关键政策与事件时间轴</h3>
|
||
<div id="timeline-chart" class="w-full h-[500px]"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Development Path -->
|
||
<section class="mb-12 lg:mb-20">
|
||
<div class="glass-card p-6 lg:p-8">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-6 text-center">长期发展路径 (预计3-5年)</h3>
|
||
<ul class="steps steps-vertical lg:steps-horizontal w-full text-sm">
|
||
<li class="step step-primary" data-content="✓">
|
||
<span class="font-bold">阶段一: 基础设施与制度建设期 (当前)</span>
|
||
<p class="text-xs text-gray-400">“铁三角”成型, 核心制度密集出台</p>
|
||
</li>
|
||
<li class="step step-primary">
|
||
<span class="font-bold">阶段二: 公共数据价值释放期 (1-2年)</span>
|
||
<p class="text-xs text-gray-400">授权运营现盈利模式, "数据财政"显现</p>
|
||
</li>
|
||
<li class="step">
|
||
<span class="font-bold">阶段三: 产业数据大流通期 (2-4年)</span>
|
||
<p class="text-xs text-gray-400">隐私计算成熟, 场内交易额提升</p>
|
||
</li>
|
||
<li class="step">
|
||
<span class="font-bold">阶段四: 成熟生态期 (5年以上)</span>
|
||
<p class="text-xs text-gray-400">成经济引擎, 金融衍生品成熟</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risks & Supporting Data -->
|
||
<section class="mb-12 lg:mb-20" x-data="{ tab: 'risks' }">
|
||
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">风险分析与情报摘要</h2>
|
||
<div class="tabs tabs-boxed bg-black/30 mb-6">
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'risks' }" @click="tab = 'risks'">潜在风险与挑战</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'news' }" @click="tab = 'news'">新闻摘要</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'roadshow' }" @click="tab = 'roadshow'">路演精要</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'research' }" @click="tab = 'research'">研报观点</a>
|
||
</div>
|
||
|
||
<div class="glass-card p-6 lg:p-8 min-h-[300px]">
|
||
<!-- Risks Panel -->
|
||
<div x-show="tab === 'risks'">
|
||
<h3 class="text-xl font-bold text-red-400 mb-4">风险提示</h3>
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 text-sm">
|
||
<div>
|
||
<h4 class="font-semibold text-white">技术风险</h4>
|
||
<ul class="list-disc list-inside space-y-1 mt-2 text-gray-300">
|
||
<li><strong class="text-red-400">隐私计算瓶颈:</strong>同态加密等技术5年内难大规模商用,制约数据安全流通。</li>
|
||
<li><strong class="text-red-400">数据治理能力弱:</strong>95%企业治理能力不足,仅2%数据被有效管理,资产化前期投入巨大。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white">商业化风险</h4>
|
||
<ul class="list-disc list-inside space-y-1 mt-2 text-gray-300">
|
||
<li><strong class="text-red-400">定价与分配机制缺失:</strong>“不会分”问题阻碍商业模式形成。</li>
|
||
<li><strong class="text-red-400">供需错配:</strong>供给方“不敢供”,需求方找不到高质量数据,导致“80%数据产品无人问津”。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white">政策与监管风险</h4>
|
||
<ul class="list-disc list-inside space-y-1 mt-2 text-gray-300">
|
||
<li><strong class="text-red-400">政策落地不及预期:</strong>顶层设计与地方实践脱节,执行速度慢于市场预期。</li>
|
||
<li><strong class="text-red-400">数据安全监管:</strong>重大泄露事件可能引发监管突然收紧,冲击产业生态。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- News Panel -->
|
||
<div x-show="tab === 'news'" style="display: none;">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">新闻摘要</h3>
|
||
<ul class="space-y-3 text-sm text-gray-300 max-h-[400px] overflow-y-auto">
|
||
<li><strong>宏观政策:</strong>数据被定位为第五大生产要素,是国家级战略资源。中央层面首次系统部署公共数据开发利用,核心是<strong class="highlight-text">“授权运营”</strong>,并鼓励地方先行先试。</li>
|
||
<li><strong>地方实践:</strong>广州拟将数据要素<strong class="highlight-text">纳入GDP核算</strong>,被视为里程碑。多地成立数据集团,探索“数据财政”。</li>
|
||
<li><strong>产业发展:</strong>国家数据局目标到2029年数据产业年复合增长超15%。电信运营商凭借海量优质数据,竞争优势显著,大数据业务增速达69.2%。</li>
|
||
<li><strong>资产化里程碑:</strong>2024年10月,全国首例以<strong class="highlight-text">“市场法”</strong>评估的数据资产成功入表并获得1000万元贷款,标志着金融实践的关键突破。</li>
|
||
<li><strong>行业应用:</strong>首家数科央企成立,聚焦构建<strong class="highlight-text">国家级物流大数据平台</strong>。医保数据赋能商业健康险在“商保快直赔”等场景落地。</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Roadshow Panel -->
|
||
<div x-show="tab === 'roadshow'" style="display: none;">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">路演精要</h3>
|
||
<ul class="space-y-3 text-sm text-gray-300 max-h-[400px] overflow-y-auto">
|
||
<li><strong>核心矛盾:</strong>产业面临供给侧“不敢供、不愿用、不会分”的核心困境,政策落地进度不及预期。</li>
|
||
<li><strong>数据交易所现状:</strong>数量多但交易冷清,<strong class="text-red-400">80%数据产品无人问津</strong>,功能单一,供需错配。</li>
|
||
<li><strong>关键技术:</strong>隐私计算是实现“数据可用不可见”的核心,但技术仍不成熟。<strong class="highlight-text">机密计算</strong>更易落地,而同态加密5年内难商用。</li>
|
||
<li><strong>授权运营模式:</strong>核心原则是<strong class="highlight-text">“原始数据不出域,数据可用不可见”</strong>。地方探索通过行政收费或国资有偿使用模式破解合规问题。</li>
|
||
<li><strong>发展阶段:</strong>产业仍处早期,数据资产入表、公共数据标准化等需<strong class="highlight-text">3-5年</strong>完善。短期看授权运营试点和基建,长期看数据资产化与AI融合。</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Research Panel -->
|
||
<div x-show="tab === 'research'" style="display: none;">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4">研报观点</h3>
|
||
<ul class="space-y-3 text-sm text-gray-300 max-h-[400px] overflow-y-auto">
|
||
<li><strong>发展阶段:</strong>2024年是数据要素进入<strong class="highlight-text">“政产共振”</strong>的关键一年,从政策驱动迈向产业落地。</li>
|
||
<li><strong>核心主题:</strong>数字中国建设峰会等顶层会议均聚焦“释放数据要素价值,发展新质生产力”。</li>
|
||
<li><strong>市场规模:</strong>“十四五”期间数据要素流通市场规模预计达5000亿-1万亿元,衍生市场规模超60万亿元。</li>
|
||
<li><strong>产业链投资机遇:</strong>上游基础设施(数据存储、安全),中游流通服务(授权运营、交易所),下游垂直应用(医疗、金融、交通等)均有机会。</li>
|
||
<li><strong>关键行动:</strong><strong class="highlight-text">“数据要素×”</strong>行动计划是推动应用落地的重要抓手,目标是打造300个以上典型场景。数据资产入表需求正在爆发。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock List Table -->
|
||
<section>
|
||
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">关联标的 / Associated Stocks</h2>
|
||
<div class="overflow-x-auto glass-card">
|
||
<table class="table daisy-table w-full">
|
||
<thead>
|
||
<tr class="text-cyan-200">
|
||
<th>股票名称</th>
|
||
<th>关联原因</th>
|
||
<th>其他标签</th>
|
||
<th>股票代码</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- Infrastructure -->
|
||
<tr class="bg-white/5"><td colspan="4" class="font-bold text-white">上游:数据资源与基础设施</td></tr>
|
||
<tr><td>深桑达A</td><td>数据存储 / 国家队</td><td>央企</td><td>-</td></tr>
|
||
<tr><td>易华录</td><td>数据存储 / 交易所</td><td>央企</td><td><a href="https://valuefrontier.cn/company?scode=300212" target="_blank">300212</a></td></tr>
|
||
<tr><td>中国电信</td><td>数据存储 / 数据源</td><td>央企, 资产入表</td><td><a href="https://valuefrontier.cn/company?scode=601728" target="_blank">601728</a></td></tr>
|
||
<tr><td>中国联通</td><td>数据存储 / 数据源</td><td>央企, 资产入表</td><td><a href="https://valuefrontier.cn/company?scode=600050" target="_blank">600050</a></td></tr>
|
||
<tr><td>奇安信</td><td>数据安全</td><td>-</td><td><a href="https://valuefrontier.cn/company?scode=688561" target="_blank">688561</a></td></tr>
|
||
|
||
<!-- Circulation & Services -->
|
||
<tr class="bg-white/5"><td colspan="4" class="font-bold text-white">中游:数据流通与服务</td></tr>
|
||
<tr><td>三维天地</td><td>数据清洗</td><td>数据加工/分析</td><td><a href="https://valuefrontier.cn/company?scode=301159" target="_blank">301159</a></td></tr>
|
||
<tr><td>海天瑞声</td><td>数据标注</td><td>数据加工/分析</td><td><a href="https://valuefrontier.cn/company?scode=688787" target="_blank">688787</a></td></tr>
|
||
<tr><td>人民网</td><td>数据确权</td><td>数据交易</td><td><a href="https://valuefrontier.cn/company?scode=603000" target="_blank">603000</a></td></tr>
|
||
<tr><td>浙数文化</td><td>交易所</td><td>数据交易</td><td><a href="https://valuefrontier.cn/company?scode=600633" target="_blank">600633</a></td></tr>
|
||
<tr><td>广电运通</td><td>数据存储 / 交易所</td><td>地方</td><td><a href="https://valuefrontier.cn/company?scode=002152" target="_blank">002152</a></td></tr>
|
||
|
||
<!-- Application & Scenarios -->
|
||
<tr class="bg-white/5"><td colspan="4" class="font-bold text-white">下游:数据应用与场景</td></tr>
|
||
<tr><td>国新健康</td><td>医疗数据</td><td>行业数据</td><td><a href="https://valuefrontier.cn/company?scode=000503" target="_blank">000503</a></td></tr>
|
||
<tr><td>久远银海</td><td>医疗数据</td><td>行业数据</td><td><a href="https://valuefrontier.cn/company?scode=002777" target="_blank">002777</a></td></tr>
|
||
<tr><td>中远海科</td><td>航运数据 / 交通数据</td><td>行业数据</td><td><a href="https://valuefrontier.cn/company?scode=002401" target="_blank">002401</a></td></tr>
|
||
<tr><td>上海钢联</td><td>大宗数据</td><td>行业数据, 资产入表</td><td><a href="https://valuefrontier.cn/company?scode=300226" target="_blank">300226</a></td></tr>
|
||
<tr><td>每日互动</td><td>营销数据 / 公共安全</td><td>行业数据, 数据安全</td><td><a href="https://valuefrontier.cn/company?scode=300766" target="_blank">300766</a></td></tr>
|
||
<tr><td>通达海</td><td>司法数据</td><td class="tag-red">行业数据, 标红</td><td><a href="https://valuefrontier.cn/company?scode=301378" target="_blank">301378</a></td></tr>
|
||
<tr><td>竞业达</td><td>其他 (教育) / 数据安全</td><td class="tag-red">行业数据, 标红</td><td><a href="https://valuefrontier.cn/company?scode=003005" target="_blank">003005</a></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('timeline-chart');
|
||
var myChart = echarts.init(chartDom, 'dark');
|
||
var option;
|
||
|
||
const data = [
|
||
{ name: '理论定调\n第五大生产要素', value: [new Date('2020-04-01'), 1] },
|
||
{ name: '制度框架\n“数据二十条”', value: [new Date('2022-12-01'), 2] },
|
||
{ name: '组织保障\n国家数据局组建', value: [new Date('2023-03-01'), 1] },
|
||
{ name: '行动纲领\n“数据要素×”计划', value: [new Date('2024-01-01'), 2] },
|
||
{ name: '政策密集期启动\n预告8项文件', value: [new Date('2024-07-01'), 1] },
|
||
{ name: '公共数据顶层设计\n“授权运营”', value: [new Date('2024-10-09'), 3] },
|
||
{ name: '资产化里程碑\n“市场法”入表贷款', value: [new Date('2024-10-22'), 4] },
|
||
{ name: '地方立法突破\n拟纳入GDP核算', value: [new Date('2024-11-01'), 2] },
|
||
{ name: '产业应用深化\n国家级物流平台', value: [new Date('2024-12-19'), 3] },
|
||
];
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: function (params) {
|
||
return params.marker + params.data.name;
|
||
}
|
||
},
|
||
grid: {
|
||
left: '5%',
|
||
right: '5%',
|
||
bottom: '10%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: { lineStyle: { color: '#8392A2' } },
|
||
splitLine: { show: false },
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
show: false,
|
||
max: 5
|
||
},
|
||
series: [{
|
||
type: 'scatter',
|
||
symbol: 'circle',
|
||
symbolSize: function(val, params) {
|
||
return params.data.value[1] * 8 + 10;
|
||
},
|
||
itemStyle: {
|
||
color: new echarts.graphic.RadialGradient(0.5, 0.5, 0.5, [
|
||
{ offset: 0, color: 'rgba(0, 225, 255, 1)' },
|
||
{ offset: 1, color: 'rgba(0, 225, 255, 0.5)' }
|
||
]),
|
||
shadowColor: 'rgba(0, 225, 255, 1)',
|
||
shadowBlur: 15
|
||
},
|
||
label: {
|
||
show: true,
|
||
position: 'bottom',
|
||
formatter: '{b}',
|
||
color: '#E0E0E0',
|
||
fontSize: 12,
|
||
align: 'center',
|
||
lineHeight: 16,
|
||
},
|
||
data: data,
|
||
encode: {
|
||
x: 0,
|
||
y: 1
|
||
}
|
||
}, {
|
||
type: 'line',
|
||
lineStyle: {
|
||
width: 1,
|
||
color: 'rgba(255, 255, 255, 0.2)',
|
||
type: 'dashed'
|
||
},
|
||
showSymbol: false,
|
||
data: data.map(item => [item.value[0], 2.5]),
|
||
}]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', function() {
|
||
myChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |