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,427 @@
<!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>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<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.1/dist/echarts.min.js"></script>
<style>
@keyframes subtle-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
@keyframes gradient-pan {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
body {
background-color: #020024;
background-image: radial-gradient(ellipse at top, #0c0a3e, #020024 70%),
radial-gradient(ellipse at bottom, #2d003f, #020024 80%);
background-attachment: fixed;
color: #e0e0e0;
overflow-x: hidden;
}
.glass-card {
background: rgba(22, 28, 58, 0.3);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 2rem;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.45);
}
.glow-text {
text-shadow: 0 0 8px rgba(59, 130, 246, 0.7), 0 0 16px rgba(139, 92, 246, 0.5);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 768px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
h1, h2, h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 700;
}
.concept-title {
font-size: 4rem;
font-weight: 800;
letter-spacing: -0.05em;
background: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient-pan 5s ease infinite;
}
.section-header {
position: relative;
padding-left: 1.5rem;
border-left: 3px solid;
border-image: linear-gradient(to bottom, #66a6ff, #89f7fe) 1;
}
</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-16">
<h1 class="concept-title mb-4">网络安全</h1>
<p class="text-xl text-gray-400 max-w-3xl mx-auto">
超越传统IT合规演变为地缘政治、技术变革与经济数字化三大宏观力量共同驱动的国家级战略赛道。
</p>
</header>
<!-- Bento Grid for Key Info -->
<section class="bento-grid">
<div class="bento-item bento-item-span-8 glass-card p-6 min-h-[400px]" id="market-size-chart"></div>
<div class="bento-item bento-item-span-4 glass-card p-6 flex flex-col justify-between">
<div>
<h3 class="text-xl font-bold mb-4 glow-text">政策法规 · 密集落地</h3>
<ul class="space-y-2 text-sm text-gray-300 list-disc list-inside">
<li><span class="font-semibold">国家网络安全事件报告管理办法</span> (2025/11/1施行),统一报告标准,强化应急响应。</li>
<li><span class="font-semibold">金融领域监管加强</span> (央行新规2025/8/1施行),筑牢金融网络安全防线。</li>
<li><span class="font-semibold">网络安全法修订</span>罚款与营收挂钩追责企业负责人对标GDPR。</li>
</ul>
</div>
<div class="mt-4 pt-4 border-t border-white/10">
<p class="text-gray-400 text-sm">监管升级,将“隐性”风险“显性化”,强制驱动企业加大安全投入。</p>
</div>
</div>
<div class="bento-item bento-item-span-6 glass-card p-6">
<h3 class="text-xl font-bold mb-4 glow-text">地缘政治 · 核心驱动</h3>
<div class="space-y-3 text-sm text-gray-300">
<p><strong class="text-cyan-300">中美科技博弈:</strong>美国限制AI芯片出口泛化国家安全概念。中国建议对英特尔产品启动网络安全审查直接引爆市场情绪凸显<span class="bg-blue-900/50 px-2 py-1 rounded">自主可控</span>的极端重要性。</p>
<p><strong class="text-cyan-300">国家战略定位:</strong>中国明确网络空间为“第五大主战场”,成立信息支援部队,标志着网络安全上升至<span class="bg-purple-900/50 px-2 py-1 rounded">国家级、军事级战略</span>高度。</p>
</div>
</div>
<div class="bento-item bento-item-span-6 glass-card p-6">
<h3 class="text-xl font-bold mb-4 glow-text">AI双刃剑 · 范式转移</h3>
<div class="space-y-3 text-sm text-gray-300">
<p><strong class="text-red-400">攻击侧:</strong>AI降低攻击门槛自动化生成钓鱼邮件、勒索软件<span class="bg-red-900/50 px-2 py-1 rounded">对抗性攻击</span>更难防范。</p>
<p><strong class="text-green-400">防御侧:</strong>AI/ML赋能安全大模型如微软Copilot for Security重塑安全运营实现从“人海战术”向<span class="bg-green-900/50 px-2 py-1 rounded">“人机协同”智能响应</span>的演进。</p>
</div>
</div>
</section>
<!-- Insight Section -->
<main class="space-y-12">
<!-- Core Thesis -->
<div class="glass-card p-8">
<h2 class="text-2xl font-bold mb-4 section-header glow-text">核心观点摘要</h2>
<p class="text-lg text-gray-300 leading-relaxed">
网络安全正处于从<strong class="text-cyan-300">“政策驱动的合规建设”</strong><strong class="text-purple-400">“AI赋能的实战化运营”</strong>转型的关键拐点。其核心驱动力在于攻防对抗的急剧升级和数据要素价值的凸显。这是一个已由明确政策、法规和预算支撑,但短期波动仍极易受地缘政治事件影响,盈利能力全面改善尚需时日的赛道。未来潜力巨大,尤其是在<strong class="text-yellow-300">AI安全、数据安全和自主可控</strong>三大方向。
</p>
</div>
<!-- Logic & Market Perception -->
<div x-data="{ open: false }" class="glass-card p-8">
<div @click="open = !open" class="cursor-pointer">
<h2 class="text-2xl font-bold section-header glow-text flex justify-between items-center">
核心逻辑与市场认知分析
<svg :class="{'rotate-180': open}" class="w-6 h-6 transition-transform" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
</h2>
</div>
<div x-show="open" x-collapse.duration.500ms class="mt-6 space-y-6">
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">三大核心驱动力</h3>
<ol class="list-decimal list-inside space-y-2 text-gray-300">
<li><strong>地缘政治与国家安全 (Top-Down):</strong> 最强劲驱动力,催生“自主可控”和“实战化”两大核心需求。</li>
<li><strong>技术变革与攻防升级 (范式转移):</strong> AI成为最大变量推动行业从被动防御向主动智能防御演进。</li>
<li><strong>经济数字化与数据要素化 (Bottom-Up):</strong> 数据成为核心生产要素,催生庞大的数据安全市场,本质是对高价值数字资产的保护需求。</li>
</ol>
</div>
<div>
<h3 class="text-xl font-semibold text-purple-400 mb-2">市场热度与预期差</h3>
<p class="text-gray-300 mb-2">市场热度极高,情绪乐观,但存在三大预期差:</p>
<ul class="space-y-2 text-sm bg-gray-900/30 p-4 rounded-xl">
<li><strong class="text-yellow-400">盈利能力预期差:</strong> 宏大叙事与企业实际盈利能力高销售费用、AI产品毛利率偏低存在差距。市场可能高估了政策红利转化为利润的速度。</li>
<li><strong class="text-yellow-400">中美市场模式预期差:</strong> 中国市场以政策驱动、私有化部署为主与美国市场化、SaaS化主导的模式存在本质不同估值体系不可简单类比。</li>
<li><strong class="text-yellow-400">技术应用预期差:</strong> 市场普遍低估了AI自身的安全风险如对抗性攻击“保障AI自身的安全”是一个被低估的增量市场。</li>
</ul>
</div>
</div>
</div>
<!-- Catalysts & Future Path -->
<div class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 section-header glow-text">关键催化剂与未来发展路径</h2>
<div class="grid md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-3">近期催化剂 (未来3-6个月)</h3>
<ul class="space-y-3">
<li class="flex items-start">
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
<span><strong class="text-white">法规强制执行:</strong> 《国家网络安全事件报告管理办法》 (2025/11/1) 将是关键节点,强制性报告要求将极大提升企业对监测和应急服务的需求。</span>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
<span><strong class="text-white">关键标准落地:</strong> 国产抗量子密码标准的发布,将触发关键领域大规模密码体系升级换代。</span>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-purple-400 mb-3">长期发展路径</h3>
<ul class="space-y-2 text-sm text-gray-300">
<li><strong class="text-white">阶段一 (当前-2026):</strong> 信创深化与数据安全启动期。</li>
<li><strong class="text-white">阶段二 (2026-2030):</strong> AI安全运营普及期头部厂商拉开差距。</li>
<li><strong class="text-white">阶段三 (2030以后):</strong> 前沿技术商业化期(抗量子、车联网、物联网安全)。</li>
</ul>
</div>
</div>
</div>
<!-- Industry Chain & Risks -->
<div class="grid md:grid-cols-2 gap-8">
<div class="glass-card p-8">
<h2 class="text-2xl font-bold mb-4 section-header glow-text">产业链图谱</h2>
<p class="text-gray-400 mb-4">网络安全产业链并非典型上下游结构,而是以“产品+服务”为核心的技术生态圈。</p>
<ul class="space-y-2 text-sm">
<li><strong>基础层:</strong> 国产CPU、安全芯片、操作系统 (仍是瓶颈)。</li>
<li><strong>产品层 (核心):</strong> 传统安全、终端安全、数据安全、应用安全、云安全。</li>
<li><strong>新兴技术层:</strong> AI安全、抗量子密码、网络靶场、漏洞检测。</li>
<li><strong>服务与运营层:</strong> 安全咨询、渗透测试、应急响应、MSSP。</li>
</ul>
</div>
<div class="glass-card p-8">
<h2 class="text-2xl font-bold mb-4 section-header glow-text text-red-400">潜在风险与挑战</h2>
<ul class="space-y-2 text-sm text-gray-300">
<li><strong class="text-red-300">技术风险:</strong> AI自身安全瓶颈、底层硬件依赖短期难以根除。</li>
<li><strong class="text-red-300">商业化风险:</strong> 国内项目制盈利模式挑战大,市场竞争加剧导致“内卷”。</li>
<li><strong class="text-red-300">政策与竞争风险:</strong> 政府预算不确定性,与国际巨头存在技术代差。</li>
</ul>
</div>
</div>
<!-- Conclusion & Investment Insights -->
<div class="glass-card p-8">
<h2 class="text-2xl font-bold mb-4 section-header glow-text">综合结论与投资启示</h2>
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-3">最具投资价值的细分环节</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-900/30 p-4 rounded-xl"><strong>1. AI驱动的安全运营:</strong> 解决行业核心痛点,具备数据和算法壁垒的平台型公司将胜出。</div>
<div class="bg-gray-900/30 p-4 rounded-xl"><strong>2. 数据安全与隐私计算:</strong> “数据要素”市场的“卖水者”,需求刚性,重要性日益凸显。</div>
<div class="bg-gray-900/30 p-4 rounded-xl"><strong>3. “实战”属性细分赛道:</strong> 网络靶场、漏洞检测等,技术壁垒高,能从合规驱动市场中脱颖而出。</div>
</div>
</div>
<div class="mt-6">
<h3 class="text-xl font-semibold text-purple-400 mb-3">需重点跟踪的关键指标</h3>
<p class="text-gray-300">合同负债/预收款项、新一代产品收入占比与毛利率、研发与销售费用率剪刀差、关键行业渗透率与客单价。</p>
</div>
</div>
<!-- Stock Table -->
<section class="glass-card p-8">
<h2 class="text-3xl font-bold text-center mb-8 glow-text">核心概念股一览</h2>
<div class="overflow-x-auto">
<table class="table table-zebra-zebra w-full text-base">
<thead class="text-lg text-cyan-300">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<!-- 国家队 -->
<tr><td colspan="4" class="text-center font-bold text-xl py-4 bg-blue-900/30">国家队 / 自主可控</td></tr>
<tr><td>奇安信</td><td><a href="https://valuefrontier.cn/company?scode=688561" target="_blank" class="link link-hover">688561</a></td><td>第一大股东中电金投中国电子旗下CCIA竞争力排名连续多年第一。</td><td><div class="badge badge-primary">国家队</div></td></tr>
<tr><td>启明星辰</td><td><a href="https://valuefrontier.cn/company?scode=002439" target="_blank" class="link link-hover">002439</a></td><td>控股股东中移资本,经典产业板块龙头。</td><td><div class="badge badge-primary">国家队</div></td></tr>
<tr><td>电科网安</td><td><a href="https://valuefrontier.cn/company?scode=002268" target="_blank" class="link link-hover">002268</a></td><td>实控人中国电子,国内拥有商密认证产品数量最多的安全厂商之一。</td><td><div class="badge badge-primary">国家队</div></td></tr>
<tr><td>绿盟科技</td><td><a href="https://valuefrontier.cn/company?scode=300369" target="_blank" class="link link-hover">300369</a></td><td>中电科系合计持股产品绿盟风云卫AI安全能力平台。</td><td><div class="badge badge-primary">国家队</div> <div class="badge badge-accent">AI安全</div></td></tr>
<tr><td>国投智能</td><td><a href="https://valuefrontier.cn/company?scode=300188" target="_blank" class="link link-hover">300188</a></td><td>实控人国务院国资委新网络空间安全业务在全国反诈市场占有率超50%。</td><td><div class="badge badge-primary">国家队</div></td></tr>
<tr><td>数字认证</td><td><a href="https://valuefrontier.cn/company?scode=300579" target="_blank" class="link link-hover">300579</a></td><td>实控人北京国资委,领先的网络安全解决方案提供商。</td><td><div class="badge badge-primary">国家队</div></td></tr>
<!-- 市场化龙头 & 细分赛道 -->
<tr><td colspan="4" class="text-center font-bold text-xl py-4 bg-purple-900/30">市场化龙头 / 细分赛道</td></tr>
<tr><td>深信服</td><td><a href="https://valuefrontier.cn/company?scode=300454" target="_blank" class="link link-hover">300454</a></td><td>2024年国内网安领域份额11.1%,位居国内第一。</td><td><div class="badge badge-secondary">市场龙头</div></td></tr>
<tr><td>安恒信息</td><td><a href="https://valuefrontier.cn/company?scode=688023" target="_blank" class="link link-hover">688023</a></td><td>国内数据安全软件厂商份额排名第三,数据库审计市场份额稳居第二。</td><td><div class="badge badge-info">数据安全</div></td></tr>
<tr><td>亚信安全</td><td><a href="https://valuefrontier.cn/company?scode=688225" target="_blank" class="link link-hover">688225</a></td><td>终端安全软件产品市场份额连续多年排名第二,云主机安全位居第三。</td><td><div class="badge badge-info">终端/云安全</div></td></tr>
<tr><td>永信至诚</td><td><a href="https://valuefrontier.cn/company?scode=688244" target="_blank" class="link link-hover">688244</a></td><td>网络靶场2021年市场份额20.4%,位居第一。</td><td><div class="badge badge-warning">网络靶场</div></td></tr>
<tr><td>盛邦安全</td><td><a href="https://valuefrontier.cn/company?scode=688651" target="_blank" class="link link-hover">688651</a></td><td>漏洞检测产品国内市场份额排名第三,专注网络空间测绘。</td><td><div class="badge badge-warning">漏洞检测</div></td></tr>
<tr><td>南凌科技</td><td><a href="https://valuefrontier.cn/company?scode=300921" target="_blank" class="link link-hover">300921</a></td><td>凌云SASE将网络安全能力转移到边缘云平台。</td><td><div class="badge badge-info">SASE/云安全</div></td></tr>
<tr><td>山石网科</td><td><a href="https://valuefrontier.cn/company?scode=688030" target="_blank" class="link link-hover">688030</a></td><td>自主研发ASIC安全专用芯片预计2026年上半年实现产品切换。</td><td><div class="badge badge-error">安全芯片</div></td></tr>
<!-- AI安全 & 新兴技术 -->
<tr><td colspan="4" class="text-center font-bold text-xl py-4 bg-green-900/30">AI安全 / 新兴技术</td></tr>
<tr><td>浩瀚深度</td><td><a href="https://valuefrontier.cn/company?scode=688292" target="_blank" class="link link-hover">688292</a></td><td>收购国瑞数智AI新型诈骗反制技术已在关键行业规模化部署。</td><td><div class="badge badge-accent">AI防诈</div></td></tr>
<tr><td>人民网</td><td><a href="https://valuefrontier.cn/company?scode=603000" target="_blank" class="link link-hover">603000</a></td><td>“内容风控大脑”已在网信、公安等系统投入使用。</td><td><div class="badge badge-accent">内容审核</div></td></tr>
<tr><td>三未信安</td><td><a href="https://valuefrontier.cn/company?scode=688489" target="_blank" class="link link-hover">688489</a></td><td>拥有完整的抗量子密码产品体系,包含新一代抗量子密码系列产品。</td><td><div class="badge badge-success">抗量子密码</div></td></tr>
<tr><td>格尔软件</td><td><a href="https://valuefrontier.cn/company?scode=603232" target="_blank" class="link link-hover">603232</a></td><td>全线密码产品初步具备抗量子能力首批入驻鸿蒙Next生态。</td><td><div class="badge badge-success">抗量子密码</div> <div class="badge badge-info">鸿蒙生态</div></td></tr>
</tbody>
</table>
</div>
</section>
<!-- Rise Analysis -->
<section class="glass-card p-8">
<h2 class="text-3xl font-bold text-center mb-8 glow-text">相关个股异动分析</h2>
<div class="space-y-6">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="rise-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium">
新炬网络 (605398) - 6.14%上涨分析
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">上涨主要由地缘政治事件引发的行业关注、国内网络安全政策导向预期、科技板块整体情绪回暖及技术性反弹等综合因素驱动。公司本身无直接利好,上涨体现了板块轮动效应和市场情绪。</p>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">
任子行 (300311) - 5.24%上涨分析
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">核心驱动力来自美股网络安全板块大涨的传导效应叠加任正非关于软件和AI的讲话提振了科技板块信心。公司业务与热点高度契合短线资金介入明显。</p>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">
熙菱信息 (300588) - 5.47%上涨分析
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">典型的事件驱动型上涨。“日本朝日集团遭网络攻击”新闻成为催化剂,引发市场对网络安全板块的联想和追捧,叠加技术面共振和板块内“补涨”逻辑。</p>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">
中新赛克 (002912) - 9.99%涨停分析
</div>
<div class="collapse-content">
<p class="text-sm text-gray-300">业绩与政策共振触发。核心驱动为中标公安部7.12亿元5G采集大单以及公司主笔的“数据出境强制检测”标准即将实施直接锁定未来订单基本面强力支撑。</p>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center py-8 text-xs text-gray-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据所有信息仅供参考不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-size-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
title: {
text: '中国网络安全市场规模预测 (IDC)',
left: 'center',
textStyle: {
color: '#e0e0e0',
fontSize: 18,
}
},
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(22, 28, 58, 0.8)',
borderColor: 'rgba(255, 255, 255, 0.2)',
textStyle: {
color: '#fff'
},
formatter: function (params) {
return `
${params[0].name}年<br/>
市场规模: ${params[0].value} 亿美元<br/>
复合增长率: 10.7%
`;
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2023', '2024', '2025', '2026', '2027', '2028'],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
},
yAxis: {
type: 'value',
name: '亿美元',
axisLabel: {
formatter: '{value}'
},
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } },
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
},
series: [
{
name: '市场规模',
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 8,
data: [121.6/7.2, 134.6/7.2, 149.0/7.2, 164.9/7.2, 182.5/7.2, 202.0/7.2].map(v => v.toFixed(2)), // Converted to USD
lineStyle: {
width: 3,
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#89f7fe' },
{ offset: 1, color: '#66a6ff' }
])
},
itemStyle: {
color: '#66a6ff',
borderColor: '#fff',
borderWidth: 2
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(102, 166, 255, 0.5)' },
{ offset: 1, color: 'rgba(102, 166, 255, 0)' }
])
},
emphasis: {
focus: 'series',
itemStyle: {
color: '#89f7fe',
borderWidth: 3
}
}
}
]
};
// Note: The original data had a discrepancy (202亿元 vs 121.6亿元).
// The chart is based on "from 121.6 billion RMB in 2023 to 202 billion RMB in 2028".
// I'm using an estimated exchange rate of 7.2 for demonstration.
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>