Files
vf_react/public/htmls/低空物流.html
2025-12-05 13:29:18 +08:00

497 lines
33 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>
<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>
@keyframes subtle-gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
body {
background-color: #020010;
background-image:
radial-gradient(at 20% 20%, hsla(212, 45%, 15%, 0.3) 0px, transparent 50%),
radial-gradient(at 80% 20%, hsla(280, 55%, 20%, 0.3) 0px, transparent 50%),
radial-gradient(at 20% 80%, hsla(320, 65%, 25%, 0.3) 0px, transparent 50%),
radial-gradient(at 80% 80%, hsla(190, 75%, 20%, 0.3) 0px, transparent 50%);
color: #e0e0e0;
font-family: 'system-ui', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
}
.glass-card {
background: rgba(20, 20, 50, 0.35);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.3);
border-color: rgba(255, 255, 255, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-1 { grid-column: span 8; grid-row: span 2; }
.bento-item-2 { grid-column: span 4; }
.bento-item-3 { grid-column: span 4; }
.bento-item-4 { grid-column: span 6; grid-row: span 2; }
.bento-item-5 { grid-column: span 6; grid-row: span 2; }
}
.title-glow {
text-shadow: 0 0 8px rgba(100, 200, 255, 0.7), 0 0 16px rgba(100, 200, 255, 0.5);
}
.tab-active {
background-color: rgba(70, 90, 220, 0.5) !important;
border-color: rgba(100, 150, 255, 0.8) !important;
color: #fff !important;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.table th, .table td {
background-color: transparent !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.table th {
color: #a0a0ff;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="container mx-auto max-w-7xl">
<!-- Header -->
<header class="text-center py-12">
<h1 class="text-4xl lg:text-6xl font-bold tracking-wider text-white title-glow">低空物流</h1>
<p class="text-xl lg:text-2xl mt-4 text-slate-300">深度行业研究报告</p>
<div class="mt-4 text-xs text-slate-500">
<p>由 北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎</p>
</div>
</header>
<!-- Insight Section: Bento Grid -->
<main class="space-y-12">
<section class="bento-grid">
<!-- Card 1: Concept Event & Timeline -->
<div class="bento-item bento-item-1 glass-card p-6 flex flex-col">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
概念事件与发展脉络
</h2>
<div class="flex-grow space-y-4 text-slate-300">
<div>
<h3 class="font-semibold text-white">顶层设计与政策铺垫 (2023年 - 2024年3月)</h3>
<p class="text-sm">国家层面将低空经济与降低社会物流成本战略挂钩。《有效降低全社会物流成本行动方案》定调其为降本增效关键技术。2024年3月四部门联合发布《通用航空装备创新应用实施方案》明确要求建设“干-支-末”无人机配送网络,提供清晰路线图。</p>
</div>
<div>
<h3 class="font-semibold text-white">地方政府“抢跑”与补贴落地 (2024年至今)</h3>
<p class="text-sm">以深圳、重庆为代表的城市成为政策先行区。重庆对新开航线给予最高15万元一次性支持。四川、辽宁、河南等地迅速跟进成立省级低空经济公司、开展试点形成地方政府积极推动产业落地的竞争格局。</p>
</div>
<div>
<h3 class="font-semibold text-white">产业实践与商业化探索 (并行推进)</h3>
<p class="text-sm">末端配送由美团(超45万单)、顺丰(超100万架次)领跑。支线物流由京东、中通等巨头进行跨城验证。应用场景从海岛、水上、海上平台到冷链实现多元化渗透。支线物流无人机意向订单已超1000架标志产业从验证向小规模量产迈进。</p>
</div>
<div>
<h3 class="font-semibold text-fuchsia-300">核心催化剂</h3>
<p class="text-sm">市场普遍预期年内将出台包含明确时间节点和量化指标的国家级顶层政策文件,被视为引爆板块的核心催化剂。</p>
</div>
</div>
</div>
<!-- Card 2: Core View Summary -->
<div class="bento-item bento-item-2 glass-card p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">核心观点摘要</h2>
<p class="text-slate-200">低空物流正处在<span class="text-yellow-300 font-semibold">由政策驱动向商业化落地过渡的关键时期</span>。其核心驱动力在于特定场景下(如偏远、高时效、高价值)展现出的显著经济性和效率优势。未来潜力巨大,但短期规模化发展仍面临<span class="text-red-400">成本控制、空域管理和商业模式盈利</span>三大核心挑战,市场热度与实际盈利能力之间存在明显预期差。</p>
</div>
<!-- Card 3: Expectation Gap Analysis -->
<div class="bento-item bento-item-3 glass-card p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">预期差分析</h2>
<ul class="space-y-3 text-slate-300 text-sm">
<li><strong class="text-white">普适性预期差:</strong> 市场认为将全面替代传统物流,但现实是经济性必须“分场景”评估,当前仅在“急、难、险、贵”场景具优势。</li>
<li><strong class="text-white">盈利能力预期差:</strong> 市场描绘大规模运营图景但现实是目前尚未盈利高度依赖政府补贴破局点需单票成本降至2元以下。</li>
<li><strong class="text-white">产业链受益节奏预期差:</strong> 市场易炒作整个板块,但现实是当前场景运营和核心飞行器制造走在最前,大规模基建盈利尚需时日。</li>
</ul>
</div>
<!-- Card 4: Core Logic & Market Perception -->
<div class="bento-item bento-item-4 glass-card p-6 flex flex-col">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">核心逻辑与市场认知</h2>
<div class="space-y-4 flex-grow">
<div>
<h3 class="text-lg font-semibold text-white">核心驱动力:政策与经济性的双轮驱动</h3>
<p class="text-sm text-slate-300 mt-1"><strong>政策强力驱动:</strong>从中央“降低综合物流成本”到四部委规划“干-支-末”网络,政策提供发展合法性与方向指引,地方补贴提供“催化剂”。政策顺序明确为“先载货后载人”。</p>
<p class="text-sm text-slate-300 mt-1"><strong>特定场景的经济账可算通:</strong>
<ul class="list-disc list-inside text-xs mt-1 space-y-1">
<li><span class="font-bold text-green-400">高附加值场景:</span> 山区松茸运输时间从8h缩至3-5min每斤溢价10元。</li>
<li><span class="font-bold text-green-400">成本替代场景(支线):</span> 5吨级无人机吨公里成本2.69元较有人机低40%+。</li>
<li><span class="font-bold text-green-400">效率替代场景(末端):</span> 城市拥堵环境无人机时速40-60km/h远超传统陆运2-3km/h。</li>
</ul>
</p>
</div>
<div>
<h3 class="text-lg font-semibold text-white">市场热度与情绪:普遍乐观,但存在认知盲区</h3>
<p class="text-sm text-slate-300 mt-1">市场对概念表现出极高关注度和乐观情绪,媒体密集报道,券商给出千亿级预测。情绪主要围绕“新质生产力”、“降本增效”等宏大叙事展开,但对商业现实的复杂性认知不足。</p>
</div>
</div>
</div>
<!-- Card 5: Catalysts & Future Path -->
<div class="bento-item bento-item-5 glass-card p-6 flex flex-col">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">关键催化剂与发展路径</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 flex-grow">
<div>
<h3 class="text-lg font-semibold text-white">近期催化剂 (3-6个月)</h3>
<ul class="list-disc list-inside text-sm text-slate-300 mt-2 space-y-2">
<li>国家级顶层政策文件出台。</li>
<li>标杆性大型无人机订单落地超1000架意向订单转化</li>
<li>头部企业(美团/顺丰)实现单城盈利。</li>
<li>“交规”标准(如南京水上物流)全国性推广。</li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold text-white">长期发展路径</h3>
<ul class="space-y-2 text-sm text-slate-300 mt-2">
<li><strong>第一阶段 (当前-2027):</strong> 场景验证与网络雏形。重点是“点对点”和高价值场景盈利。</li>
<li><strong>第二阶段 (2027-2030):</strong> 网络扩张与成本下降。重点是“区域组网”和成本接近盈亏平衡。</li>
<li><strong>第三阶段 (2030以后):</strong> 智能化融合与全面渗透。实现“干-支-末”网络协同,成为主流选择。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Market Data & Analysis Section -->
<section class="glass-card p-6" x-data="{ activeTab: 'economics' }">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">市场数据与分析</h2>
<div class="tabs tabs-boxed bg-black/20 mb-6">
<a class="tab" :class="{ 'tab-active': activeTab === 'economics' }" @click.prevent="activeTab = 'economics'">经济性测算</a>
<a class="tab" :class="{ 'tab-active': activeTab === 'marketSize' }" @click.prevent="activeTab = 'marketSize'">市场空间预测</a>
<a class="tab" :class="{ 'tab-active': activeTab === 'policy' }" @click.prevent="activeTab = 'policy'">政策动态</a>
<a class="tab" :class="{ 'tab-active': activeTab === 'practice' }" @click.prevent="activeTab = 'practice'">产业实践</a>
</div>
<div x-show="activeTab === 'economics'" class="min-h-[400px]">
<h3 class="text-xl font-semibold text-white mb-4">多场景经济性对比分析</h3>
<p class="text-sm text-slate-400 mb-4">路演数据显示,低空物流在特定场景下已具备显著的经济性或时效性优势,是其商业化的核心基础。以下为关键场景的成本/效率对比。</p>
<div id="economicsChart" class="w-full h-[400px]"></div>
</div>
<div x-show="activeTab === 'marketSize'" x-cloak class="min-h-[400px]">
<h3 class="text-xl font-semibold text-white mb-4">市场空间规模预测(支线+末端)</h3>
<p class="text-sm text-slate-400 mb-4">研报预测随着技术成熟和政策放开低空物流市场将迎来爆发式增长预计到2035年市场规模将超过8000亿元。</p>
<div id="marketSizeChart" class="w-full h-[400px]"></div>
</div>
<div x-show="activeTab === 'policy'" x-cloak class="min-h-[400px]">
<h3 class="text-xl font-semibold text-white mb-4">国家及地方政策概览</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
<div class="bg-black/20 p-4 rounded-xl">
<h4 class="font-bold text-fuchsia-300">国家层面</h4>
<ul class="list-disc list-inside space-y-2 mt-2 text-slate-300">
<li><strong>中办、国办:</strong> 《有效降低全社会物流成本行动方案》鼓励发展与低空经济相结合的物流新模式。</li>
<li><strong>国家邮政局:</strong> 加强无人机研制,因地制宜开展低空寄递服务,探索跨省、城际运输。</li>
<li><strong>四部门联合:</strong> 《通用航空装备创新应用实施方案》明确要求建设“干-支-末”无人机配送网络。</li>
<li><strong>南京:</strong> 发布全国首部水上低空物流“交规”,填补管理空白。</li>
</ul>
</div>
<div class="bg-black/20 p-4 rounded-xl">
<h4 class="font-bold text-fuchsia-300">地方层面</h4>
<ul class="list-disc list-inside space-y-2 mt-2 text-slate-300">
<li><strong>重庆:</strong> 对新开中、大型无人机航线给予一次性15万元支持年度最高100万元。</li>
<li><strong>深圳:</strong> 打造国家级空中交通管理试点城市,支持“空地联运”物流运输模式。</li>
<li><strong>四川:</strong> 成立首个由省属国企、地方平台和上市公司共同组建的低空经济运营服务企业。</li>
<li><strong>河南:</strong> 支持郑州、安阳开展无人机物流试点。</li>
</ul>
</div>
</div>
</div>
<div x-show="activeTab === 'practice'" x-cloak class="min-h-[400px]">
<h3 class="text-xl font-semibold text-white mb-4">产业实践与应用场景</h3>
<div class="space-y-4 text-sm text-slate-300">
<p><strong>航线开通与数据:</strong> 2024年我国新开低空物流航线超140条其中城市内末端航线占比达90%。北京、上海、深圳等多城已开通快递、外卖运输航线。</p>
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
<div class="bg-black/20 p-3 rounded-lg"><strong class="text-cyan-400">海岛物流:</strong> 青岛积米崖-灵山岛18公里航程仅需10分钟。</div>
<div class="bg-black/20 p-3 rounded-lg"><strong class="text-cyan-400">冷链物流:</strong> 四川马尔康启动低空冷链试点使用149公斤载荷无人机。</div>
<div class="bg-black/20 p-3 rounded-lg"><strong class="text-cyan-400">水上物流:</strong> 南京规范长江段低空配送。</div>
<div class="bg-black/20 p-3 rounded-lg"><strong class="text-cyan-400">海上平台:</strong> TD550重载无人直升机完成北部湾海上平台验证。</div>
<div class="bg-black/20 p-3 rounded-lg"><strong class="text-cyan-400">创新模式:</strong> 成都落地全国首个“中欧班列+低空物流”配送。</div>
<div class="bg-black/20 p-3 rounded-lg"><strong class="text-cyan-400">常态化试飞:</strong> 郑州航空港区启动试飞时效提升4倍。</div>
</div>
</div>
</div>
</section>
<!-- Industry Chain Analysis -->
<section class="glass-card p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-6">产业链深度剖析</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Map -->
<div class="lg:col-span-1 bg-black/20 p-4 rounded-xl">
<h3 class="font-bold text-white text-lg">产业链图谱</h3>
<div class="mt-4 space-y-4 text-sm">
<div>
<h4 class="text-fuchsia-300 font-semibold">上游:核心系统与零部件</h4>
<p class="text-slate-400">动力系统(宗申动力)、飞控航电(航天电子)、机体结构(广联航空)、电池(珠海冠宇)等。</p>
</div>
<div>
<h4 class="text-fuchsia-300 font-semibold">中游:无人机整机制造</h4>
<p class="text-slate-400">大型/支线(航天彩虹, 航天电子, 纵横股份)、末端配送(大疆, 美团, 丰翼)。</p>
</div>
<div>
<h4 class="text-fuchsia-300 font-semibold">下游:运营服务与基础设施</h4>
<p class="text-slate-400">物流运营(美团, 顺丰, 京东, 纵横股份)、基础设施(嘉诚国际, 智莱科技)、空管(莱斯信息)。</p>
</div>
</div>
</div>
<!-- Key Players -->
<div class="lg:col-span-2 bg-black/20 p-4 rounded-xl">
<h3 class="font-bold text-white text-lg">核心玩家对比</h3>
<div class="mt-4 space-y-3 text-sm">
<p><strong class="text-cyan-400">美团 vs. 顺丰 (丰翼):</strong> 末端配送领导者。美团是<span class="font-semibold">场景驱动</span>,逻辑闭环最强;顺丰是<span class="font-semibold">网络驱动</span>探索高价值B2B场景盈利潜力更大。</p>
<p><strong class="text-cyan-400">纵横股份:</strong> 独特的<span class="font-semibold">“制造+运营”双栖玩家</span>。既有制造能力,又参股省级运营公司,实现了从产品到服务的价值链延伸,逻辑最为完整。</p>
<p><strong class="text-cyan-400">航天彩虹 / 航天电子:</strong> 最纯粹的<span class="font-semibold">“卖铲人”</span>。作为大型无人机制造商,直接受益于支线物流需求爆发,逻辑简单清晰。</p>
<p><strong class="text-cyan-400">中信海直:</strong> <span class="font-semibold">“旧王换新衣”的转型者</span>。传统通航龙头通过与峰飞合作切入无人eVTOL物流核心优势在于运营经验和空域资源。</p>
</div>
</div>
</div>
</section>
<!-- Stock Rise Analysis -->
<section class="glass-card p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-6">相关个股涨幅异动分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="bg-black/20 p-4 rounded-xl border border-transparent hover:border-fuchsia-400 transition-colors">
<h3 class="font-bold text-white">西上海 (605151) <span class="text-green-400 ml-2">+9.98%</span></h3>
<p class="text-xs text-slate-400">2025-06-30</p>
<p class="text-sm mt-2 text-slate-300"><strong>核心结论:</strong> 公告设立低空物流装备公司并签下3.2亿eVTOL机体项目叠加30架份订单与2000万补贴预期资金集中抢筹导致涨停。</p>
</div>
<div class="bg-black/20 p-4 rounded-xl border border-transparent hover:border-fuchsia-400 transition-colors">
<h3 class="font-bold text-white">永悦科技 (603879) <span class="text-green-400 ml-2">+10.0%</span></h3>
<p class="text-xs text-slate-400">2025-07-22</p>
<p class="text-sm mt-2 text-slate-300"><strong>核心结论:</strong> 被市场视为“墨脱水电站高海拔无人机物流”最直接A股映射叠加低空经济政策催化短线情绪共振涨停。</p>
</div>
<div class="bg-black/20 p-4 rounded-xl border border-transparent hover:border-fuchsia-400 transition-colors">
<h3 class="font-bold text-white">力鼎光电 (605118) <span class="text-green-400 ml-2">+10.0%</span></h3>
<p class="text-xs text-slate-400">2025-07-28</p>
<p class="text-sm mt-2 text-slate-300"><strong>核心结论:</strong> 大湾区城际航线首飞验证长航时可行性公司作为无人机光电载荷核心供应商收入占比31%)受益于国产化趋势。</p>
</div>
</div>
</section>
<!-- Core Stocks Table -->
<section class="glass-card p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4">核心标的列表</h2>
<div class="overflow-x-auto">
<table class="table 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=002389" target="_blank" class="link link-hover text-cyan-400">002389</a></td>
<td>2025年5月22日彩虹-YH1000无人物流机首飞成功是大型无人机制造商的纯正标的。</td>
<td class="text-yellow-400">物流无人机</td>
</tr>
<tr>
<td>纵横股份</td>
<td><a href="https://valuefrontier.cn/company?scode=688070" target="_blank" class="link link-hover text-cyan-400">688070</a></td>
<td>“制造+运营”双栖模式内部论证4吨级物流无人机并持股19%参股四川省低空经济运营服务企业。</td>
<td class="text-green-400">运营与服务</td>
</tr>
<tr>
<td>宗申动力</td>
<td><a href="https://valuefrontier.cn/company?scode=001696" target="_blank" class="link link-hover text-cyan-400">001696</a></td>
<td>控股子公司宗申航发产品是无人机核心动力系统,直接受益于低空经济及无人机物流的推广应用。</td>
<td class="text-fuchsia-400">技术与系统支持</td>
</tr>
<tr>
<td>航天电子</td>
<td><a href="https://valuefrontier.cn/company?scode=600879" target="_blank" class="link link-hover text-cyan-400">600879</a></td>
<td>持股14.54%的航天飞鹏是大型无人运输机重要参与者,已成功完成榆林-蓝田物流航线飞行。</td>
<td class="text-yellow-400">物流无人机</td>
</tr>
<tr>
<td>广联航空</td>
<td><a href="https://valuefrontier.cn/company?scode=300900" target="_blank" class="link link-hover text-cyan-400">300900</a></td>
<td>为国产大型无人货运飞机“白鲸航线”的重要合作伙伴,承担部分研发、制造及装配工作。</td>
<td class="text-yellow-400">物流无人机</td>
</tr>
<tr>
<td>绿能慧充</td>
<td><a href="https://valuefrontier.cn/company?scode=600212" target="_blank" class="link link-hover text-cyan-400">600212</a></td>
<td>控股子公司中创航空承担中国邮政的运输无人机飞行服务,并联合投标租赁服务项目。</td>
<td class="text-green-400">运营与服务</td>
</tr>
<tr>
<td>天虹股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002419" target="_blank" class="link link-hover text-cyan-400">002419</a></td>
<td>与美团自2022年共同探索无人机配送模式是下游场景应用的直接合作方。</td>
<td class="text-green-400">运营与服务</td>
</tr>
<tr>
<td>嘉诚国际</td>
<td><a href="https://valuefrontier.cn/company?scode=603535" target="_blank" class="link link-hover text-cyan-400">603535</a></td>
<td>规划建设智能化设施承接无人机起降及装卸,构建覆盖“干-支-末”的低空物流网络。</td>
<td class="text-blue-400">网络建设</td>
</tr>
<tr>
<td>莱斯信息</td>
<td><a href="https://valuefrontier.cn/company?scode=688631" target="_blank" class="link link-hover text-cyan-400">688631</a></td>
<td>深入研究与验证即时配送、物流快递等城市智慧空中出行场景,是空管系统的重要研究者。</td>
<td class="text-blue-400">网络建设</td>
</tr>
<tr>
<td>深城交</td>
<td><a href="https://valuefrontier.cn/company?scode=301091" target="_blank" class="link link-hover text-cyan-400">301091</a></td>
<td>开展低空特殊物流、无人物流等商业服务,牵头项目入选香港低空经济“监管沙盒”试点。</td>
<td class="text-green-400">运营与服务</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Economics Chart
var economicsChartDom = document.getElementById('economicsChart');
if (economicsChartDom) {
var economicsChart = echarts.init(economicsChartDom, 'dark');
var economicsOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' }
},
legend: {
data: ['无人机物流', '传统物流'],
textStyle: { color: '#ccc' }
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: { lineStyle: { color: '#555' } },
splitLine: { lineStyle: { color: '#333' } }
},
yAxis: {
type: 'category',
data: ['末端配送 (元/单)', '支线运输 (元/吨·公里)'],
axisLine: { lineStyle: { color: '#555' } }
},
series: [
{
name: '无人机物流',
type: 'bar',
data: [0.9, 2.69], // Average of 0.65-1.14 and 2.69
itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#29B6F6' }, { offset: 1, color: '#0288D1' }])},
label: { show: true, position: 'right', color: '#fff' }
},
{
name: '传统物流',
type: 'bar',
data: [1.2, 4.8], // Average of 1.1-1.3 and 2.69 / (1-0.4)
itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#AB47BC' }, { offset: 1, color: '#6A1B9A' }]) },
label: { show: true, position: 'right', color: '#fff' }
}
]
};
economicsChart.setOption(economicsOption);
}
// Market Size Chart
var marketSizeChartDom = document.getElementById('marketSizeChart');
if (marketSizeChartDom) {
var marketSizeChart = echarts.init(marketSizeChartDom, 'dark');
var marketSizeOption = {
backgroundColor: 'transparent',
title: {
text: '低空物流市场规模预测 (亿元)',
left: 'center',
textStyle: { color: '#eee' }
},
tooltip: {
trigger: 'axis',
formatter: '{b}年<br/>市场规模: {c} 亿元'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['2025', '2030', '2035'],
axisLine: { lineStyle: { color: '#555' } }
},
yAxis: {
type: 'value',
axisLabel: { formatter: '{value} 亿' },
axisLine: { lineStyle: { color: '#555' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
series: [{
data: [137, 2761, 8140],
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 10,
lineStyle: { width: 3, color: '#29B6F6' },
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(41, 182, 246, 0.5)'
}, {
offset: 1,
color: 'rgba(41, 182, 246, 0)'
}])
},
itemStyle: { color: '#0288D1' }
}]
};
marketSizeChart.setOption(marketSizeOption);
}
// Resize charts on window resize
window.addEventListener('resize', function() {
if(economicsChart) economicsChart.resize();
if(marketSizeChart) marketSizeChart.resize();
});
});
</script>
</body>
</html>