367 lines
27 KiB
HTML
367 lines
27 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>
|
||
<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', 'Noto Sans SC', sans-serif;
|
||
background-color: #0a092d;
|
||
background-image:
|
||
radial-gradient(circle at 15% 15%, rgba(100, 116, 225, 0.2) 0%, transparent 40%),
|
||
radial-gradient(circle at 85% 75%, rgba(139, 92, 246, 0.15) 0%, transparent 50%);
|
||
background-attachment: fixed;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(23, 23, 40, 0.4);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(30, 30, 50, 0.6);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(167, 139, 250, 0.6), 0 0 20px rgba(99, 102, 241, 0.4);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||
}
|
||
|
||
.table-glass thead th {
|
||
background-color: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
}
|
||
|
||
.table-glass tbody tr {
|
||
background-color: rgba(0, 0, 0, 0.1);
|
||
transition: background-color 0.3s;
|
||
}
|
||
|
||
.table-glass tbody tr:hover {
|
||
background-color: rgba(139, 92, 246, 0.15);
|
||
}
|
||
|
||
[x-cloak] { display: none !important; }
|
||
|
||
.tab-lift {
|
||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||
}
|
||
|
||
.tab-active.tab-lift {
|
||
transform: translateY(-4px);
|
||
background-color: rgba(99, 102, 241, 0.3);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="text-gray-300">
|
||
|
||
<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-clip-text text-transparent bg-gradient-to-r from-indigo-400 via-purple-400 to-indigo-400 mb-4">
|
||
阿里云 · 概念深度投研
|
||
</h1>
|
||
<p class="text-lg text-gray-400 max-w-4xl mx-auto">
|
||
由AI驱动的全面重估：从战略收缩到激进扩张，阿里云正处在由传统上云转向AI定义云的关键拐点，其全栈技术布局与巨额资本开支，使其成为国内AI基础设施的核心资产。
|
||
</p>
|
||
<p class="text-xs text-gray-500 mt-4">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研”进行投研呈现，本报告为AI合成数据，投资需谨慎。
|
||
</p>
|
||
</header>
|
||
|
||
<!-- Bento Grid for Key Insights -->
|
||
<section class="mb-12">
|
||
<div class="bento-grid">
|
||
<div class="glass-card rounded-2xl p-6 col-span-1 md:col-span-2">
|
||
<h3 class="font-bold text-xl text-indigo-300 mb-2">业绩拐点已现</h3>
|
||
<p class="text-gray-400">云收入增速从放缓重回两位数增长，25Q2同比增速达 <span class="text-2xl font-bold text-cyan-300">26%</span>，AI相关产品连续6个季度实现<span class="text-xl font-bold text-cyan-300">三位数</span>同比增长，远超市场预期。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="font-bold text-xl text-indigo-300 mb-2">资本“军备竞赛”</h3>
|
||
<p class="text-gray-400">季度Capex创历史新高至 <span class="text-2xl font-bold text-cyan-300">386亿</span>，并计划未来三年投入<span class="text-xl font-bold text-cyan-300">超过去十年总和</span>，AI基建投入决心彰显。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="font-bold text-xl text-indigo-300 mb-2">模型技术突破</h3>
|
||
<p class="text-gray-400">旗舰模型 <span class="text-xl font-bold text-cyan-300">Qwen2.5-Max</span> 性能比肩OpenAI o1系列，并推出万亿参数模型，占据国内技术制高点。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="font-bold text-xl text-indigo-300 mb-2">重磅合作预期</h3>
|
||
<p class="text-gray-400">市场持续发酵 <span class="text-xl font-bold text-cyan-300">苹果</span> 将在中国市场与其合作开发AI功能，成为市场最强潜在催化剂。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6 col-span-1 md:col-span-2">
|
||
<h3 class="font-bold text-xl text-indigo-300 mb-2">全栈技术闭环</h3>
|
||
<p class="text-gray-400">全球罕见具备 <span class="text-lg font-semibold text-cyan-300">芯片(PPU) - 云(飞天) - 大模型(通义) - 应用(千问)</span> 四环节全栈布局，构建“软硬一体”的深度护城河。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ECharts Visualizations -->
|
||
<section class="mb-12 grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="text-xl font-bold text-purple-300 mb-4 text-center">季度资本开支 (Capex) - 指数级增长</h3>
|
||
<div id="capexChart" style="width: 100%; height: 400px;"></div>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="text-xl font-bold text-purple-300 mb-4 text-center">云收入同比增速 - 重回高增长通道</h3>
|
||
<div id="revenueChart" style="width: 100%; height: 400px;"></div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Core Analysis Section -->
|
||
<section class="mb-12" x-data="{ tab: 'logic' }">
|
||
<div role="tablist" class="tabs tabs-boxed bg-black bg-opacity-20 mb-6">
|
||
<a role="tab" class="tab tab-lift text-lg" :class="{'tab-active': tab === 'logic'}" @click.prevent="tab = 'logic'">核心逻辑</a>
|
||
<a role="tab" class="tab tab-lift text-lg" :class="{'tab-active': tab === 'catalyst'}" @click.prevent="tab = 'catalyst'">关键催化剂</a>
|
||
<a role="tab" class="tab tab-lift text-lg" :class="{'tab-active': tab === 'risk'}" @click.prevent="tab = 'risk'">潜在风险</a>
|
||
</div>
|
||
|
||
<div class="glass-card rounded-2xl p-6 md:p-8 min-h-[400px]">
|
||
<!-- Core Logic -->
|
||
<div x-show="tab === 'logic'" x-cloak>
|
||
<h2 class="text-2xl font-bold text-purple-300 mb-4">AI定义云，资本驱动增长</h2>
|
||
<div class="space-y-4 text-gray-300 leading-relaxed">
|
||
<p><strong class="text-indigo-300">技术范式变革：</strong> 核心驱动力已从“互联网+”上云转变为“AI+”上云。企业消费正从IaaS层转向高附加值的PaaS层（模型调用、API服务），阿里云CEO吴泳铭强调“AI时代云由模型定义”，这正是其技术优势所在。</p>
|
||
<p><strong class="text-indigo-300">全栈能力闭环：</strong> 阿里与谷歌是全球罕见的具备“芯片、云、大模型、应用”四环节全栈布局的巨头。这种“软硬一体”模式能实现深度优化，构筑技术护城河，是其区别于其他云厂商的核心优势。</p>
|
||
<p><strong class="text-indigo-300">资本“军备竞赛”：</strong> 季度Capex 386亿和“未来三年超过去十年总和”的投资计划，是支撑其增长最强有力的证据。这表明公司已将AI基础设施建设置于最高战略优先级，意图通过规模效应和技术领先锁定市场份额。</p>
|
||
<p><strong class="text-indigo-300">预期差分析：</strong> 市场可能仍按IaaS逻辑估值，但忽略了其正通过MaaS和PaaS获取更高毛利。AI收入占比的快速提升，以及开源战略构建的强大开发者生态，可能带来超出市场预期的利润率提升和网络效应。</p>
|
||
</div>
|
||
</div>
|
||
<!-- Catalysts -->
|
||
<div x-show="tab === 'catalyst'" x-cloak>
|
||
<h2 class="text-2xl font-bold text-purple-300 mb-4">未来发展路径与催化剂</h2>
|
||
<div class="space-y-4 text-gray-300 leading-relaxed">
|
||
<h3 class="text-lg font-semibold text-indigo-300">近期催化剂 (未来3-6个月)</h3>
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong class="text-cyan-300">苹果合作官宣：</strong> 市场最期待的短期催化剂，将直接引爆市场情绪，并带来海量C端入口和推理算力需求。</li>
|
||
<li><strong class="text-cyan-300">下季度财报验证：</strong> 市场将密切关注云收入能否维持20%+的高速增长，以及Capex是否按计划持续投入。</li>
|
||
<li><strong class="text-cyan-300">标杆性AI应用落地：</strong> 与头部模型公司达成更深度的算力合作，或在金融、汽车等垂直行业出现杀手级应用。</li>
|
||
<li><strong class="text-cyan-300">自研芯片PPU新进展：</strong> 新一代PPU若成功切入训练端，将大幅降低算力成本，提升利润空间。</li>
|
||
</ul>
|
||
<h3 class="text-lg font-semibold text-indigo-300">长期发展路径</h3>
|
||
<ol class="list-decimal list-inside space-y-2">
|
||
<li><strong class="text-purple-300">第一阶段 (当前)：基础设施“圈地”</strong> - 通过激进Capex投入和模型价格战，快速抢占AI算力市场份额。</li>
|
||
<li><strong class="text-purple-300">第二阶段：PaaS/MaaS层价值兑现</strong> - 收入结构转型，带动利润率显著提升，逐步追赶AWS。</li>
|
||
<li><strong class="text-purple-300">第三阶段：生态闭环与全球化</strong> - 形成“模型生态+开发平台+云基础设施”的飞轮效应，并利用中国企业出海契机，成为全球领先的AI云服务商。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
<!-- Risks -->
|
||
<div x-show="tab === 'risk'" x-cloak>
|
||
<h2 class="text-2xl font-bold text-purple-300 mb-4">潜在风险与挑战</h2>
|
||
<div class="space-y-4 text-gray-300 leading-relaxed">
|
||
<p><strong class="text-red-400">技术风险：</strong> 通义大模型与全球顶尖模型仍存在代差。自研PPU芯片能否在训练端成功替代英伟达GPU，形成成本优势，尚需时间验证。</p>
|
||
<p><strong class="text-red-400">商业化风险：</strong> 主动发起的价格战可能引发行业恶性竞争，短期内侵蚀利润。同时，下游杀手级AI应用尚未出现，商业化进程缓慢可能反向影响云厂商收入增速。</p>
|
||
<p><strong class="text-red-400">政策与竞争风险：</strong> 华为云、腾讯云等在国内市场，尤其政企领域竞争激烈。数据安全、算法备案等监管政策的变动也可能带来影响。</p>
|
||
<p><strong class="text-red-400">信息交叉验证风险：</strong> 苹果合作传闻仍未证实，是最大的不确定性风险。市场信息存在噪音和夸大成分（如寒武纪采购规模），需审慎辨别。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain Panorama -->
|
||
<section class="mb-12">
|
||
<h2 class="text-3xl font-bold text-center mb-8 glow-text">产业链全景</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
|
||
<!-- Upstream -->
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="text-xl font-bold text-cyan-300 mb-4 border-b-2 border-cyan-500 pb-2">上游：AI基础设施与硬件</h3>
|
||
<ul class="space-y-2 text-left">
|
||
<li><strong>算力/IDC:</strong> 数据港, 润建股份, 宝信软件</li>
|
||
<li><strong>服务器:</strong> 浪潮信息, 中科曙光, 工业富联</li>
|
||
<li><strong>网络设备:</strong> 中际旭创 (光模块), 锐捷网络 (交换机)</li>
|
||
<li><strong>配套设备:</strong> 英维克 (液冷), 中恒电气 (电源)</li>
|
||
<li><strong>芯片:</strong> 寒武纪, 海光信息 (国产GPU/DCU)</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Midstream -->
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="text-xl font-bold text-purple-300 mb-4 border-b-2 border-purple-500 pb-2">中游：云服务平台</h3>
|
||
<div class="flex flex-col items-center justify-center h-full">
|
||
<p class="text-2xl font-extrabold text-white">阿里云</p>
|
||
<p class="text-gray-400">(自身)</p>
|
||
</div>
|
||
</div>
|
||
<!-- Downstream -->
|
||
<div class="glass-card rounded-2xl p-6">
|
||
<h3 class="text-xl font-bold text-indigo-300 mb-4 border-b-2 border-indigo-500 pb-2">下游：软件、服务与生态伙伴</h3>
|
||
<ul class="space-y-2 text-left">
|
||
<li><strong>MSP/分销商:</strong> 软通动力, 神州数码</li>
|
||
<li><strong>ISV/SaaS:</strong> 恒生电子, 石基信息, 用友网络</li>
|
||
<li><strong>AI模型/应用:</strong> DeepSeek, Kimi (月之暗面)</li>
|
||
<li><strong>垂直行业解决方案:</strong> 金融、汽车、零售、政务等</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table -->
|
||
<section>
|
||
<h2 class="text-3xl font-bold text-center mb-8 glow-text">核心关联标的</h2>
|
||
<div class="overflow-x-auto glass-card rounded-2xl">
|
||
<table class="table table-glass table-zebra w-full text-base">
|
||
<thead>
|
||
<tr class="text-white">
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th class="w-1/2">核心关联</th>
|
||
<th>标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>润建股份</td><td><a href='https://valuefrontier.cn/company?scode=002929' target='_blank' class='link link-hover text-indigo-300'>002929</a></td><td>智算云业务合作阿里云；控股子公司五象云谷与阿里云共同投资“中国-东盟智算云”及“数字经济创新中心”项目</td><td><div class='badge badge-primary'>数据中心 算力</div></td></tr>
|
||
<tr><td>数据港</td><td><a href='https://valuefrontier.cn/company?scode=603881' target='_blank' class='link link-hover text-indigo-300'>603881</a></td><td>公司主要提供数据中心服务器托管服务；与阿里合作ZH13等数据中心项目</td><td><div class='badge badge-primary'>数据中心</div><div class='badge badge-primary ml-1'>算力</div></td></tr>
|
||
<tr><td>杭钢股份</td><td><a href='https://valuefrontier.cn/company?scode=600126' target='_blank' class='link link-hover text-indigo-300'>600126</a></td><td>浙江云公司主动对接阿里需求，截止2024年上半年，B栋已投运，已上电机柜数1069个，可运行服务器2.1万台</td><td><div class='badge badge-primary'>数据中心 算力</div></td></tr>
|
||
<tr><td>弘信电子</td><td><a href='https://valuefrontier.cn/company?scode=300657' target='_blank' class='link link-hover text-indigo-300'>300657</a></td><td>公司与庆阳市、阿里云共建庆阳数据中心</td><td><div class='badge badge-primary'>数据中心 算力</div></td></tr>
|
||
<tr><td>宝信软件</td><td><a href='https://valuefrontier.cn/company?scode=600845' target='_blank' class='link link-hover text-indigo-300'>600845</a></td><td>宝信软件罗泾宝之云园区作为阿里巴巴华东区的主要数据节点之一</td><td><div class='badge badge-primary'>数据中心 算力</div></td></tr>
|
||
<tr><td>软通动力</td><td><a href='https://valuefrontier.cn/company?scode=301236' target='_blank' class='link link-hover text-indigo-300'>301236</a></td><td>与阿里云签署国际MSP及服务交付框架协议</td><td><div class='badge badge-secondary'>合作 阿里云</div></td></tr>
|
||
<tr><td>云赛智联</td><td><a href='https://valuefrontier.cn/company?scode=600602' target='_blank' class='link link-hover text-indigo-300'>600602</a></td><td>在公有云领域加强与阿里等云厂商的战略合作</td><td><div class='badge badge-secondary'>合作 阿里云</div></td></tr>
|
||
<tr><td>中恒电气</td><td><a href='https://valuefrontier.cn/company?scode=002364' target='_blank' class='link link-hover text-indigo-300'>002364</a></td><td>HVDC产品已广泛应用于大型数据中心、智算中心等场景，主要客户包括阿里</td><td><div class='badge badge-accent'>数据中心 电源</div></td></tr>
|
||
<tr><td>英方软件</td><td><a href='https://valuefrontier.cn/company?scode=688435' target='_blank' class='link link-hover text-indigo-300'>688435</a></td><td>国内专业灾备厂商第一名；英方i2DRM和阿里专有云有标杆性的方案；公司和阿里云建立了战略合作的关系</td><td><div class='badge badge-neutral'>数据备灾</div></td></tr>
|
||
<tr><td>光迅科技</td><td><a href='https://valuefrontier.cn/company?scode=002281' target='_blank' class='link link-hover text-indigo-300'>002281</a></td><td>数通光模块为阿里重要供应商之一</td><td><div class='badge badge-info'>光模块</div></td></tr>
|
||
<tr><td>华工科技</td><td><a href='https://valuefrontier.cn/company?scode=000988' target='_blank' class='link link-hover text-indigo-300'>000988</a></td><td>数通产品已进入阿里供应链</td><td><div class='badge badge-info'>光模块</div></td></tr>
|
||
<tr><td>中际旭创</td><td><a href='https://valuefrontier.cn/company?scode=300308' target='_blank' class='link link-hover text-indigo-300'>300308</a></td><td>全球主要的互联网云厂商都是公司的客户</td><td><div class='badge badge-info'>光模块</div></td></tr>
|
||
<tr><td>锐捷网络</td><td><a href='https://valuefrontier.cn/company?scode=301165' target='_blank' class='link link-hover text-indigo-300'>301165</a></td><td>公司是阿里巴巴数据中心交换机主流供应商</td><td><div class='badge badge-success'>交换机</div></td></tr>
|
||
<tr><td>紫光股份</td><td><a href='https://valuefrontier.cn/company?scode=000938' target='_blank' class='link link-hover text-indigo-300'>000938</a></td><td>400G数据中心交换机在阿里巴巴获得大份额</td><td><div class='badge badge-success'>交换机</div></td></tr>
|
||
<tr><td>英维克</td><td><a href='https://valuefrontier.cn/company?scode=002837' target='_blank' class='link link-hover text-indigo-300'>002837</a></td><td>为阿里巴巴等用户的大型数据中心提供了大量高效节能的制冷产品及系统</td><td><div class='badge badge-warning'>液冷/温控</div></td></tr>
|
||
<tr><td>依米康</td><td><a href='https://valuefrontier.cn/company?scode=300249' target='_blank' class='link link-hover text-indigo-300'>300249</a></td><td>阿里一直是公司战略客户；阿里在浙江移动信息产业园的机房全部采用依米康空调</td><td><div class='badge badge-warning'>液冷/温控</div><div class='badge badge-warning ml-1'>空调</div></td></tr>
|
||
<tr><td>寒武纪</td><td><a href='https://valuefrontier.cn/company?scode=688256' target='_blank' class='link link-hover text-indigo-300'>688256</a></td><td>客户阿里云，销售产品为云端产品线 (注：阿里已否认15万片采购传闻)</td><td><div class='badge badge-error'>GPU</div></td></tr>
|
||
<tr><td>海光信息</td><td><a href='https://valuefrontier.cn/company?scode=688041' target='_blank' class='link link-hover text-indigo-300'>688041</a></td><td>公司的DCU产品已得到阿里等互联网企业的认证</td><td><div class='badge badge-error'>GPU</div></td></tr>
|
||
<tr><td>浪潮信息</td><td><a href='https://valuefrontier.cn/company?scode=000977' target='_blank' class='link link-hover text-indigo-300'>000977</a></td><td>在百度和阿里的服务器采购中，公司所占份额最高</td><td><div class='badge badge-ghost'>服务器</div></td></tr>
|
||
<tr><td>中科曙光</td><td><a href='https://valuefrontier.cn/company?scode=603019' target='_blank' class='link link-hover text-indigo-300'>603019</a></td><td>阿里服务器供应商</td><td><div class='badge badge-ghost'>服务器</div></td></tr>
|
||
<tr><td>工业富联</td><td><a href='https://valuefrontier.cn/company?scode=601138' target='_blank' class='link link-hover text-indigo-300'>601138</a></td><td>阿里服务器供应商；阿里巴巴是公司的重要客户之一，也是公司的战略投资者</td><td><div class='badge badge-ghost'>服务器</div></td></tr>
|
||
<tr><td>神州数码</td><td><a href='https://valuefrontier.cn/company?scode=000034' target='_blank' class='link link-hover text-indigo-300'>000034</a></td><td>公司拥有阿里云钻石合作伙伴、MSP认证服务商的核心合作伙伴，以及全国总经销商身份</td><td><div class='badge badge-ghost'>服务器</div></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
// Capex Chart
|
||
var capexChart = echarts.init(document.getElementById('capexChart'));
|
||
var capexOption = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: { type: 'shadow' },
|
||
backgroundColor: 'rgba(23, 23, 40, 0.8)',
|
||
borderColor: '#4f46e5',
|
||
textStyle: { color: '#e0e0e0' }
|
||
},
|
||
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
|
||
xAxis: [{
|
||
type: 'category',
|
||
data: ['前季度', '上季度', '本季度'],
|
||
axisTick: { alignWithLabel: true },
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
axisLabel: { color: '#a5b4fc' }
|
||
}],
|
||
yAxis: [{
|
||
type: 'value',
|
||
name: '亿元',
|
||
axisLine: { show: true, lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
splitLine: { lineStyle: { type: 'dashed', color: 'rgba(255,255,255,0.1)' } },
|
||
axisLabel: { color: '#a5b4fc' }
|
||
}],
|
||
series: [{
|
||
name: '季度Capex',
|
||
type: 'bar',
|
||
barWidth: '60%',
|
||
data: [170, 318, 386],
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#818cf8' },
|
||
{ offset: 1, color: '#4f46e5' }
|
||
])
|
||
},
|
||
emphasis: {
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#a5b4fc' },
|
||
{ offset: 1, color: '#6366f1' }
|
||
])
|
||
}
|
||
}
|
||
}]
|
||
};
|
||
capexChart.setOption(capexOption);
|
||
|
||
// Revenue Chart
|
||
var revenueChart = echarts.init(document.getElementById('revenueChart'));
|
||
var revenueOption = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
backgroundColor: 'rgba(23, 23, 40, 0.8)',
|
||
borderColor: '#06b6d4',
|
||
textStyle: { color: '#e0e0e0' }
|
||
},
|
||
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
|
||
xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: ['FY24Q3', 'FY24Q4', 'FY25Q1', 'FY25Q2'],
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
axisLabel: { color: '#67e8f9' }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
name: '同比增速 (%)',
|
||
axisLine: { show: true, lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
splitLine: { lineStyle: { type: 'dashed', color: 'rgba(255,255,255,0.1)' } },
|
||
axisLabel: { color: '#67e8f9' }
|
||
},
|
||
series: [{
|
||
name: '云收入同比增速',
|
||
type: 'line',
|
||
smooth: true,
|
||
data: [3, 9.7, 13, 26],
|
||
symbol: 'circle',
|
||
symbolSize: 8,
|
||
lineStyle: {
|
||
width: 3,
|
||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||
{ offset: 0, color: '#22d3ee' },
|
||
{ offset: 1, color: '#06b6d4' }
|
||
])
|
||
},
|
||
itemStyle: {
|
||
color: '#06b6d4',
|
||
borderColor: '#22d3ee'
|
||
},
|
||
areaStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: 'rgba(34, 211, 238, 0.3)' },
|
||
{ offset: 1, color: 'rgba(34, 211, 238, 0)' }
|
||
])
|
||
}
|
||
}]
|
||
};
|
||
revenueChart.setOption(revenueOption);
|
||
|
||
window.addEventListener('resize', function () {
|
||
capexChart.resize();
|
||
revenueChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |