Files
vf_react/public/htmls/低代码.html
2025-12-05 13:29:18 +08:00

452 lines
32 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>深度投研报告:低代码 (Low-Code)</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=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #0a092d;
background-image:
radial-gradient(ellipse at 20% 20%, rgba(57, 106, 252, 0.15) 0%, transparent 80%),
radial-gradient(ellipse at 80% 90%, rgba(132, 59, 246, 0.15) 0%, transparent 80%);
background-attachment: fixed;
color: #e0e0e0;
}
.glass-card {
background: rgba(18, 18, 48, 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 */
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
}
.glow-text {
text-shadow: 0 0 8px rgba(192, 219, 255, 0.5), 0 0 16px rgba(132, 59, 246, 0.3);
}
.glow-border {
position: relative;
}
.glow-border::before {
content: '';
position: absolute;
inset: 0;
border-radius: 1.5rem;
padding: 1px;
background: linear-gradient(135deg, rgba(57, 106, 252, 0.4), rgba(132, 59, 246, 0.4));
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.table th, .table td {
border-color: rgba(255, 255, 255, 0.15);
}
.table th {
color: #a5b4fc;
}
.daisy-collapse-title {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
</style>
</head>
<body class="min-h-screen antialiased">
<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-text bg-gradient-to-r from-blue-400 via-purple-400 to-indigo-400 bg-clip-text text-transparent mb-2">
深度投研报告:低代码 (Low-Code)
</h1>
<p class="text-sm text-gray-400 max-w-4xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研”进行投研呈现。本报告基于多源数据AI合成观点仅供参考投资需谨慎。
</p>
</header>
<main class="space-y-12">
<!-- Concept Event & Core View -->
<section class="grid grid-cols-1 lg:grid-cols-5 gap-8">
<div class="lg:col-span-2 glass-card p-6 glow-border">
<h2 class="text-2xl font-bold mb-4 text-indigo-300">概念引爆点AI颠覆生产力</h2>
<div class="space-y-4 text-gray-300">
<p><strong class="text-white">“小猫补光灯PRO”</strong>登顶App Store付费榜成为引爆市场的核心催化剂。</p>
<p>该应用由非技术背景用户,<strong class="text-cyan-300">仅用1小时</strong>通过AI低代码工具Cursor AI编写而成<strong class="text-cyan-300">未写一行代码</strong></p>
<p>此事件直观展示了AI低代码颠覆性的生产力迅速引发资本市场对“低代码”概念的强烈追捧。</p>
<div class="stats bg-transparent text-primary-content text-center w-full mt-4">
<div class="stat">
<div class="stat-title text-gray-400">市场反应</div>
<div class="stat-value text-purple-400">20CM</div>
<div class="stat-desc text-gray-400">核心股集体涨停</div>
</div>
</div>
</div>
</div>
<div class="lg:col-span-3 glass-card p-6">
<h2 class="text-2xl font-bold mb-4 text-indigo-300">核心观点摘要</h2>
<p class="text-gray-300 leading-relaxed">
在生成式AI的赋能下低代码正经历从“效率工具”到“<strong class="text-white">核心生产力范式</strong>”的质变。其核心驱动力源于<strong class="text-cyan-300">企业数字化转型的迫切需求</strong><strong class="text-purple-300">AI技术降低开发门槛</strong>的双重共振。当前市场处于由概念催化向基本面验证过渡的早期阶段,潜力巨大,但市场普遍认知与企业级应用的实际落地之间仍存在显著的<strong class="text-white">预期差</strong>,这既是机会也是风险。
</p>
<div class="mt-6 border-t border-gray-700 pt-4">
<p class="text-lg font-semibold text-blue-300">关键判断:</p>
<ul class="list-disc list-inside mt-2 space-y-2 text-gray-300">
<li><strong class="text-white">国盛证券:</strong>有望成为第二个行业成长的<strong class="text-purple-400">超级逻辑</strong></li>
<li><strong class="text-white">招商计算机:</strong>低代码开发有望<strong class="text-cyan-400">改变当前软件编程生态</strong></li>
<li><strong class="text-white">分析师观点:</strong>AI+低代码平台有望成为未来最核心开发模式。</li>
</ul>
</div>
</div>
</section>
<!-- Market Size Chart -->
<section class="glass-card p-6">
<h2 class="text-2xl font-bold mb-4 text-indigo-300">市场规模预测</h2>
<div id="marketSizeChart" class="w-full h-80"></div>
</section>
<!-- Core Logic & Market Perception -->
<section class="glass-card p-6" x-data="{ tab: 'drivers' }">
<h2 class="text-2xl font-bold mb-4 text-indigo-300">核心逻辑与市场认知分析</h2>
<div class="tabs tabs-boxed bg-black bg-opacity-20 mb-6">
<a class="tab" :class="{ 'tab-active': tab === 'drivers' }" @click.prevent="tab = 'drivers'">核心驱动力</a>
<a class="tab" :class="{ 'tab-active': tab === 'perception' }" @click.prevent="tab = 'perception'">市场认知与预期差</a>
<a class="tab" :class="{ 'tab-active': tab === 'path' }" @click.prevent="tab = 'path'">未来发展路径</a>
</div>
<div x-show="tab === 'drivers'">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-cyan-300 mb-2">技术突破 (供给侧革命)</h3>
<p class="text-sm text-gray-300">大语言模型(LLM)将低代码从“拖拉拽”升级为“自然语言编程”。金现代已实现“自然语言对话编程”,普元信息提供“代码生成与补全”,技术瓶颈正在被克服。</p>
</div>
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-purple-300 mb-2">降本增效 (需求侧刚需)</h3>
<p class="text-sm text-gray-300">直面企业开发周期长、成本高、人才短缺的痛点。金现代路演称效率提升4-6倍普元信息客户案例显示效率提升50%以上。</p>
</div>
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-indigo-300 mb-2">产业生态重塑</h3>
<p class="text-sm text-gray-300">不仅是工具升级,更是对软件开发流程、组织架构乃至商业模式的重塑。有望作为核心生产力,重塑整个产业创新生态。</p>
</div>
</div>
</div>
<div x-show="tab === 'perception'">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-red-400 mb-2">“全民开发”的认知偏差</h3>
<p class="text-sm text-gray-300">市场易形成“任何人都能开发”的过度简化认知。而研报指出“全民开发”达不到且非必要,核心厂商定位是服务于金融、政务等高复杂度场景的“专业级低代码平台”。</p>
</div>
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-yellow-400 mb-2">技术成熟度的预期差</h3>
<p class="text-sm text-gray-300">市场对AI生成代码的可靠性、安全性可能过于乐观。企业级平台构建平均周期在6个月以上与“1小时开发App”的C端叙事形成鲜明对比。</p>
</div>
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-orange-400 mb-2">商业化进程的预期差</h3>
<p class="text-sm text-gray-300">市场热度高涨但核心公司收入仍处早期普元信息1.8亿金现代新签订单3-5千万。市场可能提前Price-in了远期高度乐观的预期。</p>
</div>
</div>
</div>
<div x-show="tab === 'path'">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-blue-400 mb-2">1. 工具化阶段 (当前)</h3>
<p class="text-sm text-gray-300">作为提升开发效率的辅助工具,应用于企业非核心、中长尾应用场景。</p>
</div>
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-green-400 mb-2">2. 平台化阶段 (中期)</h3>
<p class="text-sm text-gray-300">成为企业数字化转型的技术底座(aPaaS)深度融合iPaaS与数据能力。应用从边缘向ERP、CRM等核心业务系统渗透。</p>
</div>
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h3 class="font-bold text-lg text-pink-400 mb-2">3. 智能化/自主化阶段 (远期)</h3>
<p class="text-sm text-gray-300">深度融合AI Agent技术通过自然语言指令由AI智能体自主完成应用的设计、开发、部署和运维实现软件开发的“自动驾驶”。</p>
</div>
</div>
</div>
</section>
<!-- Key Players Comparison -->
<section class="glass-card p-6">
<h2 class="text-2xl font-bold mb-4 text-indigo-300">产业链核心玩家深度剖析</h2>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th class="text-left">公司名称</th>
<th class="text-left">核心逻辑/定位</th>
<th class="text-left">竞争优势</th>
<th class="text-left">业务进展/数据</th>
<th class="text-left">潜在风险</th>
</tr>
</thead>
<tbody>
<tr class="hover">
<td class="font-bold text-white">普元信息</td>
<td>专业级平台,服务高复杂度场景</td>
<td>20余年技术积累深耕金融、政务等行业形成深厚领域知识库</td>
<td>2023年低代码收入1.8亿元毛利率49%</td>
<td>毛利率相对较低;项目制交付模式</td>
</tr>
<tr class="hover">
<td class="font-bold text-white">金现代</td>
<td>信创+行业深耕,强调自主可控</td>
<td>电力能源行业20年经验全量生成源代码避免厂商锁定自研大模型</td>
<td>2024年新签订单3-5千万毛利率>60%</td>
<td>行业依赖度较高,订单规模尚小</td>
</tr>
<tr class="hover">
<td class="font-bold text-white">浩云科技</td>
<td>低代码+物联网,专注垂直赛道</td>
<td>聚焦智慧物联网数据平台,获信通院权威认证,差异化竞争</td>
<td>是“低代码智慧物联网数据平台提供商”,通过鲲鹏认证</td>
<td>赛道相对细分,市场天花板可能低于通用型平台</td>
</tr>
<tr class="hover">
<td class="font-bold text-white">泛微网络</td>
<td>协同办公龙头,延伸低代码能力</td>
<td>庞大的存量OA客户基础交叉销售能力强</td>
<td>推出E-builder平台完成超150家信创伙伴适配</td>
<td>技术专业性和独立竞争力有待检验</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Supporting Data (News, Roadshows, Reports) -->
<section class="space-y-4">
<div class="collapse collapse-plus glass-card" x-data="{ open: false }">
<div class="collapse-title text-xl font-medium text-blue-300" @click="open = !open">
新闻数据精要
</div>
<div class="collapse-content" x-show="open" x-collapse>
<ul class="list-disc list-inside space-y-2 text-gray-300 p-4">
<li><strong class="text-white">市场爆发:</strong>华福计算机提出“低代码大爆发”,指出大模型导致编程门槛大大降低。</li>
<li><strong class="text-white">行业逻辑:</strong>国盛证券称“AI低代码”有望成为第二个行业成长的超级逻辑。</li>
<li><strong class="text-white">市场规模预测 (IDC)</strong>预计到2029年中国市场规模将达到129.8亿元人民币未来5年CAGR为26.4%。</li>
<li><strong class="text-white">关键事件:</strong>“小猫补光灯PRO”登顶APPSTORE付费榜由个人用户仅用一小时通过AI编程软件Cursor AI编写而成。</li>
<li><strong class="text-white">公司动态:</strong>钉钉低代码平台宜搭应用数已突破1000万飞书发布全新低代码平台多家上市公司如金现代、浩云科技、普元信息等均有成熟产品和AI融合布局。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card" x-data="{ open: false }">
<div class="collapse-title text-xl font-medium text-purple-300" @click="open = !open">
路演核心观点
</div>
<div class="collapse-content" x-show="open" x-collapse>
<div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h4 class="font-bold text-lg text-white mb-2">普元信息 (专业级平台)</h4>
<ul class="list-disc list-inside space-y-1 text-sm text-gray-300">
<li>定位专业级,支持金融、政务等高复杂度场景。</li>
<li>AI助手提供代码生成、场景推荐对接行业大模型。</li>
<li>2023年低代码收入1.8亿元毛利率49%。</li>
<li>客户案例平均效率提升50%以上。</li>
</ul>
</div>
<div class="p-4 rounded-xl bg-black bg-opacity-20 border border-gray-700">
<h4 class="font-bold text-lg text-white mb-2">金现代 (信创+AI)</h4>
<ul class="list-disc list-inside space-y-1 text-sm text-gray-300">
<li>专注低代码超10年深度整合AI实现自然语言编程。</li>
<li>自主可控,生成标准代码输出,受央企、信创客户青睐。</li>
<li>2024年新签订单3000-5000万元毛利率>60%。</li>
<li>传统研发效率提升4-6倍代码量减少70%以上。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="collapse collapse-plus glass-card" x-data="{ open: false }">
<div class="collapse-title text-xl font-medium text-cyan-300" @click="open = !open">
研报关键洞察
</div>
<div class="collapse-content" x-show="open" x-collapse>
<ul class="list-disc list-inside space-y-2 text-gray-300 p-4">
<li><strong class="text-white">价值定位:</strong>低代码在企业数字化架构中属aPaaS层是连接技术中台与业务应用的“枢纽”。</li>
<li><strong class="text-white">用户分层:</strong>零代码核心是降低门槛(面向业务人员),低代码核心是提升效率(面向专业开发者)。</li>
<li><strong class="text-white">市场规模:</strong>预计2023年中国市场62.4亿元2025年突破百亿。市场推进较为稳健。</li>
<li><strong class="text-white">技术趋势:</strong>未来发展三大趋势为<strong class="text-cyan-300">云原生</strong><strong class="text-purple-300">数用一体</strong>aPaaS+iPaaS+数据管理)、<strong class="text-indigo-300">AI融合</strong></li>
<li><strong class="text-white">协作融合:</strong>与RPA、iPaaS、数字孪生等技术深度融合作为开发能力渗透到多种产品中。</li>
</ul>
</div>
</div>
</section>
<!-- Investment启示与风险 -->
<section class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div class="glass-card p-6">
<h2 class="text-2xl font-bold mb-4 text-green-300">综合结论与投资启示</h2>
<ul class="space-y-3 text-gray-300">
<li><strong class="text-white">最终看法:</strong>低代码正处在“AI故事”驱动的主题炒作与“真实需求”驱动的基本面改善相互叠加的黄金时期。长期具备成长为千亿级赛道的潜力。</li>
<li>
<strong class="text-white">价值细分方向:</strong>
<ol class="list-decimal list-inside pl-4 mt-1 space-y-1">
<li>具备深厚行业Know-how的<strong class="text-cyan-300">专业级平台</strong>(如普元信息、金现代)。</li>
<li><strong class="text-purple-300">“信创”属性明确</strong>的厂商(如金现代、泛微网络)。</li>
</ol>
</li>
<li>
<strong class="text-white">需重点跟踪的关键指标:</strong>
<p class="text-sm">合同负债/新签订单、客户ARPU值与续约率、毛利率变化、AI功能付费转化、标杆客户案例深度与广度。</p>
</li>
</ul>
</div>
<div class="glass-card p-6">
<h2 class="text-2xl font-bold mb-4 text-red-400">潜在风险与挑战</h2>
<ul class="space-y-3 text-gray-300">
<li><strong class="text-white">技术风险:</strong>复杂逻辑处理仍存瓶颈,数据与模型私有化部署对技术整合能力构成挑战。</li>
<li><strong class="text-white">商业化风险:</strong>价值衡量与定价模式仍在探索,市场教育成本较高,改变现有工作流程存在阻力。</li>
<li><strong class="text-white">政策与竞争风险:</strong>赛道涌入者众多,竞争日趋激烈,可能引发价格战。市场边界尚不清晰,存在定义和估值上的不确定性。</li>
</ul>
</div>
</section>
<!-- Stock List Table -->
<section class="glass-card p-6">
<h2 class="text-2xl font-bold mb-4 text-indigo-300">相关概念股梳理</h2>
<div class="overflow-x-auto">
<table class="table w-full text-sm">
<thead>
<tr>
<th class="text-left">股票名称</th>
<th class="text-left">股票代码</th>
<th class="text-left">核心逻辑/原因</th>
<th class="text-left">其他标签</th>
<th class="text-right">流通市值(亿)</th>
</tr>
</thead>
<tbody>
<tr class="hover"><td>金现代</td><td><a href="https://valuefrontier.cn/company?scode=300830" target="_blank" class="link link-hover text-cyan-400">300830</a></td><td>轻骑兵低代码平台已入选国家信创产品库;已构建低代码领域专有大模型</td><td>信创</td><td class="text-right">32.88</td></tr>
<tr class="hover"><td>普元信息</td><td><a href="https://valuefrontier.cn/company?scode=688118" target="_blank" class="link link-hover text-cyan-400">688118</a></td><td>获评信通院“低代码产业赋能者象限”引领者新一代平台结合AI提供编程助手</td><td></td><td class="text-right">24.92</td></tr>
<tr class="hover"><td>浩云科技</td><td><a href="https://valuefrontier.cn/company?scode=300448" target="_blank" class="link link-hover text-cyan-400">300448</a></td><td>低代码智慧物联网数据平台提供商</td><td>智慧物联网</td><td class="text-right">46.02</td></tr>
<tr class="hover"><td>新炬网络</td><td><a href="https://valuefrontier.cn/company?scode=605398" target="_blank" class="link link-hover text-cyan-400">605398</a></td><td>公司拥有自主研发的低代码开发平台</td><td></td><td class="text-right">13</td></tr>
<tr class="hover"><td>泛微网络</td><td><a href="https://valuefrontier.cn/company?scode=603039" target="_blank" class="link link-hover text-cyan-400">603039</a></td><td>推出基于全栈信创环境的低代码开发平台E-builder</td><td>信创</td><td class="text-right"></td></tr>
<tr class="hover"><td>致远互联</td><td><a href="https://valuefrontier.cn/company?scode=688369" target="_blank" class="link link-hover text-cyan-400">688369</a></td><td>低代码平台获信通院认可,提供全程可视化设计器、零/低代码开发模式</td><td></td><td class="text-right">28.29</td></tr>
<tr class="hover"><td>中科创达</td><td><a href="https://valuefrontier.cn/company?scode=300496" target="_blank" class="link link-hover text-cyan-400">300496</a></td><td>拥有低代码平台和大数据管理分析平台编程助手RubikStudio</td><td></td><td class="text-right">204.07</td></tr>
<tr class="hover"><td>浙大网新</td><td><a href="https://valuefrontier.cn/company?scode=600797" target="_blank" class="link link-hover text-cyan-400">600797</a></td><td>已搭建低代码开发平台OpenBuddy大模型可用于智能编程助手</td><td></td><td class="text-right">82.0</td></tr>
<tr class="hover"><td>科大国创</td><td><a href="https://valuefrontier.cn/company?scode=300520" target="_blank" class="link link-hover text-cyan-400">300520</a></td><td>AI编程核心标的华为仓颉深度合作AI编程已实现自动生成代码</td><td>AI编程</td><td class="text-right">61</td></tr>
<tr class="hover"><td>直真科技</td><td><a href="https://valuefrontier.cn/company?scode=003007" target="_blank" class="link link-hover text-cyan-400">003007</a></td><td>推进低代码开发平台在MSS域项目中的应用</td><td></td><td class="text-right"></td></tr>
<tr class="hover"><td>恒华科技</td><td><a href="https://valuefrontier.cn/company?scode=300365" target="_blank" class="link link-hover text-cyan-400">300365</a></td><td>拥有低代码技术平台FWeb</td><td></td><td class="text-right"></td></tr>
<tr class="hover"><td>湘邮科技</td><td><a href="https://valuefrontier.cn/company?scode=600476" target="_blank" class="link link-hover text-cyan-400">600476</a></td><td>公司SaaS服务可以提供低代码服务</td><td></td><td class="text-right"></td></tr>
<tr class="hover"><td>久其软件</td><td><a href="https://valuefrontier.cn/company?scode=002279" target="_blank" class="link link-hover text-cyan-400">002279</a></td><td>女娲平台具备低代码能力</td><td></td><td class="text-right"></td></tr>
<tr class="hover"><td>思特奇</td><td><a href="https://valuefrontier.cn/company?scode=300608" target="_blank" class="link link-hover text-cyan-400">300608</a></td><td>自主研发低代码和零代码开发平台</td><td></td><td class="text-right"></td></tr>
<tr class="hover"><td>科大讯飞</td><td><a href="https://valuefrontier.cn/company?scode=002230" target="_blank" class="link link-hover text-cyan-400">002230</a></td><td>星火飞码(iFlyCode)是科大讯飞推出的AI编程助手</td><td>AI编程</td><td class="text-right">1098.8</td></tr>
<tr class="hover"><td>软通动力</td><td><a href="https://valuefrontier.cn/company?scode=301236" target="_blank" class="link link-hover text-cyan-400">301236</a></td><td>深度整合自动化(RPA)+智能化(AI)+低代码能力</td><td></td><td class="text-right">425.1</td></tr>
</tbody>
</table>
</div>
</section>
</main>
<footer class="text-center mt-12 text-xs text-gray-500">
<p>本报告由北京价值前沿科技有限公司的AI投研agent“价小前投研”生成。</p>
<p>所有数据和分析均基于公开信息通过AI算法处理和呈现不构成任何投资建议。市场有风险投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('marketSizeChart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{b}<br />市场规模: {c} 亿元',
backgroundColor: 'rgba(20, 20, 50, 0.8)',
borderColor: '#396afc',
textStyle: {
color: '#fff'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['2024H2', '2024全年', '2028E', '2029E'],
axisTick: {
alignWithLabel: true
},
axisLabel: {
color: '#a0aec0'
},
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.2)'
}
}
}
],
yAxis: [
{
type: 'value',
name: '规模 (亿元)',
axisLabel: {
color: '#a0aec0'
},
nameTextStyle: {
color: '#a0aec0'
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)',
type: 'dashed'
}
}
}
],
series: [
{
name: '市场规模',
type: 'bar',
barWidth: '60%',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#8A2BE2' },
{ offset: 0.5, color: '#4A00E0' },
{ offset: 1, color: '#396afc' }
]),
borderRadius: [4, 4, 0, 0]
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#A040FF' },
{ offset: 0.5, color: '#6A20F0' },
{ offset: 1, color: '#598AFF' }
])
}
},
data: [22.9, 40.3, 330, 129.8] // 2028 and 2029 data points are from different reports, showing them both for completeness
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>