update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -0,0 +1,488 @@
<!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>
<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" />
<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>
<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=Lexend:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Lexend', sans-serif;
background-color: #00000a;
color: #e0e0e0;
overflow-x: hidden;
}
.turrell-glow {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: -1;
background:
radial-gradient(circle at 10% 20%, rgba(29, 78, 216, 0.15) 0%, transparent 40%),
radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.15) 0%, transparent 40%);
animation: glow-breathe 20s ease-in-out infinite alternate;
}
@keyframes glow-breathe {
0% { transform: scale(1); opacity: 0.8; }
100% { transform: scale(1.2); opacity: 1; }
}
.glass-card {
background: rgba(17, 24, 39, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(17, 24, 39, 0.6);
border: 1px solid rgba(255, 255, 255, 0.2);
transform: translateY(-4px);
box-shadow: 0 0 30px rgba(139, 92, 246, 0.2);
}
.fui-header {
color: #ffffff;
text-shadow: 0 0 10px rgba(167, 139, 250, 0.7), 0 0 20px rgba(167, 139, 250, 0.5);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.daisy-table {
background-color: transparent;
}
.daisy-table th, .daisy-table td {
background-color: rgba(17, 24, 39, 0.6) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
}
.daisy-table tr:hover td {
background-color: rgba(31, 41, 55, 0.7) !important;
}
.collapse-title {
background: rgba(31, 41, 55, 0.5);
}
.collapse-content {
background: rgba(17, 24, 39, 0.7);
}
</style>
</head>
<body class="min-h-screen">
<div class="turrell-glow"></div>
<div class="relative min-h-screen p-4 sm:p-6 lg:p-8">
<main class="max-w-7xl mx-auto space-y-12">
<!-- Header -->
<header class="text-center py-12">
<h1 class="fui-header text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight">
沙特数据中心
</h1>
<p class="mt-4 text-lg text-gray-300 max-w-3xl mx-auto">
国家战略意志与主权财富基金驱动下的新基建浪潮
</p>
<div class="mt-6 text-xs text-gray-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎</p>
</div>
</header>
<!-- Insight Section -->
<section x-data="{ activeTab: 'summary' }" class="space-y-8">
<h2 class="fui-header text-3xl font-bold text-center">概念深度洞察 (Insight)</h2>
<!-- Bento Grid for Core Views -->
<div class="bento-grid">
<div class="glass-card p-6 lg:col-span-2">
<h3 class="text-xl font-semibold text-violet-300 mb-4">0. 核心观点摘要</h3>
<p class="text-gray-300">
“沙特数据中心”概念是一个由<strong class="text-cyan-300">国家战略意志</strong><strong class="text-cyan-300">主权财富基金PIF</strong>强力驱动的、处于<strong class="text-amber-300">大规模基础设施建设初期</strong>的重大投资主题。其核心驱动力源于沙特摆脱石油依赖、争夺区域AI领导地位的决心。当前市场正从宏大叙事阶段向验证具体订单落地的阶段过渡未来潜力巨大但机遇与执行风险并存产业链上游的基础设施环节将最先受益。
</p>
</div>
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">1. 市场热度与情绪</h3>
<p class="text-gray-300">
市场表现出高度关注和普遍的乐观情绪。马斯克、黑石、谷歌等国际顶级玩家的参与,极大提升了概念的“含金量”。市场情绪乐观,主要基于对沙特国家财力和执行力的信任。
</p>
</div>
</div>
<!-- Event Timeline Chart -->
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">2. 概念催化事件时间轴</h3>
<div id="timeline-chart" class="w-full h-96"></div>
</div>
<!-- Core Logic & Analysis -->
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">3. 核心逻辑与市场认知分析</h3>
<div class="space-y-4 text-gray-300">
<div>
<h4 class="font-semibold text-cyan-300">核心驱动力:国家战略 + 资本开路 + 内生需求</h4>
<ul class="list-disc list-inside mt-2 space-y-1 pl-4">
<li><strong class="text-white">政策驱动:</strong>根本逻辑是沙特的“2030愿景”将数字经济和AI作为核心突破口目标吸引200亿美元AI投资。数据中心建设具备极高的战略确定性。</li>
<li><strong class="text-white">资本驱动:</strong>约6200亿美元资产的PIF是“弹药库”通过成立HUMAIN直接主导投资解决了资金问题。1000亿美元AI基金、6GW数据中心等数字彰显其实力。</li>
<li><strong class="text-white">需求驱动:</strong>沙特阿美已开发自有大语言模型部署约500个AI用例证明了内部对高性能算力的真实且迫切的需求为数据中心提供了坚实的市场基础。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-cyan-300">预期差分析:宏大叙事与商业落地的差距</h4>
<ul class="list-disc list-inside mt-2 space-y-1 pl-4">
<li><strong class="text-white">规模与速度:</strong>6GW的宏伟蓝图 vs. 首批200MW初始容量2026年投运从规划到产生收入存在较长时间周期。</li>
<li><strong class="text-white">A股公司参与深度</strong>市场容易混淆“出海”与“深度绑定”。数据港与PIF签MOU为深度绑定级奥飞数据洽谈中为潜力参与级申菱环境等为供应商级参与程度差异显著。</li>
<li><strong class="text-white">被忽略的关键点:能源配套。</strong>沙特大力发展可再生能源目标2030年占比50%),是解决数据中心“耗电巨兽”瓶颈、建设绿色数据中心的核心前提,市场对此关注较少。</li>
</ul>
</div>
</div>
</div>
<!-- Industry Chain & Key Players -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">4. 关键催化剂与未来发展路径</h3>
<div>
<h4 class="font-semibold text-cyan-300">近期催化剂 (未来3-6个月)</h4>
<ul class="list-disc list-inside mt-2 space-y-1 pl-4 text-gray-300">
<li>HUMAIN与xAI合作的正式敲定。</li>
<li>数据港MOU转化为正式合同。</li>
<li>HUMAIN首批数据中心建设进度披露。</li>
<li>奥飞数据等洽谈中项目的落地公告。</li>
</ul>
</div>
<div class="mt-4">
<h4 class="font-semibold text-cyan-300">长期发展路径</h4>
<ol class="list-decimal list-inside mt-2 space-y-1 pl-4 text-gray-300">
<li><strong class="text-white">当前-2026年</strong>基础设施建设期,上游温控、供配电环节率先受益。</li>
<li><strong class="text-white">2026-2030年</strong>算力运营期,运营商收入和利润开始兑现。</li>
<li><strong class="text-white">2030年以后</strong>生态构建期,成为区域数据和算力枢纽。</li>
</ol>
</div>
</div>
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">5. 产业链图谱</h3>
<div class="space-y-3">
<div>
<span class="badge badge-info badge-outline">上游 (基础设施&设备)</span>
<p class="text-sm text-gray-400 mt-1">供配电 (科泰电源, 科华数据), 温控 (申菱环境), IT设备 (超微电脑, AMD)</p>
</div>
<div>
<span class="badge badge-primary badge-outline">中游 (建设与运营)</span>
<p class="text-sm text-gray-400 mt-1">本土 (HUMAIN), 国际 (AirTrunk, 谷歌), 中国 (数据港, 奥飞数据)</p>
</div>
<div>
<span class="badge badge-accent badge-outline">下游 (算力租户&应用)</span>
<p class="text-sm text-gray-400 mt-1">国际AI (xAI, 亚马逊), 本土巨头 (沙特阿美), 数字城市 (立昂技术, 达实智能)</p>
</div>
</div>
</div>
</div>
<!-- Risks and Conclusion -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">6. 潜在风险与挑战</h3>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong class="text-white">技术风险:</strong>炎热气候对散热技术液冷和能耗控制PUE提出极高要求能源供应是长期瓶颈。</li>
<li><strong class="text-white">商业化风险:</strong>6GW规划体量巨大若无法吸引足够客户可能导致上架率不足和投资浪费。</li>
<li><strong class="text-white">政策与竞争风险:</strong>中东地缘政治风险、与阿联酋等邻国的区域竞争、以及来自美欧巨头的国际竞争。</li>
</ul>
</div>
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">7. 综合结论与投资启示</h3>
<p class="text-gray-300 mb-4">概念正处于从“主题炒作”向“基本面驱动”过渡的关键阶段。顶层设计的确定性远大于业绩的确定性。</p>
<div class="space-y-2">
<div>
<h4 class="font-semibold text-cyan-300">最具投资价值环节:</h4>
<p class="text-sm text-gray-400">1. <strong class="text-white">基础设施供应商</strong>(温控、供配电):确定性最高。</p>
<p class="text-sm text-gray-400">2. <strong class="text-white">深度绑定的运营商</strong>(如数据港):弹性最大。</p>
</div>
<div>
<h4 class="font-semibold text-cyan-300">需重点跟踪指标:</h4>
<p class="text-sm text-gray-400">订单转化率、海外业务收入占比、HUMAIN项目建设进度、PUE数据。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Supporting Data Section -->
<section class="space-y-8">
<h2 class="fui-header text-3xl font-bold text-center">核心数据源</h2>
<div class="space-y-4">
<!-- News Data -->
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-medium text-cyan-300">新闻数据</div>
<div class="collapse-content">
<div class="prose prose-invert max-w-none prose-p:text-gray-300 prose-li:text-gray-300 prose-headings:text-violet-300">
<h4>一、 沙特国家层面战略与背景</h4>
<ul>
<li><strong>AI与数据中心投资计划</strong>“沙特计划新成立一个规模为1000亿美元的人工智能AI项目...投资数据中心、初创企业和其他基础设施来开发AI。”</li>
<li><strong>核心企业Humain的成立</strong>“PIF旗下公司HUMAIN正式成立...将提供多种AI服务和产品包括数据中心、AI基础设施、云功能和先进AI模型。”</li>
<li><strong>能源消耗认知</strong>“沙特阿美CEO称到2030年数据中心耗电量或达全球电动汽车车队3倍。”</li>
<li><strong>宏观经济背景</strong>“将沙特经济与石油经济脱钩是沙特2030年愿景背后的整体理念。”</li>
</ul>
<h4>二、 主要参与企业及项目详情</h4>
<h5>1. Humain公司 (PIF旗下)</h5>
<ul>
<li><strong>总体建设计划</strong>“计划建设总容量约为60亿瓦的数据中心。”</li>
<li><strong>首批项目</strong>“位于利雅得以及达曼的两座数据中心预计将于2026年第二季度投入运营每座初始算力容量可达100兆瓦。”</li>
<li><strong>与xAI合作</strong>:“正在讨论在沙特租赁数据中心容量...为xAI提供数千兆瓦的产能。”</li>
<li><strong>与AirTrunk合作</strong>“黑石支持的数据中心平台AirTrunk与沙特人工智能公司达成战略合作伙伴关系...初始项目涉及在沙特投资约30亿美元。”</li>
<li><strong>与其他巨头</strong>“沙特Humain、贝佐斯旗下亚马逊、AMD、马斯克旗下xAI将打造多个数据中心。”</li>
</ul>
<h5>2. 谷歌 (Google)</h5>
<ul><li><strong>建设计划</strong>“谷歌总裁兼首席信息官表示正在沙特建设数据中心并引入GPU。”</li></ul>
<h5>3. DataVolt公司与超微电脑 (Supermicro)</h5>
<ul><li><strong>合作协议</strong>:“签署了一份多年期合作协议...这笔价值200亿美元的交易深化了两家公司之间的战略合作关系。”</li></ul>
<h5>4. 中国公司的参与情况</h5>
<ul>
<li><strong>立昂技术300603</strong>:在沙特利雅得设立海外基地,开展数字城市业务。</li>
<li><strong>奥飞数据300738</strong>:与阿吉兰兄弟公司沙特数据中心项目合作洽谈中。</li>
<li><strong>申菱环境301018</strong>:海外有中标沙特等较多海外数据中心项目。</li>
<li><strong>达实智能002421</strong>携手华为云亮相沙特LEAP科技展。</li>
</ul>
</div>
</div>
</div>
<!-- Roadshow Data -->
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" />
<div class="collapse-title text-xl font-medium text-cyan-300">路演数据</div>
<div class="collapse-content">
<div class="prose prose-invert max-w-none prose-p:text-gray-300 prose-li:text-gray-300 prose-headings:text-violet-300">
<h4>路演核心信息总结</h4>
<ol>
<li><strong>顶层战略驱动</strong>“2030愿景”是核心驱动力旨在推动经济多元化将数字经济和AI作为关键发展方向目标吸引200亿美元投资。</li>
<li><strong>明确的参与者</strong>阿里云明确助力其数字化转型华为、中兴建设5G网络腾讯已在当地建立合资公司。</li>
<li><strong>巨大的内生需求</strong>沙特阿美大力投入AI开发自有大语言模型产生庞大且具体的内部算力需求。</li>
<li><strong>关键的资金支持</strong>沙特主权财富基金PIF是推动包括数字基建在内的多元化项目的核心资金来源。</li>
<li><strong>完善的能源配套</strong>大力发展可再生能源光伏、风电计划到2030年将可再生能源占比提升至50%,为解决数据中心高能耗问题铺平道路。</li>
</ol>
</div>
</div>
</div>
<!-- Research Report Data -->
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" />
<div class="collapse-title text-xl font-medium text-cyan-300">研报数据</div>
<div class="collapse-content">
<div class="prose prose-invert max-w-none prose-p:text-gray-300 prose-li:text-gray-300 prose-headings:text-violet-300">
<h4>一、 数据港603881</h4>
<ul>
<li><strong>国际合作</strong>与沙特公共投资基金PIF签署了合作备忘录共同开发沙特阿拉伯的数据中心项目。</li>
<li><strong>项目规划</strong>项目位于利雅得规划建设4栋数据中心大楼。一期工程预计2025年完工并投入运营。</li>
<li><strong>产能扩张</strong>:相当一部分新增机柜将布局在沙特阿拉伯。</li>
<li><strong>技术输出</strong>:计划将其绿色低碳经验推广到海外项目。</li>
</ul>
<h4>二、 科华数据</h4>
<ul>
<li><strong>海外业务布局</strong>在沙特等30多个国家设有营销和服务团队。</li>
<li><strong>潜在业务</strong>:具备风冷、液冷等模块化数据中心解决方案,正在努力提升海外市场份额,可为沙特提供配套能源基础设施。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Stock List Section -->
<section class="space-y-8">
<h2 class="fui-header text-3xl font-bold text-center">相关概念股</h2>
<!-- Main Stock Table -->
<div class="glass-card p-4 sm:p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">核心标的列表</h3>
<div class="overflow-x-auto">
<table class="table w-full daisy-table">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>关联原因</th>
<th>其他标签</th>
</tr>
</thead>
<tbody id="stock-table-body">
<!-- JS will populate this -->
</tbody>
</table>
</div>
</div>
<!-- Rise Analysis Table -->
<div class="glass-card p-4 sm:p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">相关概念涨幅分析补充</h3>
<div class="overflow-x-auto">
<table class="table w-full daisy-table">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>涨跌幅</th>
<th>日期</th>
<th class="w-1/2">异动解析</th>
</tr>
</thead>
<tbody id="rise-analysis-table-body">
<!-- JS will populate this -->
</tbody>
</table>
</div>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Stock Data
const stockData = {
"沙特数据中心250210": {
"CAE57BAF-B319-484B-B67F-B20726D80879.png": [
{ "stock": "立昂技术", "reason": "公司在沙特利雅得设立有海外基地公司在沙特主要开展数字城市业务和公共基础设施建设叠加DeepSeek。", "其他标签": "资料来源: 韭研公社搜互动", "stock_code": "300603" },
{ "stock": "达实智能", "reason": "与华为云联合创新,亮相沙特 LEAP科技展共同为中东的建筑、园区、医院、城市轨道交通、数据中心提供智慧空间解决方案。", "其他标签": "资料来源: 韭研公社搜公告", "stock_code": "002421" },
{ "stock": "奥飞数据", "reason": "公司就沙特数据中心项目与阿吉兰兄弟公司仍处于合作洽谈过程中。", "其他标签": "资料来源: 韭研公社搜互动", "stock_code": "300738" },
{ "stock": "科泰电源", "reason": "公司参与了国内多个大型数据中心的招标和国外(中东、北非、东南亚)多个大型电信项目的招标;实际(连续)供货的大型项目包括沙特。", "其他标签": "资料来源: 韭研公社搜互动", "stock_code": "300153" },
{ "stock": "申菱环境", "reason": "主营数据中心温控领域。曾中标沙特YCC水泥项目。", "其他标签": "资料来源: 韭研公社搜公告", "stock_code": "301018" }
]
}
};
const riseAnalysisData = { "rise_analysis": [ { "stock": "杭钢股份", "stock_code": "600126", "rise_rate": 10.02, "trade_date": "2025-09-24", "reason": "核心结论 <br>阿里官方给出“2032年数据中心能耗×10+3800亿元AI基建”订单指引杭钢股份是浙江省内唯一已投运且可立即并表扩容的阿里数据中心业主资金将其视为“最先拿到增量订单”的A股稀缺标的引发抢筹涨停。<br><br>驱动概念 <br>阿里算力+数据中心+东数西算<br><br>个股异动解析 <br>1. 消息面 <br>1阿里算力9-24云栖大会宣布2032年全球数据中心能耗较2022年提升10倍并追加3800亿元AI基建投资。-公司控股60%的浙江云计算数据中心为阿里在浙江省内已签约投运的最大单体数据中心一期1万架2023年已交付二期土地与能耗指标2024年已获批可直接锁定新增订单。 <br>2数据中心阿里扩容对应20-30万架标准机柜需求杭钢云二期有望“以销定产”快速开工2026年机柜数或扩至3-5万架租金收入年复合增速由10%升至30%以上。 <br>3东数西算浙江省内唯一与阿里共建并表的国家级算力节点享受省内能耗指标与绿电倾斜可优先承接东部核心算力溢出。 <br><br>2. 基本面 <br>暂无最新财报更新已知2023年IDC业务EBITDA率50%以上10年照付不议合同锁定现金流传统钢铁业务提供土地、余热、绿电协同降低数据中心PUE与用电成本。", "news_title": "", "score": 0.014046591889559966, "source": "search_rise" }, { "stock": "协鑫能科", "stock_code": "002015", "rise_rate": 10.03, "trade_date": "2025-06-30", "reason": "核心结论: 6月30日协鑫能科涨停源于“沙特ACWA Power储能大单+蚂蚁数科RWA稳定币”双重催化订单与估值逻辑同步升级。 <br>驱动概念: 沙特储能+RWA稳定币+虚拟电厂 <br><br>个股异动解析: <br>1. 消息面: <br>1沙特储能6月29日公告与ACWA Power签战略合作框架协议共同开发2.6 GWh储能及数据中心能源托管项目订单能见度延伸至2028年。 <br>2RWA稳定币6月27日公告与蚂蚁数科成立“蚂蚁鑫能”切入央行数字货币第三批试点为新能源资产发行绿电稳定币盈利模式由售电升级为“售电+金融”。 <br>3虚拟电厂公司已在长三角运营超300 MW虚拟电厂6月30日论坛热议其绿电交易收益将代币化提升资产流动性。 <br><br>2. 基本面: <br>- 2024年储能系统集成出货量全球前五沙特项目年化新增收入预计≥30亿元。 <br>- 与蚂蚁合作后RWA平台预计2025年贡献技术服务费23亿元毛利率>60%。", "news_title": "", "score": 0.013296703296703297, "source": "search_rise" }, { "stock": "科士达", "stock_code": "002518", "rise_rate": 10.0, "trade_date": "2025-11-06", "reason": "核心结论: <br>11-5晚间公告拿下36亿元北美数据中心2h液冷储能大单占2024营收54%),叠加五部委首次将“数据中心储能”列入官方示范场景,形成“业绩+政策+海外需求”三击,资金次日抢筹封板。<br><br>驱动概念: <br>数据中心储能+北美出海+液冷<br><br>个股异动解析: <br>1. 消息面 <br>1数据中心储能五部委《新型储能制造业高质量发展行动方案2025-2027》11-5首次把“数据中心储能”列入示范场景公司同晚公告5.1亿美元≈36亿元北美头部云服务商2h液冷储能系统订单2025Q4-2026Q4分批交付预付款30%已到账金额占2024营收54%。 <br>2北美出海公司美国变压器基地已投产本次订单直接供应8个大型数据中心规避关税并享受IRA补贴毛利率预计28-30%高于公司综合毛利率22%。 <br>3液冷技术PowerTitan 2.0系统采用液冷温控匹配AI算力高功耗需求已获得Solaredge、施耐德等客户认证。 <br><br>2. 基本面 <br>暂无最新财报更新但36亿元订单锁定2026年大部分产能按30%净利率测算可贡献净利约7.8亿元显著高于2024年净利约4.1亿元)。 <br><br>总结: <br>36亿元北美数据中心储能大单落地+政策首次点名“数据中心储能”+美国本土产能护航,业绩与估值弹性瞬间打开,资金借利好直接顶板。", "news_title": "", "score": 0.013015873015873015, "source": "search_rise" } ] };
// Populate Stock Table
const stockTableBody = document.getElementById('stock-table-body');
const stocks = stockData["沙特数据中心250210"]["CAE57BAF-B319-484B-B67F-B20726D80879.png"];
stocks.forEach(item => {
const row = `
<tr>
<td class="font-semibold text-white">${item.stock}</td>
<td><a href="https://valuefrontier.cn/company?scode=${item.stock_code}" target="_blank" class="text-cyan-400 hover:text-cyan-300">${item.stock_code}</a></td>
<td>${item.reason}</td>
<td class="text-xs text-gray-500">${item.其他标签}</td>
</tr>
`;
stockTableBody.innerHTML += row;
});
// Populate Rise Analysis Table
const riseTableBody = document.getElementById('rise-analysis-table-body');
riseAnalysisData.rise_analysis.slice(0, 3).forEach(item => { // only show top 3 for brevity
const row = `
<tr>
<td class="font-semibold text-white">${item.stock}</td>
<td><a href="https://valuefrontier.cn/company?scode=${item.stock_code}" target="_blank" class="text-cyan-400 hover:text-cyan-300">${item.stock_code}</a></td>
<td><span class="${item.rise_rate > 0 ? 'text-green-400' : 'text-red-400'}">${item.rise_rate.toFixed(2)}%</span></td>
<td>${item.trade_date}</td>
<td class="text-xs">${item.reason}</td>
</tr>
`;
riseTableBody.innerHTML += row;
});
// ECharts Timeline
const chartDom = document.getElementById('timeline-chart');
const myChart = echarts.init(chartDom, 'dark');
const option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
formatter: function (params) {
return params[0].name + '<br/>' + params[0].value[2];
},
backgroundColor: 'rgba(20, 20, 30, 0.8)',
borderColor: '#555',
textStyle: {
color: '#fff'
}
},
grid: {
left: '5%',
right: '5%',
bottom: '15%',
top: '10%'
},
xAxis: {
type: 'time',
splitLine: { show: false },
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
},
yAxis: {
type: 'value',
splitLine: { show: false },
axisLine: { show: false },
axisLabel: { show: false },
axisTick: { show: false }
},
dataZoom: [{
type: 'inside',
start: 0,
end: 100
}, {
start: 0,
end: 10,
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
handleSize: '80%',
handleStyle: {
color: '#fff',
shadowBlur: 3,
shadowColor: 'rgba(0, 0, 0, 0.6)',
shadowOffsetX: 2,
shadowOffsetY: 2
},
textStyle: {
color: '#ddd'
},
borderColor: '#555'
}],
series: [{
name: 'Event',
type: 'line',
showSymbol: true,
symbolSize: 10,
hoverAnimation: true,
data: [
{ name: '2024-05-12', value: ['2024-05-12', 1, 'AI国家队HUMAIN成立'] },
{ name: '2024-06-01', value: ['2024-06-01', 2, '曝千亿美元AI项目HUMAIN计划6GW数据中心'] },
{ name: '2024-07-01', value: ['2024-07-01', 3, 'HUMAIN与AirTrunk签署30亿美元合作'] },
{ name: '2024-08-01', value: ['2024-08-01', 1, 'HUMAIN与AMD, 思科成立合资公司'] },
{ name: '2024-09-01', value: ['2024-09-01', 2, '马斯克xAI洽谈租赁数据中心'] },
{ name: '2024-10-01', value: ['2024-10-01', 3, '谷歌确认在沙特建设GPU数据中心'] },
{ name: '2024-11-01', value: ['2024-11-01', 1, 'DataVolt与超微电脑签署200亿美元协议'] },
{ name: '2024-12-18', value: ['2024-12-18', 2, '数据港披露与PIF签署合作备忘录'] },
{ name: '2025-01-01', value: ['2025-01-01', 3, '奥飞数据等中国企业洽谈中'] }
],
itemStyle: {
color: '#a991f7'
},
lineStyle: {
color: '#4f46e5',
width: 2,
type: 'dashed'
}
}]
};
myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>