Files
vf_react/public/htmls/美团闪购.html
2025-12-05 13:29:18 +08:00

524 lines
34 KiB
HTML
Raw 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>美团闪购 - 深度投研报告</title>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/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>
<!-- Custom Styles & Fonts -->
<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=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #05050A;
color: #E0E0E0;
overflow-x: hidden;
}
.glass-card {
background: rgba(20, 20, 35, 0.6);
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 {
border-color: rgba(167, 139, 250, 0.5);
transform: translateY(-4px);
box-shadow: 0 0 25px rgba(167, 139, 250, 0.15);
}
.turrell-glow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 15% 25%, rgba(139, 92, 246, 0.15) 0%, transparent 40%),
radial-gradient(circle at 85% 75%, rgba(59, 130, 246, 0.15) 0%, transparent 40%);
animation: glow-pulse 15s infinite alternate;
}
@keyframes glow-pulse {
0% { opacity: 0.8; transform: scale(1); }
100% { opacity: 1; transform: scale(1.05); }
}
h1, h2, h3 {
font-weight: 700;
}
.concept-title {
font-size: 3.5rem;
font-weight: 700;
background: -webkit-linear-gradient(45deg, #a78bfa, #60a5fa, #34d399);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 20px rgba(167, 139, 250, 0.2);
}
.table th, .table td {
border-color: rgba(255, 255, 255, 0.15) !important;
}
.table th {
color: #d1d5db;
}
.collapse-title {
font-weight: 500;
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
</style>
</head>
<body class="min-h-screen">
<div class="turrell-glow"></div>
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12">
<!-- Header -->
<header class="text-center mb-16">
<h1 class="concept-title mb-4">美团闪购</h1>
<h2 class="text-2xl text-gray-300 font-light tracking-wider">深度投研报告</h2>
<p class="mt-4 text-sm text-gray-500 max-w-3xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现。本报告基于新闻、路演、研报、市场数据等多维信息源由AI合成旨在提供深度分析视角。内容仅供参考投资需谨慎。
</p>
</header>
<!-- Core Insight Section -->
<section class="mb-16">
<div class="glass-card rounded-3xl p-8">
<h2 class="text-3xl font-bold mb-6 text-violet-300 border-l-4 border-violet-400 pl-4">概念核心 Insight</h2>
<div class="space-y-8 text-gray-300">
<div>
<h3 class="text-xl font-semibold mb-3 text-sky-300">0. 核心观点摘要</h3>
<p class="leading-relaxed">美团闪购正从美团外卖的补充业务,<strong>迅速蜕变为驱动公司未来增长的独立核心引擎</strong>。其核心驱动力在于创新的<strong>“闪电仓”模式</strong>,该模式有效解决了传统零售在即时性、品类丰富度及下沉市场的供给难题。当前,美团闪购已进入<strong>“规模与盈利”并重,但增长优先</strong>的阶段,其未来潜力在于能否在激烈的市场竞争中,成功将“万物到家”的用户心智转化为持续且高利润的商业现实。</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-sky-300">1. 核心逻辑与市场认知分析</h3>
<div class="space-y-4">
<p><strong>核心驱动力:基于即时配送网络的“供给侧革命”</strong></p>
<ul class="list-disc list-inside space-y-2 pl-4 text-gray-400">
<li><strong>基础设施复用:</strong> 利用成熟的即时配送网络,将运力从餐饮外卖复用到商品零售,边际成本极低,具备天然的成本优势和履约壁垒。</li>
<li><strong>“闪电仓”模式创新:</strong> 区别于传统O2O闪电仓专为线上运营而生实现了SKU极大丰富单仓可达8000-10000个、供给有效下沉2024年1-8月低线城市订单同比增长54%)和全天候运营。</li>
<li><strong>用户心智占领:</strong> 基于“平均30分钟万物到家”的核心服务承诺在3C新品首发、酒水保真等场景形成对传统电商的“降维打击”培养用户即时性消费习惯。</li>
</ul>
<p><strong>市场热度与情绪:高度关注,乐观与竞争焦虑并存</strong></p>
<p class="text-gray-400">市场普遍认可即时零售的巨大市场空间至2026年行业规模预计达1.2万亿),并看好美团的主导地位。然而,与淘宝闪购的“补贴大战”也引发了市场对“烧钱换增长”模式可持续性及盈利前景的担忧。</p>
<p><strong>预期差分析:盈利预期与增长质量是关键</strong></p>
<ul class="list-disc list-inside space-y-2 pl-4 text-gray-400">
<li><strong>盈利能力的预期差:</strong> 市场普遍认为2024年有望盈利但部分路演纪要预测2025年仍将亏损50-60亿元存在显著信息矛盾。这反映了市场可能低估了维持高增长所需付出的真实成本。</li>
<li><strong>闪电仓规模的预期差:</strong> 新闻稿超3万个与研报/路演7千-1万个数据存在差异需审慎评估其供给网络建设的真实进度和质量。</li>
<li><strong>增长质量的预期差:</strong> 需警惕高增长背后高额补贴的驱动作用,补贴退坡后的用户留存率是衡量增长质量的“试金石”。</li>
</ul>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-sky-300">2. 关键催化剂与未来发展路径</h3>
<ul class="list-disc list-inside space-y-2 pl-4 text-gray-400">
<li><strong>近期催化剂3-6个月</strong> 重大新品如iPhone 17同步首发大型促销节点双十二、春节表现与顶级品牌如茅台合作深化。</li>
<li><strong>长期发展路径:</strong>
<br><strong>供给端深化 (当前-2025):</strong> 闪电仓网络高质量扩张目标2027年达10万个。
<br><strong>需求端破圈 (2025-2026):</strong> 持续向三线及以下城市下沉提升用户复购率和ARPU值。
<br><strong>生态与盈利成熟期 (2027-以后):</strong> 形成强大用户心智盈利模式多元化目标2027年GTV达5400亿元实现165亿元利润。
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-sky-300">3. 产业链与核心公司深度剖析</h3>
<p class="leading-relaxed">美团闪购的生态系统覆盖了上游的品牌商/零售商Apple、华为、茅台、中百集团中游的竞争平台淘宝闪购、京东到家及下游的履约网络和消费者。在此生态中逻辑最纯粹的关联方包括<br>1. **上游包装企业(南王科技、恒鑫生活):** 作为行业增长的“卖水人”,其业务与订单总量直接挂钩,不受平台竞争格局影响。<br>2. **垂直渠道商(如药易购):** 深度绑定平台,成为特定品类的主要线上供给方,其业绩与平台大促数据直接关联。</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-sky-300">4. 潜在风险与挑战</h3>
<ul class="list-disc list-inside space-y-2 pl-4 text-gray-400">
<li><strong>商业化风险:</strong> 激烈的补贴大战可能长期侵蚀利润,导致“增收不增利”。用户粘性在补贴退坡后面临考验。</li>
<li><strong>竞争风险(核心风险):</strong> 阿里将闪购作为本地生活反攻的重要棋子,投入不设上限,竞争的激烈程度和持续时间可能超预期。</li>
<li><strong>信息交叉验证风险:</strong> 关键数据盈利性、GMV目标、闪电仓数量在不同信源中存在矛盾增加了准确评估的难度。</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-sky-300">5. 综合结论与投资启示</h3>
<p class="leading-relaxed">美团闪购已<strong>明确进入基本面驱动的快速成长期</strong>。当前阶段的投资逻辑更偏向于<strong>对市场份额和长期潜力的“成长性投资”</strong>。最具投资价值的细分环节包括:平台本身(美团)、闪电仓生态的服务商和运营商、以及与平台深度绑定的上游特定品类供应链龙头。</p>
<p class="mt-2 text-gray-400"><strong>需重点跟踪验证的关键指标:</strong> 闪购订单量同比增速、闪电仓单店UE模型、高客单价品类GMV占比、用户ARPU及复购率、与竞争对手的市场份额对比。</p>
</div>
</div>
</div>
</section>
<!-- Bento Grid Layout -->
<div class="bento-grid mb-16">
<!-- Key Metrics & ECharts -->
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-12 lg:col-span-7">
<h3 class="text-2xl font-bold mb-4 text-emerald-300">核心指标与增长预测</h3>
<div id="growthChart" style="width: 100%; height: 350px;"></div>
</div>
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-12 lg:col-span-5 flex flex-col justify-center">
<h3 class="text-2xl font-bold mb-4 text-emerald-300">关键数据概览</h3>
<div class="grid grid-cols-2 gap-4 text-center">
<div class="bg-black/20 p-4 rounded-2xl">
<p class="text-3xl font-bold text-sky-400">30分钟</p>
<p class="text-sm text-gray-400">平均送达</p>
</div>
<div class="bg-black/20 p-4 rounded-2xl">
<p class="text-3xl font-bold text-sky-400">~1000万</p>
<p class="text-sm text-gray-400">2024年日均单量</p>
</div>
<div class="bg-black/20 p-4 rounded-2xl">
<p class="text-3xl font-bold text-sky-400">30,000+</p>
<p class="text-sm text-gray-400">当前闪电仓数量</p>
</div>
<div class="bg-black/20 p-4 rounded-2xl">
<p class="text-3xl font-bold text-sky-400">100,000+</p>
<p class="text-sm text-gray-400">2027年闪电仓目标</p>
</div>
</div>
</div>
<!-- Data Sources -->
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-12 lg:col-span-4">
<h3 class="text-2xl font-bold mb-4 text-amber-300">新闻数据摘要</h3>
<div class="space-y-2 max-h-96 overflow-y-auto pr-2">
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="news-accordion" checked="checked" />
<div class="collapse-title text-lg font-medium">品牌升级与战略定位</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>4月15日正式发布独立品牌定位“24小时陪伴消费者的新一代购物平台”。</li>
<li>美团App首页灰度测试“闪购”一级入口。</li>
<li>隶属本地核心商业,由公司副总裁肖昆负责,汇报王莆中。</li>
<li>核心战略拓展闪购品类重点发力3C家电、生鲜、酒水等。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-lg font-medium">业务模式与运营数据</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>核心承诺“平均30分钟万物到家”。</li>
<li>闪电仓模式商家建前置仓美团提供运营支持单仓SKU可达8000-10000。</li>
<li>规模闪电仓超3万个目标2027年超10万个。</li>
<li>订单2024年日均近1000万单七夕峰值超1600万单。</li>
<li>财务2024年已实现盈利UE模型优于外卖但短期注重增长。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-lg font-medium">品类拓展与品牌合作</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>数码与Apple、华为深度合作入驻授权店近7000家和4300余家。</li>
<li>酒水:与茅台酱香酒、百威、青岛啤酒等合作,交易额超其他电商平台。</li>
<li>服饰:李宁、安踏、滔搏等品牌密集入驻。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-lg font-medium">市场竞争</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>与淘宝闪购爆发补贴大战7月12日淘宝补贴超12亿美团约3-4亿。</li>
<li>8月8-9日淘宝闪购日订单量份额曾短暂超过美团。</li>
<li>双方共同发文呼吁抵制无序竞争。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-12 lg:col-span-4">
<h3 class="text-2xl font-bold mb-4 text-rose-300">路演纪要精炼</h3>
<div class="space-y-2 max-h-96 overflow-y-auto pr-2">
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="roadshow-accordion" checked="checked" />
<div class="collapse-title text-lg font-medium">业务规模与目标</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>2024年GMV目标2600-2800亿元日均单量目标1000万以上。</li>
<li>长期目标2026年GMV超4000亿2027年目标5400-6000亿。</li>
<li>闪电仓2024年Q3已达1万仓目标2027年10万仓GMV破千亿。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-lg font-medium">盈利与估值</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li><strong>矛盾点:</strong> 部分纪要称2024年Q1已盈利全年有望转正另有纪要预测2025年国内闪购仍将亏损50-60亿元。</li>
<li>长期潜力若2026年维持3%净利率可贡献120亿净利润对应超3600亿市值。</li>
<li>定位为美团“第二成长曲线”,估值弹性大。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-lg font-medium">增长策略与品类</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>核心策略:通过闪电仓模式加速下沉市场渗透。</li>
<li>品类拓展:重点发力消费电子、母婴、酒水、医药等高客单价、高毛利品类。</li>
<li>医药品类占比高约25%-35%。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-12 lg:col-span-4">
<h3 class="text-2xl font-bold mb-4 text-cyan-300">研报观点汇总</h3>
<div class="space-y-2 max-h-96 overflow-y-auto pr-2">
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="report-accordion" checked="checked" />
<div class="collapse-title text-lg font-medium">战略定位与行业影响</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>品牌独立,优先级提升,与外卖并列为核心业务。</li>
<li>本质是“本地供给+即时配送”对传统电商的降维打击。</li>
<li>将加速推动零售行业模式重构,行业进入分钟级竞速阶段。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="report-accordion" />
<div class="collapse-title text-lg font-medium">核心竞争力:闪电仓</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>闪电仓是核心竞争力,驱动供给生态进化。</li>
<li>小面积、高坪效模式,比京东到家“店”模式更适合下沉市场。</li>
<li>通过闪电仓模式有效渗透低线城市,实现超预期增长。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="report-accordion" />
<div class="collapse-title text-lg font-medium">供需两端成熟度</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-sm space-y-1 text-gray-400">
<li>需求端:用户心智逐渐牢固,消费粘性、依赖度明显提升。</li>
<li>供给端实现快速品牌扩容和全国性仓点布局坚持3天短账期解决商家库存痛点。</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Stock Data Section -->
<section class="mb-8">
<h2 class="text-3xl font-bold mb-6 text-violet-300 border-l-4 border-violet-400 pl-4">产业链核心及关联公司</h2>
<div class="glass-card rounded-3xl p-4 sm:p-6 lg:p-8 mb-12">
<h3 class="text-xl font-semibold mb-4 text-gray-200">生态合作伙伴</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心关联逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<tr><td>西王食品</td><td><a href="https://valuefrontier.cn/company?scode=000639" target="_blank" class="link link-hover text-sky-400">000639</a></td><td>2023年2月与美团优选美团零售生态达成深化合作</td><td>合作</td></tr>
<tr><td>倍轻松</td><td><a href="https://valuefrontier.cn/company?scode=688793" target="_blank" class="link link-hover text-sky-400">688793</a></td><td>导入“快闪项目”,通过“美团闪购”多种营销模式沉淀用户</td><td>合作</td></tr>
<tr><td>因赛集团</td><td><a href="https://valuefrontier.cn/company?scode=300781" target="_blank" class="link link-hover text-sky-400">300781</a></td><td>旗下睿丛因赛与美团闪购等战略客户深度合作,联手发布行业白皮书</td><td>合作</td></tr>
<tr><td>中百集团</td><td><a href="https://valuefrontier.cn/company?scode=000759" target="_blank" class="link link-hover text-sky-400">000759</a></td><td>与美团闪购、京东到家等第三方平台合作推进O2O到家业务</td><td>合作</td></tr>
<tr><td>天虹股份</td><td><a href="https://valuefrontier.cn/company?scode=002419" target="_blank" class="link link-hover text-sky-400">002419</a></td><td>旗下超市于2023年4月16日已上线美团闪购</td><td>合作</td></tr>
<tr><td>爱施德</td><td><a href="https://valuefrontier.cn/company?scode=002416" target="_blank" class="link link-hover text-sky-400">002416</a></td><td>作为苹果品牌国内最大服务商之一,门店已入驻美团等线上渠道</td><td>合作</td></tr>
<tr><td>良品铺子</td><td><a href="https://valuefrontier.cn/company?scode=603719" target="_blank" class="link link-hover text-sky-400">603719</a></td><td>美团闪购与良品铺子等众多零售品牌展开合作</td><td>合作</td></tr>
<tr><td>南王科技</td><td><a href="https://valuefrontier.cn/company?scode=301355" target="_blank" class="link link-hover text-sky-400">301355</a></td><td>聚焦环保包装,布局无纺布保温袋、外卖包装袋,受益于即时零售订单增长</td><td>外卖包装</td></tr>
<tr><td>恒鑫生活</td><td><a href="https://valuefrontier.cn/company?scode=301501" target="_blank" class="link link-hover text-sky-400">301501</a></td><td>为茶咖与快餐巨头供应包装产品,受益于即时零售饮品订单增长</td><td>外卖包装</td></tr>
</tbody>
</table>
</div>
</div>
<div class="glass-card rounded-3xl p-4 sm:p-6 lg:p-8">
<h3 class="text-xl font-semibold mb-4 text-gray-200">相关个股异动深度分析</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>股票</th>
<th>异动日期</th>
<th>涨幅</th>
<th class="w-2/3">核心驱动逻辑解析</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>药易购</strong><br><a href="https://valuefrontier.cn/company?scode=300937" target="_blank" class="link link-hover text-sky-400 text-xs">300937</a></td>
<td>2025-11-12</td>
<td class="text-error font-semibold">19.99%</td>
<td class="text-sm whitespace-normal text-gray-400">
<strong>驱动概念: 流感季需求 + 新零售 + 协议转让</strong><br>
与美团闪购、饿了么医药馆签署流感季“24小时保供协议”。双11期间美团闪购公布医药类成交额同比+110%药易购旗舰店单日GMV破1200万元位列平台第一。完美印证了平台如何赋能垂直供应链公司带来业绩增量。
</td>
</tr>
<tr>
<td><strong>欧亚集团</strong><br><a href="https://valuefrontier.cn/company?scode=600697" target="_blank" class="link link-hover text-sky-400 text-xs">600697</a></td>
<td>2025-09-04</td>
<td class="text-error font-semibold">9.99%</td>
<td class="text-sm whitespace-normal text-gray-400">
<strong>驱动概念: 黄金零售 + 婚庆旺季 + 即时零售</strong><br>
公司于2025年8月入驻美团闪购欧亚黄金专柜实现“3公里1小时达”。七夕当日线上订单量环比+220%客单价4100元验证了即时零售渠道带来的高价值品类增量。
</td>
</tr>
<tr>
<td><strong>分众传媒</strong><br><a href="https://valuefrontier.cn/company?scode=002027" target="_blank" class="link link-hover text-sky-400 text-xs">002027</a></td>
<td>2025-07-07</td>
<td class="text-success font-semibold">5.08%</td>
<td class="text-sm whitespace-normal text-gray-400">
<strong>驱动概念: 广告业复苏 + 平台补贴战</strong><br>
淘宝闪购与美团等外卖电商平台补贴大战升级,刺激咖啡茶饮等消费品销售。相关品牌为抢占市场增加广告投放,作为户外广告龙头的分众传媒直接受益。
</td>
</tr>
<tr>
<td><strong>三江购物</strong><br><a href="https://valuefrontier.cn/company?scode=601116" target="_blank" class="link link-hover text-sky-400 text-xs">601116</a></td>
<td>2025-09-01</td>
<td class="text-error font-semibold">10.03%</td>
<td class="text-sm whitespace-normal text-gray-400">
<strong>驱动概念: 阿里概念 + 淘宝闪购 + 新零售</strong><br>
<strong>(竞争对手生态)</strong>核心驱动是淘宝闪购在江浙沪试点,其门店与三江购物高度重合,被预期成为履约节点。此案例表明零售商站队并非唯一,平台竞争会分化其生态伙伴受益程度。
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</div>
<script type="text/javascript">
var chartDom = document.getElementById('growthChart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['GMV (亿元)', '闪电仓数量 (万个)'],
textStyle: { color: '#ccc' }
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: ['2023', '2024 (E)', '2025 (E)', '2026 (E)', '2027 (E)'],
axisLine: { lineStyle: { color: '#888' } }
}
],
yAxis: [
{
type: 'value',
name: 'GMV',
axisLabel: { formatter: '{value} 亿' },
axisLine: { show: true, lineStyle: { color: '#8b5cf6' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
{
type: 'value',
name: '闪电仓',
min: 0,
max: 12,
axisLabel: { formatter: '{value} 万' },
axisLine: { show: true, lineStyle: { color: '#3b82f6' } },
splitLine: { show: false }
}
],
series: [
{
name: 'GMV (亿元)',
type: 'line',
stack: '总量',
smooth: true,
lineStyle: {
width: 2,
color: '#a78bfa'
},
showSymbol: false,
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(139, 92, 246, 0.5)'
}, {
offset: 1,
color: 'rgba(139, 92, 246, 0)'
}])
},
emphasis: {
focus: 'series'
},
data: [1500, 2700, 3500, 4500, 5400]
},
{
name: '闪电仓数量 (万个)',
type: 'line',
yAxisIndex: 1,
smooth: true,
lineStyle: {
width: 2,
color: '#60a5fa'
},
showSymbol: false,
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(59, 130, 246, 0.4)'
}, {
offset: 1,
color: 'rgba(59, 130, 246, 0)'
}])
},
emphasis: {
focus: 'series'
},
data: [0.6, 3, 5, 7.5, 10]
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>