450 lines
30 KiB
HTML
450 lines
30 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.2/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=Poppins:wght@300;400;600;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Poppins', sans-serif;
|
||
background-color: #0d0c22;
|
||
background-image:
|
||
radial-gradient(ellipse at 20% 20%, rgba(55, 65, 81, 0.3) 0%, transparent 70%),
|
||
radial-gradient(ellipse at 80% 10%, rgba(37, 99, 235, 0.2) 0%, transparent 70%),
|
||
radial-gradient(ellipse at 90% 90%, rgba(139, 92, 246, 0.2) 0%, transparent 70%),
|
||
radial-gradient(ellipse at 30% 85%, rgba(29, 78, 216, 0.15) 0%, transparent 70%);
|
||
overflow-x: hidden;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(17, 24, 39, 0.6);
|
||
backdrop-filter: blur(16px) saturate(180%);
|
||
-webkit-backdrop-filter: blur(16px) saturate(180%);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
box-shadow: 0 0 25px rgba(37, 99, 235, 0.3);
|
||
border: 1px solid rgba(37, 99, 235, 0.4);
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(59, 130, 246, 0.8), 0 0 16px rgba(59, 130, 246, 0.5);
|
||
}
|
||
|
||
.highlight-cyan {
|
||
color: #22d3ee;
|
||
text-shadow: 0 0 6px #22d3ee;
|
||
}
|
||
|
||
.highlight-violet {
|
||
color: #a78bfa;
|
||
text-shadow: 0 0 6px #a78bfa;
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
.bento-item-large {
|
||
grid-column: span 1 / span 1;
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
.bento-item-large {
|
||
grid-column: span 2 / span 2;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="container mx-auto p-4 sm:p-6 lg:p-8">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold glow-text bg-gradient-to-r from-blue-400 to-violet-500 text-transparent bg-clip-text mb-4">
|
||
乌克兰战后重建概念
|
||
</h1>
|
||
<p class="text-lg text-gray-400 max-w-3xl mx-auto">深度投研报告：地缘政治驱动下的宏大经济叙事与投资机遇剖析</p>
|
||
<p class="text-sm text-gray-500 mt-4">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<!-- Insight Section -->
|
||
<main class="space-y-12">
|
||
|
||
<!-- Core Insight -->
|
||
<section class="glass-card rounded-3xl p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-6 highlight-cyan">0. 概念事件与发展脉络</h2>
|
||
<div class="prose max-w-none text-gray-300">
|
||
<p>“乌克兰战后重建”概念是一个由地缘政治驱动、以宏大经济叙事为核心的投资主题。其发展脉络与俄乌冲突的进程及和平预期紧密相连。自2022年冲突全面升级以来，乌克兰基础设施、工业、农业和民生设施遭受巨大破坏。随着战事可能进入僵持或缓和阶段，国际社会与乌克兰本国开始规划战后的经济恢复与重建工作，催生了巨大的市场预期。</p>
|
||
<div class="mt-6 text-sm">
|
||
<h4 class="font-semibold text-violet-400 mb-2">关键时间轴与催化事件：</h4>
|
||
<ul class="space-y-2 list-disc list-inside">
|
||
<li><strong>2024年2月:</strong> 乌克兰政府、世界银行等联合发布评估报告，初步估算重建成本高达<span class="font-bold highlight-cyan">4860亿美元</span>，为市场提供了首个权威量化锚点。</li>
|
||
<li><strong>2025年2月中旬:</strong> 美俄谈判快速推进，市场对停战预期显著升温，引爆A股概念行情。</li>
|
||
<li><strong>2025年5月23日:</strong> 《美乌重建投资基金成立协议》正式启动，标志着资金筹备进入实质性操作阶段。</li>
|
||
<li><strong>2025年7月10-11日:</strong> 罗马重建会议达成超<span class="font-bold highlight-cyan">100亿欧元</span>协议，显示工作从概念走向落地。</li>
|
||
<li><strong>2025年10月21日:</strong> 多国领导人联合声明支持“以当前实际控制线”为谈判起点，市场解读为“距离真正停战越来越近”，再次催化概念热度。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Reconstruction Scale and Key Data -->
|
||
<section class="bento-grid">
|
||
<div class="glass-card rounded-3xl p-6 flex flex-col justify-center items-center text-center">
|
||
<h3 class="text-lg font-semibold text-violet-400 mb-2">预估重建总成本</h3>
|
||
<p class="text-4xl lg:text-5xl font-bold highlight-cyan">~5240亿美元</p>
|
||
<p class="text-sm text-gray-400 mt-2">(据世界银行、联合国等机构评估)</p>
|
||
</div>
|
||
<div class="glass-card rounded-3xl p-6 flex flex-col justify-center items-center text-center">
|
||
<h3 class="text-lg font-semibold text-violet-400 mb-2">核心资金来源</h3>
|
||
<p class="text-4xl lg:text-5xl font-bold highlight-cyan">~3000亿美元</p>
|
||
<p class="text-sm text-gray-400 mt-2">(被冻结的俄罗斯海外资产)</p>
|
||
</div>
|
||
<div class="glass-card rounded-3xl p-6 bento-item-large" id="reconstruction-chart-container">
|
||
<div id="reconstruction-chart" style="width: 100%; height: 300px;"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="glass-card rounded-3xl p-6 md:p-8 space-y-8">
|
||
<div>
|
||
<h2 class="text-2xl font-bold mb-4 highlight-cyan">1. 核心观点摘要</h2>
|
||
<p class="text-gray-300">乌克兰战后重建概念是一个典型的<span class="highlight-violet font-semibold">宏大叙事驱动的主题投资</span>，目前整体处于“预期发酵与博弈”的第一阶段。其核心驱动力源于战后重建所带来的数千亿美元级别的庞大市场空间，但其兑现路径高度依赖于<span class="highlight-violet font-semibold">俄乌停火谈判的实质性进展</span>这一最大的不确定性因素。当前市场的主要矛盾在于宏伟的远景预期与尚不明朗的落地时间表、资金来源和中国企业实际参与份额之间的巨大预期差。</p>
|
||
</div>
|
||
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="insight-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium highlight-cyan">2. 核心逻辑与市场认知分析</div>
|
||
<div class="collapse-content">
|
||
<div class="prose max-w-none text-gray-300 text-sm space-y-4">
|
||
<p><strong>核心驱动力：</strong>该概念的根本驱动力是“地缘政治缓和预期下的巨量基建缺口回补”。逻辑链条清晰：政治前提（停火）→ 需求量化（$4860亿-$7500亿）→ 领域聚焦（基建、住房、能源）→ 中国机遇（成本效率优势）。</p>
|
||
<p><strong>市场热度与情绪：</strong>市场关注度极高，整体情绪呈现“高度乐观但伴随短期博弈”的特征。乐观源于重建规模的确定性，博弈则体现在对停火时间点和消息面的高度敏感上。</p>
|
||
<p><strong>预期差分析：</strong></p>
|
||
<ul>
|
||
<li><strong>宏大叙事 vs. 微观现实：</strong>市场描绘了5000亿美元的机遇，但大量概念股公司实际“暂无业务”或“项目已终止”，存在巨大鸿沟。</li>
|
||
<li><strong>资金到位 vs. 资金来源：</strong>市场普遍预期俄罗斯3000亿美元冻结资产将用于重建，但路演揭示“欧盟仅同意转移利息而非本金”，资金到位远比想象复杂。</li>
|
||
<li><strong>中国参与份额：</strong>市场可能高估了中国企业能轻松获取的订单比例，将面临激烈的国际竞争。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="insight-accordion" />
|
||
<div class="collapse-title text-xl font-medium highlight-cyan">3. 关键催化剂与未来发展路径</div>
|
||
<div class="collapse-content">
|
||
<div class="prose max-w-none text-gray-300 text-sm space-y-4">
|
||
<p><strong>近期催化剂（未来3-6个月）：</strong></p>
|
||
<ul>
|
||
<li><strong>停火协议的签署：</strong>最核心、最直接的催化剂。</li>
|
||
<li><strong>重建基金的实质性注资：</strong>特别是关于俄罗斯冻结资产处置方案的最终法律确认。</li>
|
||
<li><strong>第一批国际招标项目公布：</strong>使概念从“预期”向“订单”转化。</li>
|
||
</ul>
|
||
<p><strong>长期发展路径：</strong></p>
|
||
<ol>
|
||
<li><strong>阶段一（当前）：预期驱动。</strong>股价由消息面驱动，板块普涨普跌。</li>
|
||
<li><strong>阶段二：资金与规划驱动。</strong>停火后，重建基金运作，规划出台，关注点转向资金和重点领域。</li>
|
||
<li><strong>阶段三：订单驱动。</strong>国际招标开始，个股分化，真正拿到订单的公司走出独立行情。</li>
|
||
<li><strong>阶段四：业绩驱动。</strong>项目开工，营收利润兑现，进入基本面投资阶段。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="insight-accordion" />
|
||
<div class="collapse-title text-xl font-medium highlight-cyan">4. 产业链与核心公司深度剖析</div>
|
||
<div class="collapse-content">
|
||
<div class="prose max-w-none text-gray-300 text-sm space-y-4">
|
||
<p><strong>产业链图谱：</strong></p>
|
||
<ul>
|
||
<li><strong>上游：</strong>基础原材料与建材（水泥、钢铁、玻璃）。</li>
|
||
<li><strong>中游：</strong>工程机械（挖机、起重机）与电力设备（光伏、储能）。电力重建成本约404亿美元，新能源占7成。</li>
|
||
<li><strong>下游：</strong>国际工程总包（EPC）与施工，是价值量最大环节。</li>
|
||
</ul>
|
||
<p><strong>核心玩家对比：</strong></p>
|
||
<ul>
|
||
<li><strong>逻辑最纯粹的领导者：</strong>中材国际/中钢国际（有乌克兰项目史）、濮耐股份（深耕当地市场）、德业股份（电力需求已验证）。</li>
|
||
<li><strong>潜力巨大的追赶者：</strong>中国电建/中国能建（基建巨头）、山推股份/柳工（设备出口）。</li>
|
||
<li><strong>具备独特优势的“奇兵”：</strong>苏交科（本地化经验）、山河智能（排雷机）。</li>
|
||
</ul>
|
||
<p><strong>验证与证伪：</strong>户用储能月均数千台发货验证了德业的逻辑。大量公司“暂无业务”是对市场炒作的证伪。贝肯能源虽有营收占比，但曾计划出售子公司，与市场看好逻辑形成矛盾，是重大风险信号。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="insight-accordion" />
|
||
<div class="collapse-title text-xl font-medium highlight-cyan">5. 潜在风险与挑战</div>
|
||
<div class="collapse-content">
|
||
<div class="prose max-w-none text-gray-300 text-sm space-y-4">
|
||
<ul>
|
||
<li><strong>地缘政治风险：</strong>最根本风险。“俄乌停战谈判不及预期”是首要风险。</li>
|
||
<li><strong>商业化与融资风险：</strong>资金来源不确定性（依赖俄资产存在法律障碍），劳动力短缺影响项目进度。</li>
|
||
<li><strong>政策与竞争风险：</strong>欧美企业竞争激烈，可能利用政治影响力设置壁垒。</li>
|
||
<li><strong>信息交叉验证风险：</strong>停火预期存在矛盾，市场乐观情绪与实际谈判进展有差异；公司参与意愿与市场热炒可能背离（如贝肯能源）。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="insight-accordion" />
|
||
<div class="collapse-title text-xl font-medium highlight-cyan">6. 综合结论与投资启示</div>
|
||
<div class="collapse-content">
|
||
<div class="prose max-w-none text-gray-300 text-sm space-y-4">
|
||
<p><strong>综合看法：</strong>乌克兰战后重建概念目前仍处于“主题炒作”向“基本面驱动”过渡前的漫长等待期。故事宏大，现实骨感。投资该概念如同“在黎明前下注”，需要极大的耐心和对地缘政治风险的深刻理解。</p>
|
||
<p><strong>最具投资价值的细分环节：</strong></p>
|
||
<ul>
|
||
<li><strong>短期（停火预期阶段）：</strong>工程机械和电力设备（特别是光伏储能）。设备作为标准品可最快出口。</li>
|
||
<li><strong>中长期（重建启动阶段）：</strong>国际工程总包（EPC），特别是在乌克兰有成功项目经验的公司（如中材国际、中钢国际）。</li>
|
||
</ul>
|
||
<p><strong>需重点跟踪和验证的关键指标：</strong></p>
|
||
<ul>
|
||
<li><strong>宏观层面：</strong>官方停火协议签署、重建基金实际到账金额、首批项目招标清单。</li>
|
||
<li><strong>中观层面：</strong>BDI（波罗的海干散货指数），验证建材运输需求。</li>
|
||
<li><strong>微观层面：</strong>核心公司新签乌克兰订单公告、相关业务的收入和毛利率变化。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Rise Analysis Section -->
|
||
<section class="glass-card rounded-3xl p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-6 highlight-cyan">相关个股异动解析</h2>
|
||
<div class="space-y-6">
|
||
<div class="glass-card rounded-2xl p-4 border-l-4 border-cyan-400">
|
||
<div class="flex justify-between items-center mb-2">
|
||
<h3 class="text-lg font-bold">建设机械 (600984)</h3>
|
||
<span class="badge badge-outline badge-accent">+6.74% (2025-10-20)</span>
|
||
</div>
|
||
<p class="text-sm text-gray-300"><strong>核心逻辑：</strong>典型的“板块β行情驱动”与“强预期下的题材炒作”结合。地缘政治积极预期（俄乌停火）→ 催生大规模重建想象空间 → 带动整个工程机械板块走强。公司长期下跌后处于技术性低位，放大了反弹弹性。上涨并非源于自身基本面，而是题材炒作。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-4 border-l-4 border-violet-400">
|
||
<div class="flex justify-between items-center mb-2">
|
||
<h3 class="text-lg font-bold">柳工 (000528)</h3>
|
||
<span class="badge badge-outline badge-accent">+6.74% (2025-11-26)</span>
|
||
</div>
|
||
<p class="text-sm text-gray-300"><strong>核心逻辑：</strong>“公司重大利好 + 板块轮动共振 + 市场情绪助推”三者叠加。基本面出现拐点信号，特别是海外业务（客户节订单超预期）和新增长曲线（电动装载机出海）逻辑清晰化，叠加工程机械板块整体活跃，引发资金集中追捧。</p>
|
||
</div>
|
||
<div class="glass-card rounded-2xl p-4 border-l-4 border-cyan-400">
|
||
<div class="flex justify-between items-center mb-2">
|
||
<h3 class="text-lg font-bold">东方铁塔 (002545)</h3>
|
||
<span class="badge badge-outline badge-error">+10.01% (2025-09-16)</span>
|
||
</div>
|
||
<p class="text-sm text-gray-300"><strong>核心逻辑：</strong>双重业绩弹性触发。乌克兰6.8万吨钢结构合同复工并涨价27%，预计新增收入8-10亿元，毛利率显著抬升。叠加全球钾肥价格跳涨，公司老挝项目受益。乌克兰重建从“预期”走向“订单兑现”的典型案例。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock List Section -->
|
||
<section class="glass-card rounded-3xl p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-6 highlight-cyan">核心受益概念股梳理</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full">
|
||
<thead class="text-base text-violet-300">
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑</th>
|
||
<th>细分领域</th>
|
||
<th>海外营收占比</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- Data will be populated here -->
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">中材国际</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600970" target="_blank" class="link link-hover text-cyan-400">600970</a></td>
|
||
<td>国际水泥工程龙头，曾承建乌克兰熟料水泥项目，有成功项目史。</td>
|
||
<td><div class="badge badge-primary">基础建设</div></td>
|
||
<td>44%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">中钢国际</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000928" target="_blank" class="link link-hover text-cyan-400">000928</a></td>
|
||
<td>曾建设乌克兰规模最大的带式焙烧机球团项目，工业重建核心标的。</td>
|
||
<td><div class="badge badge-primary">基础建设</div></td>
|
||
<td>37%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">中工国际</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002051" target="_blank" class="link link-hover text-cyan-400">002051</a></td>
|
||
<td>曾成功签约乌克兰生物质发电厂建设项目。</td>
|
||
<td><div class="badge badge-primary">基础建设</div></td>
|
||
<td>57%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">德业股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=605117" target="_blank" class="link link-hover text-cyan-400">605117</a></td>
|
||
<td>业绩增长已受益于乌克兰市场用电刚需，逻辑已验证的能源重建先行者。</td>
|
||
<td><div class="badge badge-secondary">电力/能源</div></td>
|
||
<td>58%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">濮耐股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002225" target="_blank" class="link link-hover text-cyan-400">002225</a></td>
|
||
<td>耐火材料龙头，深耕乌克兰市场多年，客户关系稳固。</td>
|
||
<td><div class="badge badge-accent">设备</div></td>
|
||
<td>3%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">山推股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000680" target="_blank" class="link link-hover text-cyan-400">000680</a></td>
|
||
<td>乌克兰为公司海外推土机主推市场之一，设备出口有望率先放量。</td>
|
||
<td><div class="badge badge-accent">设备</div></td>
|
||
<td>56%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold text-red-400">贝肯能源</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002828" target="_blank" class="link link-hover text-cyan-400">002828</a></td>
|
||
<td class="text-red-400">乌克兰营收占比16.7%，但曾计划出售当地子公司，逻辑与市场预期矛盾，需警惕。</td>
|
||
<td><div class="badge badge-accent">设备</div></td>
|
||
<td>17%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">龙源电力</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=001289" target="_blank" class="link link-hover text-cyan-400">001289</a></td>
|
||
<td>2023年乌克兰尤日内风电项目完成发电量20.4万兆瓦。</td>
|
||
<td><div class="badge badge-secondary">电力/能源</div></td>
|
||
<td>2%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">中国铁建</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601186" target="_blank" class="link link-hover text-cyan-400">601186</a></td>
|
||
<td>在乌克兰有机构，战后重建有望逐步恢复业务。</td>
|
||
<td><div class="badge badge-primary">基础建设</div></td>
|
||
<td>5%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">中国中铁</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601390" target="_blank" class="link link-hover text-cyan-400">601390</a></td>
|
||
<td>之前在乌克兰分公司有少量业务。</td>
|
||
<td><div class="badge badge-primary">基础建设</div></td>
|
||
<td>5%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">北方国际</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000065" target="_blank" class="link link-hover text-cyan-400">000065</a></td>
|
||
<td>电力工程为主，海外营收占比高，具备参与重建能力。</td>
|
||
<td><div class="badge badge-primary">基础建设</div></td>
|
||
<td>59%</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/30">
|
||
<td class="font-bold">润丰股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301035" target="_blank" class="link link-hover text-cyan-400">301035</a></td>
|
||
<td>农业重建相关，主营除草剂，海外营收占比极高。</td>
|
||
<td><div class="badge badge-success">农业</div></td>
|
||
<td>73%</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer class="text-center mt-12 py-6 border-t border-gray-800">
|
||
<p class="text-sm text-gray-500">© 2024 北京价值前沿科技有限公司. AI投研agent: “价小前投研”.</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('reconstruction-chart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
title: {
|
||
text: '乌克兰重建成本领域分布',
|
||
subtext: '总计约5240亿美元',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#a78bfa',
|
||
fontSize: 18
|
||
},
|
||
subtextStyle: {
|
||
color: '#9ca3af'
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c}亿美元 ({d}%)',
|
||
backgroundColor: 'rgba(17, 24, 39, 0.8)',
|
||
borderColor: '#22d3ee',
|
||
textStyle: {
|
||
color: '#e0e0e0'
|
||
}
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
top: 'center',
|
||
textStyle: {
|
||
color: '#d1d5db'
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '重建成本',
|
||
type: 'pie',
|
||
radius: ['40%', '70%'],
|
||
avoidLabelOverlap: false,
|
||
itemStyle: {
|
||
borderRadius: 10,
|
||
borderColor: 'rgba(17, 24, 39, 0.8)',
|
||
borderWidth: 2
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
fontSize: 24,
|
||
fontWeight: 'bold',
|
||
color: '#ffffff',
|
||
textShadow: '0 0 10px rgba(255,255,255,0.8)'
|
||
}
|
||
},
|
||
labelLine: {
|
||
show: false
|
||
},
|
||
data: [
|
||
{ value: 1480, name: '基础设施与交通' },
|
||
{ value: 840, name: '住房' },
|
||
{ value: 680, name: '能源' },
|
||
{ value: 640, name: '工商业' },
|
||
{ value: 550, name: '农业' },
|
||
{ value: 1050, name: '其他' }
|
||
],
|
||
color: ['#22d3ee', '#818cf8', '#f471b5', '#34d399', '#fbbf24', '#a78bfa']
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
|
||
window.addEventListener('resize', () => {
|
||
myChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |