362 lines
26 KiB
HTML
362 lines
26 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.11.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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
|
||
overflow-x: hidden;
|
||
color: #e0e0e0;
|
||
}
|
||
.glass-card {
|
||
background: rgba(30, 41, 59, 0.5); /* bg-slate-800/50 */
|
||
backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||
transition: all 0.3s ease;
|
||
}
|
||
.glass-card:hover {
|
||
border-color: rgba(0, 191, 255, 0.5); /* DeepSkyBlue with alpha */
|
||
box-shadow: 0 0 25px rgba(0, 191, 255, 0.2);
|
||
}
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(59, 130, 246, 0.5); /* blue-500 */
|
||
}
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
grid-auto-rows: minmax(100px, auto);
|
||
}
|
||
.bento-item {
|
||
border-radius: 1.5rem; /* rounded-3xl */
|
||
}
|
||
.table th, .table td {
|
||
border-color: rgba(255, 255, 255, 0.15) !important;
|
||
}
|
||
.table th {
|
||
background-color: rgba(59, 130, 246, 0.1);
|
||
color: #a5b4fc; /* indigo-300 */
|
||
}
|
||
/* Background decorative elements */
|
||
.space-bg::before, .space-bg::after {
|
||
content: '';
|
||
position: absolute;
|
||
z-index: -1;
|
||
border-radius: 50%;
|
||
filter: blur(100px);
|
||
}
|
||
.space-bg::before {
|
||
width: 400px;
|
||
height: 400px;
|
||
background: rgba(79, 70, 229, 0.2); /* indigo-700 */
|
||
top: -100px;
|
||
left: -150px;
|
||
}
|
||
.space-bg::after {
|
||
width: 500px;
|
||
height: 500px;
|
||
background: rgba(21, 128, 61, 0.15); /* green-700 */
|
||
bottom: -200px;
|
||
right: -200px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen space-bg">
|
||
<div class="p-4 sm:p-6 md:p-8 max-w-7xl mx-auto">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center py-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-indigo-400 glow-text mb-4">
|
||
巴印军贸概念深度研报
|
||
</h1>
|
||
<p class="text-lg text-slate-400">北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||
<p class="text-sm text-slate-500 mt-2">本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<!-- Insight: Core Analysis -->
|
||
<main class="space-y-12">
|
||
<section id="insight" class="glass-card rounded-3xl p-6 md:p-8">
|
||
<h2 class="text-3xl font-bold mb-6 border-l-4 border-sky-400 pl-4">概念核心 Insight</h2>
|
||
|
||
<div class="space-y-8">
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-3">0. 概念事件</h3>
|
||
<div class="prose prose-invert max-w-none text-slate-300 space-y-2">
|
||
<p><strong class="text-sky-400">背景:</strong> 长期以来，中国与巴基斯坦保持着紧密的战略合作伙伴关系，军贸是这一关系的重要组成部分。根据SIPRI数据，巴基斯坦是中国最核心的军贸客户，历史订单（1989-2024）占中国军贸总出口额的 <strong>52.5%</strong>，近期（2019-2023）占比更是高达 <strong>~60%</strong>。巴基斯坦军队，尤其是空军，已经深度“中国化”。</p>
|
||
<p><strong class="text-sky-400">催化事件:</strong> 本轮“巴印军贸”概念的核心催化剂是 <strong>2025年5月7日</strong> 爆发的印巴边境空战（代号“新杜尔”）。在此次冲突中，巴基斯坦空军声称使用中国制造的武器装备体系，取得了对印度空军的显著战果，这被市场视为中国先进武器的首次大规模体系化境外实战验证。</p>
|
||
<p><strong class="text-sky-400">后续发展:</strong> 实战后巴方计划追加采购 <strong>20套翼龙-2无人机</strong>（合同额<strong>22亿元</strong>），并联合开发隐身无人机。市场开始出现关于巴方意向采购中国第五代战斗机歼-35的传闻，进一步推高了市场预期。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-3">1. 核心观点摘要</h3>
|
||
<p class="text-slate-300 leading-relaxed bg-slate-900/50 p-4 rounded-xl border border-slate-700">“巴印军贸”概念的本质，是一次由地缘政治冲突引爆的、对中国高端军事装备体系 <strong>“实战能力”</strong> 的强力验证。当前，该概念正处于由“事件驱动”向“订单驱动”过渡的关键阶段，其核心驱动力在于中国军工产品所展现出的 <strong>“高性能与极致性价比”</strong>。未来潜力巨大，但能否将巴基斯坦的“样板间”成功复制到中东等新市场，是决定其能否从短期主题升华为长期增长逻辑的关键。</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-3">2. 概念的核心逻辑与市场认知分析</h3>
|
||
<ul class="list-none space-y-4 text-slate-300">
|
||
<li class="flex items-start"><span class="text-sky-400 font-bold mr-3 mt-1">▶</span><div><strong class="text-white">实战验证打破认知天花板：</strong> 2025/5/7的空战为歼-10CE、PL-15E、翼龙-2等装备提供了强有力的实战背书，完成了对中国“设计-技术-制造-体系”全链路能力的综合检验。</div></li>
|
||
<li class="flex items-start"><span class="text-sky-400 font-bold mr-3 mt-1">▶</span><div><strong class="text-white">极致的性价比优势：</strong> 印度“阵风”战斗机单价高达2.88亿美元，而歼-10CE仅约7600万美元。在实战表现（据称）不相上下的情况下，这种性价比优势对发展中国家具有致命吸引力。</div></li>
|
||
<li class="flex items-start"><span class="text-sky-400 font-bold mr-3 mt-1">▶</span><div><strong class="text-white">全球军贸格局重塑：</strong> 俄罗斯因战争影响，市场份额从26%锐减至不足10%，为中国填补市场空白提供了历史性机遇。</div></li>
|
||
<li class="flex items-start"><span class="text-sky-400 font-bold mr-3 mt-1">▶</span><div><strong class="text-white">体系化输出能力：</strong> 此次冲突凸显的并非单一武器，而是由预警机、战斗机、防空系统和数据链构成的完整作战体系，这是区别于简单“卖装备”的核心竞争力。</div></li>
|
||
</ul>
|
||
<div class="mt-4 p-4 rounded-xl bg-yellow-900/20 border border-yellow-500/30">
|
||
<h4 class="font-semibold text-yellow-300">预期差分析</h4>
|
||
<p class="text-yellow-200 mt-2">市场可能高估了战果的确定性（多为巴方单方面宣传），低估了向中东等复杂市场复制“巴基斯坦模式”的难度，并可能忽略了中国在提供军事支持时的战略克制与有限性。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-3">3. 关键催化剂与未来发展路径</h3>
|
||
<div class="grid md:grid-cols-2 gap-4 text-slate-300">
|
||
<div class="bg-slate-900/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-white">近期催化剂 (3-6个月)</h4>
|
||
<ul class="list-disc list-inside mt-2 space-y-1">
|
||
<li>巴基斯坦后续订单正式落地 (翼龙-2等)。</li>
|
||
<li>歼-35出口项目的明确化。</li>
|
||
<li>其他国家（尤其是中东）的采购意向披露。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-slate-900/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-white">长期发展路径</h4>
|
||
<ul class="list-decimal list-inside mt-2 space-y-1">
|
||
<li><strong class="text-sky-400">阶段一:</strong> 单点突破与品牌塑造。</li>
|
||
<li><strong class="text-sky-400">阶段二:</strong> 区域拓展与体系输出。</li>
|
||
<li><strong class="text-sky-400">阶段三:</strong> 深度绑定与生态构建。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-3">4. 产业链与核心公司深度剖析</h3>
|
||
<div class="prose prose-invert max-w-none text-slate-300">
|
||
<p><strong class="text-white">绝对领导者 & 逻辑最纯粹:</strong></p>
|
||
<ul>
|
||
<li><strong>中航成飞 (302132):</strong> 歼-10CE唯一制造商，概念的“核心资产”，直接受益者。</li>
|
||
<li><strong>中无人机 (688297):</strong> 翼龙-2制造商，有明确的22亿元追加订单和预收款+217%数据验证，确定性高。</li>
|
||
</ul>
|
||
<p><strong class="text-white">最具潜力的追赶者/增量:</strong></p>
|
||
<ul>
|
||
<li><strong>中航沈飞 (600760):</strong> 歼-35制造商，是市场“下一个希望”，订单一旦落地将打开巨大估值空间。</li>
|
||
</ul>
|
||
<p><strong class="text-white">关键赋能者:</strong></p>
|
||
<ul>
|
||
<li><strong>天箭科技 (002977):</strong> PL-15E导弹核心部件供应商，产业链上游高价值环节。</li>
|
||
<li><strong>国睿科技 (600562):</strong> 机载/地面雷达核心供应商，体系作战的“眼睛”。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-3">5. 潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-red-300 bg-red-900/20 p-4 rounded-xl border border-red-500/30">
|
||
<li><strong class="text-red-200">技术风险：</strong>在顶尖电子战、AI赋能等领域与美国最先进体系可能仍有差距。</li>
|
||
<li><strong class="text-red-200">商业化风险：</strong>对巴基斯坦市场的过度依赖是最大风险；进入新市场面临制裁和兼容性难题。</li>
|
||
<li><strong class="text-red-200">地缘政治风险：</strong>印巴冲突若失控升级，可能中断而非促进军贸。</li>
|
||
<li><strong class="text-red-200">信息交叉验证风险：</strong>战果多为单方面宣传，存在夸大成分，市场情绪与战略现实之间存在鸿沟。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Supporting Evidence: Bento Grid -->
|
||
<section id="evidence">
|
||
<h2 class="text-3xl font-bold mb-6 text-center glow-text">多维数据透视</h2>
|
||
<div class="bento-grid" style="grid-template-columns: repeat(3, 1fr);">
|
||
<div class="bento-item glass-card p-6 md:col-span-2">
|
||
<h3 class="font-semibold text-xl text-sky-300 mb-3">核心事件：印巴冲突的催化作用</h3>
|
||
<p class="text-slate-300">2025年5月7日的印巴空战被视为中国军贸发展的转折点。新闻普遍认为，此次冲突让全球重新审视中国武器装备能力，是“中国装备的活广告”。实战中，歼-10CE、翼龙-2、红旗-9B、PL-15E等装备据称表现亮眼，显著提升了巴基斯坦对先进武器的需求，为中国军贸打开了巨大空间。</p>
|
||
</div>
|
||
<div class="bento-item glass-card p-6">
|
||
<h3 class="font-semibold text-xl text-sky-300 mb-3">中巴军贸：核心伙伴关系</h3>
|
||
<p class="text-slate-300">巴基斯坦是中国最核心的军贸客户。研报数据显示，2019-2023年中国对巴军贸出口占其总出口额的约<strong class="text-white text-2xl">60%</strong>。巴基斯坦进口的武器装备中<strong class="text-white text-2xl">81%</strong>来自中国。</p>
|
||
</div>
|
||
<div class="bento-item glass-card p-6" id="echarts-pie" style="min-height: 300px;">
|
||
<!-- ECharts will be initialized here -->
|
||
</div>
|
||
<div class="bento-item glass-card p-6 md:col-span-2">
|
||
<h3 class="font-semibold text-xl text-sky-300 mb-3">关键装备清单及实战表现</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-slate-300">
|
||
<div>
|
||
<strong class="text-white block">空军装备:</strong>
|
||
<ul class="list-disc list-inside text-sm">
|
||
<li>歼-10CE：据称击落多架印机含“阵风”。</li>
|
||
<li>JF-17“枭龙”：搭载导弹摧毁S-400。</li>
|
||
<li>PL-15E：首次境外实战建功。</li>
|
||
<li>翼龙-2无人机：摧毁印军战机，获22亿追加订单。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<strong class="text-white block">陆/防/海装备:</strong>
|
||
<ul class="list-disc list-inside text-sm">
|
||
<li>VT-4主战坦克</li>
|
||
<li>SH-15车载加榴炮</li>
|
||
<li>红旗-9/16防空系统：构建体系化防空网。</li>
|
||
<li>054AP型护卫舰</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bento-item glass-card p-6">
|
||
<h3 class="font-semibold text-xl text-sky-300 mb-3">极致性价比</h3>
|
||
<p class="text-slate-300">中国军备的性价比优势显著。</p>
|
||
<ul class="mt-2 space-y-2">
|
||
<li><span class="font-bold text-red-400">印购“阵风”:</span> <span class="text-lg text-white">~2.88亿</span>美元/架</li>
|
||
<li><span class="font-bold text-green-400">巴购歼-10CE:</span> <span class="text-lg text-white">~0.76亿</span>美元/架</li>
|
||
</ul>
|
||
<p class="text-slate-400 text-sm mt-2">价格不到三分之一，实战表现据称不落下风。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data -->
|
||
<section id="stocks">
|
||
<h2 class="text-3xl font-bold mb-6 text-center glow-text">相关概念股梳理</h2>
|
||
|
||
<div class="glass-card rounded-3xl p-4 md:p-6 overflow-x-auto">
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-4">核心产业链公司</h3>
|
||
<table class="table table-zebra w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>核心逻辑</th>
|
||
<th>标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- 飞行器 -->
|
||
<tr><td colspan="3" class="font-bold text-slate-300 bg-slate-800/50">-- 飞行器 --</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=302132" target="_blank" class="link link-hover text-sky-400">中航成飞 (302132)</a></td><td>歼-10、枭龙唯一供应商，两型飞机均已出口巴基斯坦。</td><td>整机平台</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=688297" target="_blank" class="link link-hover text-sky-400">中无人机 (688297)</a></td><td>出口巴基斯坦翼龙武装无人机，实战效果显著，订单确定性高。</td><td>整机平台</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=002389" target="_blank" class="link link-hover text-sky-400">航天彩虹 (002389)</a></td><td>彩虹-4A无人机曾出口巴基斯坦，是无人机军贸重要参与者。</td><td>整机平台</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=600316" target="_blank" class="link link-hover text-sky-400">洪都航空 (600316)</a></td><td>参与出口巴基斯坦的L-15教练机生产。</td><td>整机平台</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=600038" target="_blank" class="link link-hover text-sky-400">中直股份 (600038)</a></td><td>首批直-10ME将于2025年初交付巴基斯坦。</td><td>整机平台</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=000768" target="_blank" class="link link-hover text-sky-400">中航西飞 (000768)</a></td><td>巴基斯坦订购4架ZDK03预警机，构建体系作战核心。</td><td>整机平台</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=001696" target="_blank" class="link link-hover text-sky-400">宗申动力 (001696)</a></td><td>航空发动机产品已在彩虹、翼龙无人机上使用。</td><td>核心配套</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=301586" target="_blank" class="link link-hover text-sky-400">佳力奇 (301586)</a></td><td>为JF-17枭龙提供碳纤维机身结构件和机翼大壁板。</td><td>核心配套</td></tr>
|
||
|
||
<!-- 装甲车 -->
|
||
<tr><td colspan="3" class="font-bold text-slate-300 bg-slate-800/50">-- 装甲车 --</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=600967" target="_blank" class="link link-hover text-sky-400">内蒙一机 (600967)</a></td><td>VT-4主战坦克制造商，已出口巴基斯坦。</td><td>整机平台</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=000519" target="_blank" class="link link-hover text-sky-400">中兵红箭 (000519)</a></td><td>为巴基斯坦采购的VT-4主战坦克提供弹药。</td><td>弹药</td></tr>
|
||
|
||
<!-- 导弹/防空 -->
|
||
<tr><td colspan="3" class="font-bold text-slate-300 bg-slate-800/50">-- 导弹 & 防空系统 --</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=600855" target="_blank" class="link link-hover text-sky-400">航天长峰 (600855)</a></td><td>航天二院资本运作平台，二院研制红旗-9防空导弹并销往巴基斯坦。</td><td>防空系统</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=002977" target="_blank" class="link link-hover text-sky-400">天箭科技 (002977)</a></td><td>网传霹雳15导弹发挥重要作用，公司技术可能应用于其雷达制导系统。</td><td>导弹/雷达</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=600435" target="_blank" class="link link-hover text-sky-400">北方导航 (600435)</a></td><td>参与红箭-8反坦克导弹技术转移至巴基斯坦。</td><td>导弹</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=688552" target="_blank" class="link link-hover text-sky-400">航天南湖 (688552)</a></td><td>出口LY-70防空系统及配套雷达，构建巴方防空网。</td><td>防空系统</td></tr>
|
||
<tr><td><a href="https://valuefrontier.cn/company?scode=600562" target="_blank" class="link link-hover text-sky-400">国睿科技 (600562)</a></td><td>与军贸公司签订外销雷达业务合同，是体系作战的“眼睛”。</td><td>雷达</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="rise-analysis">
|
||
<h3 class="text-xl font-semibold text-indigo-300 mb-4 text-center">涨幅异动分析</h3>
|
||
<div class="grid md:grid-cols-1 lg:grid-cols-2 gap-6">
|
||
<div class="glass-card rounded-3xl p-6">
|
||
<div class="flex justify-between items-center mb-3">
|
||
<h4 class="text-lg font-bold text-white"><a href="https://valuefrontier.cn/company?scode=600760" target="_blank" class="link link-hover">中航沈飞 (600760)</a></h4>
|
||
<span class="badge badge-lg badge-success">+9.30% (2025-06-09)</span>
|
||
</div>
|
||
<p class="text-slate-300 text-sm">股价上涨是军贸出口预期（巴基斯坦意向采购歼-35AE）、券商推荐、资金流入、板块走强、地缘政治及投资者预期等多重因素叠加的结果。市场对其作为“下一个希望”的预期强烈，估值空间想象力巨大。</p>
|
||
</div>
|
||
<div class="glass-card rounded-3xl p-6">
|
||
<div class="flex justify-between items-center mb-3">
|
||
<h4 class="text-lg font-bold text-white"><a href="https://valuefrontier.cn/company?scode=600184" target="_blank" class="link link-hover">光电股份 (600184)</a></h4>
|
||
<span class="badge badge-lg badge-success">+6.81% (2025-06-30)</span>
|
||
</div>
|
||
<p class="text-slate-300 text-sm">涨幅是军工板块“地缘冲突+政策催化+业绩预期”共振的结果。公司作为“制导+无人化”双赛道龙头，直接受益于印巴等冲突带来的行业需求升级与市场情绪升温。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center py-10 mt-12 border-t border-slate-700">
|
||
<p class="text-slate-500 text-sm">北京价值前沿科技有限公司 | AI投研agent：“价小前投研”</p>
|
||
<p class="text-slate-600 text-xs mt-2">免责声明：本报告由人工智能基于公开数据分析生成，仅供参考，不构成任何投资建议。市场有风险，投资需谨慎。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
// ECharts Pie Chart Initialization
|
||
var chartDom = document.getElementById('echarts-pie');
|
||
var myChart = echarts.init(chartDom, 'dark'); // Use dark theme
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
title: {
|
||
text: '中国军贸出口目的地分布 (2020-2024)',
|
||
subtext: '数据来源：综合研报',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#e0e0e0'
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c}%'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
top: 'middle',
|
||
textStyle: {
|
||
color: '#ccc'
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '出口份额',
|
||
type: 'pie',
|
||
radius: '60%',
|
||
center: ['65%', '55%'],
|
||
data: [
|
||
{ value: 45, name: '巴基斯坦' },
|
||
{ value: 10, name: '孟加拉' },
|
||
{ value: 45, name: '其他国家' }
|
||
],
|
||
emphasis: {
|
||
itemStyle: {
|
||
shadowBlur: 10,
|
||
shadowOffsetX: 0,
|
||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||
}
|
||
},
|
||
label: {
|
||
color: '#fff',
|
||
formatter: '{b}\n{d}%'
|
||
},
|
||
labelLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
itemStyle: {
|
||
borderColor: '#1f2937', // bg-gray-800
|
||
borderWidth: 2
|
||
}
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
</script>
|
||
</body>
|
||
</html> |