Files
vf_react/public/htmls/城市更新.html
2025-12-05 13:29:18 +08:00

402 lines
30 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.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>
<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=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', 'Noto Sans SC', sans-serif;
background: #00000a;
color: #e0e0e0;
overflow-x: hidden;
background-image:
radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 0.1) 0px, transparent 50%),
radial-gradient(at 52% 99%, hsla(355, 98%, 76%, 0.15) 0px, transparent 50%),
radial-gradient(at 10% 29%, hsla(256, 96%, 68%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 0.1) 0px, transparent 50%),
radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 0.1) 0px, transparent 50%),
radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 0.1) 0px, transparent 50%);
}
.glass-card {
background: rgba(10, 10, 25, 0.4);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
}
.bento-grid-item {
position: relative;
overflow: hidden;
}
.bento-glow {
position: absolute;
opacity: 0.2;
filter: blur(60px);
z-index: -1;
}
h1, h2, h3 {
font-weight: 600;
}
.concept-highlight {
color: #67e8f9; /* cyan-300 */
}
.concept-title {
background: linear-gradient(90deg, #a5b4fc, #f9a8d4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.table th, .table td {
border-color: rgba(255, 255, 255, 0.1);
}
</style>
</head>
<body class="antialiased min-h-screen">
<div class="p-4 sm:p-8 lg:p-12 max-w-screen-2xl mx-auto">
<!-- Header -->
<header class="text-center mb-12 relative">
<h1 class="text-4xl sm:text-5xl md:text-6xl font-bold tracking-tight concept-title">城市更新 (URBAN RENEWAL)</h1>
<p class="mt-4 text-lg text-slate-400">深度投研报告</p>
<div class="absolute -top-12 -left-24 w-64 h-64 bg-cyan-500 rounded-full mix-blend-lighten filter blur-3xl opacity-20 animate-blob"></div>
<div class="absolute -top-12 -right-24 w-64 h-64 bg-fuchsia-500 rounded-full mix-blend-lighten filter blur-3xl opacity-20 animate-blob animation-delay-2000"></div>
<div class="absolute -bottom-16 left-1/3 w-64 h-64 bg-indigo-500 rounded-full mix-blend-lighten filter blur-3xl opacity-20 animate-blob animation-delay-4000"></div>
</header>
<!-- Bento Grid Insight Section -->
<main class="space-y-16">
<section id="insight">
<div class="bento-grid grid-cols-1 lg:grid-cols-3">
<!-- Core Logic -->
<div class="lg:col-span-2 lg:row-span-2 p-6 glass-card bento-grid-item">
<div class="bento-glow" style="top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(99, 102, 241, 0.5) 0%, transparent 40%);"></div>
<h2 class="text-2xl font-semibold mb-4 text-slate-100">核心逻辑与市场认知</h2>
<div class="space-y-4 text-slate-300 text-base leading-relaxed">
<p><strong>驱动力:政策顶层驱动的宏观经济转型抓手</strong>。城市更新已进化为承载“稳增长、惠民生、促转型”三重使命的国家级战略。其根本逻辑在于,中国城镇化进程进入下半场,城市发展模式正经历从“增量扩张”到“存量提质”的历史性转变。具体驱动力体现在:</p>
<ul class="list-disc list-inside space-y-2 pl-2">
<li><strong>经济层面:</strong>在传统房地产开发模式难以为继的背景下城市更新作为万亿级投资领域2024年投资约<strong class="text-amber-300">2.9万亿元</strong>),是托底经济、拉动内需的重要工具。</li>
<li><strong>社会层面:</strong>满足人民对美好生活的向往,改造<strong class="text-amber-300">25万个</strong>老旧小区、惠及<strong class="text-amber-300">1亿多</strong>人,是其“民生”属性的直接体现。</li>
<li><strong>安全层面:</strong>消除城市安全隐患是迫切任务,未来五年需改造的地下管网近<strong class="text-amber-300">60万公里</strong>,投资需求约<strong class="text-amber-300">4万亿元</strong></li>
<li><strong>发展模式转型:</strong>引导地方政府摆脱对“土地财政”的依赖,转向内涵式发展和精细化治理。</li>
</ul>
<p><strong>预期差:宏大叙事与落地现实的温差</strong>。市场普遍认知与实际执行之间存在显著预期差,既是风险点也是机会点:</p>
<ul class="list-disc list-inside space-y-2 pl-2">
<li><strong>资金预期差:</strong>万亿资金蓝图下,广州<strong class="text-red-400">4096亿元</strong>专项贷款2024年仅动用<strong class="text-red-400">100多亿</strong>,显示从资金获批到有效使用存在巨大时间差和执行阻力。</li>
<li><strong>模式预期差:</strong>顶层设计强调“不大拆大建”,但一线观察(如广州)部分项目仍为“全面拆除、全面建设”,这会影响产业链需求的结构和体量。</li>
<li><strong>进度预期差:</strong>即便政府强力主导,前期流程仍需<strong class="text-amber-300">1-2年</strong>,项目形成有效投资并非一蹴而就。</li>
</ul>
</div>
</div>
<!-- Core Viewpoint -->
<div class="p-6 glass-card bento-grid-item">
<div class="bento-glow" style="top: -20%; right: -30%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(217, 70, 239, 0.4) 0%, transparent 50%);"></div>
<h2 class="text-2xl font-semibold mb-4 text-slate-100">核心观点摘要</h2>
<p class="text-slate-300 leading-relaxed">城市更新正处于从政策发布到项目大规模落地的关键过渡期。其核心驱动力源自<strong class="concept-highlight">顶层设计的强力政策推动</strong><strong class="concept-highlight">巨额公共资金的投入</strong>。长期潜力巨大,但短期内,<strong class="text-red-400">资金的实际到位速度</strong><strong class="text-red-400">地方政府的执行效率</strong>,是决定其景气度兑现节奏的核心变量与最大不确定性。</p>
</div>
<!-- Concept Events -->
<div class="p-6 glass-card bento-grid-item">
<div class="bento-glow" style="bottom: -30%; left: -20%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(34, 197, 94, 0.3) 0%, transparent 50%);"></div>
<h2 class="text-2xl font-semibold mb-4 text-slate-100">概念关键事件</h2>
<ul class="space-y-2 text-slate-400">
<li><strong>2019年</strong>中央经济工作会议首次提出“加强城市更新”,政策萌芽。</li>
<li><strong>2021年</strong>正式写入政府工作报告和“十四五”规划,上升为国家战略。</li>
<li><strong>2024年5月</strong>中办、国办印发<strong class="text-amber-300">《关于持续推进城市更新行动的意见》</strong>,顶层设计确立。</li>
<li><strong>2024-2025年</strong>中央财政启动对<strong class="text-amber-300">35个(15+20)示范城市</strong>的定额补助;广州获<strong class="text-amber-300">4096亿元</strong>专项借款,标志着巨额资金开始落地。</li>
</ul>
</div>
<!-- Catalysts & Future Path -->
<div class="lg:col-span-3 p-6 glass-card bento-grid-item">
<div class="bento-glow" style="top: 0; left: 50%; transform: translateX(-50%); width: 200%; height: 100%; background: radial-gradient(ellipse, rgba(139, 92, 246, 0.3) 0%, transparent 60%);"></div>
<h2 class="text-2xl font-semibold mb-4 text-slate-100">关键催化剂与发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-lg font-semibold text-cyan-300 mb-2">近期催化剂 (3-6个月)</h3>
<ul class="list-disc list-inside space-y-1 text-slate-300">
<li>超长期特别国债项目清单发布与资金下发。</li>
<li>首批15个示范城市中期成果总结与推广。</li>
<li>核心上市公司订单如时空科技3.86亿大单)与业绩兑现。</li>
<li>核心城市(广州、深圳)更新项目土地出让。</li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold text-fuchsia-400 mb-2">长期发展路径</h3>
<ul class="list-none space-y-2 text-slate-300">
<li><strong>阶段一 (当前-2025):政策驱动与基建先行。</strong>重点推进地下管网、老旧小区等基础工程。</li>
<li><strong>阶段二 (2025-2027):模式探索与社会资本介入。</strong>可持续投融资模式成熟,拓展至活力街区等提升类工程。</li>
<li><strong>阶段三 (2027-2030+):运营导向与数字化融合。</strong>重心转向长期运营和智慧城市赋能,进入“存量运营”时代。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Key Thematic Sections -->
<section id="thematic-analysis">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- Funding & Finance -->
<div class="p-6 glass-card">
<h2 class="text-2xl font-semibold mb-4 text-slate-100">资金支持与融资模式</h2>
<p class="text-slate-400 mb-4">资金是城市更新的核心驱动力,呈现出中央财政引导、地方政府主导、金融机构参与、社会资本补充的多元化格局。</p>
<div id="fundingChart" class="w-full h-72"></div>
<ul class="list-disc list-inside space-y-2 text-slate-300 mt-4">
<li><strong>中央财政:</strong>通过预算内投资、增发国债、超长期特别国债等工具2023-2024年安排<strong class="text-amber-300">超4700亿</strong>。并对示范城市给予定额补助8-12亿元/城)。</li>
<li><strong>地方政府:</strong>通过加大财政投入和发行专项债12省已发行<strong class="text-amber-300">近1000亿</strong>)支持。</li>
<li><strong>金融与社会资本:</strong>
<ul class="list-['-_'] list-inside ml-4 space-y-1">
<li><strong>政策性贷款:</strong>国开行、农发行等提供长期低息贷款,如广州获<strong class="text-amber-300">4096亿</strong>专项借款。</li>
<li><strong>城市更新基金:</strong>28个城市已设立总规模达<strong class="text-amber-300">4550亿</strong></li>
<li><strong>金融创新:</strong>鼓励发行REITs、ABS等产品吸引社会资本。</li>
</ul>
</li>
</ul>
</div>
<!-- Key Tasks -->
<div class="p-6 glass-card">
<h2 class="text-2xl font-semibold mb-4 text-slate-100">重点任务与实施内容</h2>
<p class="text-slate-400 mb-4">任务聚焦民生、发展、安全三大重点,从社区到城市层面系统推进。</p>
<div class="space-y-3 text-slate-300">
<div>
<h3 class="font-semibold text-cyan-300">地下管网与城市生命线 (安全)</h3>
<p>解决燃气管网老化、城市内涝等问题。未来五年改造需求近<strong class="text-amber-300">60万公里</strong>,投资总需求约<strong class="text-amber-300">4万亿元</strong></p>
</div>
<div>
<h3 class="font-semibold text-cyan-300">居住社区改造 (民生)</h3>
<p>抓好城镇老旧小区目标25年底前全开工、城中村需满足“意愿强、资金平、方案熟”和危旧房改造。</p>
</div>
<div>
<h3 class="font-semibold text-cyan-300">市政基础设施与公共空间 (发展)</h3>
<p>包括市政设施补短板、公共空间功能完善、口袋公园建设、历史文化保护与利用等。</p>
</div>
<div>
<h3 class="font-semibold text-cyan-300">数字化与智能化 (转型)</h3>
<p>推动城市生产生活和社会治理的数字化、绿色化、智能化信息化投资占比目标5%,潜在市场超<strong class="text-amber-300">2000亿</strong></p>
</div>
</div>
</div>
</div>
</section>
<!-- Industry Chain & Core Companies -->
<section id="industry-chain">
<h2 class="text-3xl font-bold text-center mb-8 concept-title">产业链与核心公司深度剖析</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- Upstream -->
<div class="p-6 glass-card">
<h3 class="text-xl font-semibold mb-3 text-fuchsia-400">上游:规划与设计</h3>
<p class="text-slate-400 mb-4">项目启动的先行环节,最早感知行业景气度。</p>
<ul class="space-y-2">
<li><strong>城市规划:</strong>蕾奥规划, 苏州规划</li>
<li><strong>建筑设计:</strong><strong class="text-amber-300">华建集团</strong> (更新合同增19.2%), 设计总院</li>
<li><strong>咨询服务:</strong>国义招标, 广咨国际</li>
</ul>
</div>
<!-- Midstream -->
<div class="p-6 glass-card">
<h3 class="text-xl font-semibold mb-3 text-fuchsia-400">中游:建设与改造</h3>
<p class="text-slate-400 mb-4">投资落地和实物工作量形成的核心,市场空间巨大。</p>
<ul class="space-y-2">
<li><strong>基础设施:</strong><strong class="text-amber-300">伟星新材</strong> (地下管网龙头), 国统股份, 美丽生态</li>
<li><strong>建筑改造:</strong><strong class="text-amber-300">金螳螂</strong> (装饰龙头), 中国建筑</li>
<li><strong>建筑材料:</strong>东方雨虹 (防水), 三棵树 (涂料), 森鹰窗业</li>
<li><strong>房屋检测:</strong>深圳瑞捷, 上海建科</li>
</ul>
</div>
<!-- Downstream -->
<div class="p-6 glass-card">
<h3 class="text-xl font-semibold mb-3 text-fuchsia-400">下游:智慧化与运营</h3>
<p class="text-slate-400 mb-4">长期价值实现的关键,代表未来发展方向。</p>
<ul class="space-y-2">
<li><strong>智慧城市:</strong><strong class="text-amber-300">数字政通</strong> (城市生命线), 超图软件</li>
<li><strong>地产开发与运营:</strong><strong class="text-amber-300">城投控股</strong> (上海旧改), 光明地产, 首开股份</li>
</ul>
</div>
</div>
<div class="mt-6 p-6 glass-card">
<h3 class="text-xl font-semibold mb-3 text-cyan-300">最具投资价值的细分方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-slate-300">
<div>
<p class="font-bold">1. 高确定性环节 — “城市生命线”</p>
<p class="text-slate-400"><strong class="text-amber-300">地下管网</strong>为代表的基础设施更新。需求刚性、任务明确、资金优先保障,受复杂因素影响最小。相关的高品质管材、检测设备、防水材料供应商值得重点关注。</p>
</div>
<div>
<p class="font-bold">2. 高成长性环节 — “城市大脑”</p>
<p class="text-slate-400"><strong class="text-amber-300">数字化、智慧化</strong>为核心的服务商。随着物理改造推进对城市精细化管理的需求将爆发式增长。CIM平台、智慧安防等领域具备长期成长潜力。</p>
</div>
</div>
</div>
</section>
<!-- Rise Analysis -->
<section id="rise-analysis">
<h2 class="text-3xl font-bold text-center mb-8 concept-title">相关个股异动分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div x-data="{ open: false }" class="glass-card p-6">
<div class="flex justify-between items-center">
<h3 class="text-xl font-bold text-slate-100">时空科技 (605178)</h3>
<span class="badge badge-success badge-outline font-bold">+10.02%</span>
</div>
<p class="text-slate-400 mt-2">核心逻辑:大额订单+政策风口+筹码干净,资金抢筹定价困境反转。</p>
<button @click="open = !open" class="btn btn-xs btn-outline btn-info mt-4">详情</button>
<div x-show="open" x-collapse class="mt-4 text-slate-300 text-sm space-y-2">
<p><strong>消息面:</strong>公告中标<strong class="text-amber-300">3.86亿元</strong>EPC城市更新+夜游项目金额占2024营收52%。浙江公布第二批城市更新项目总投资2096亿元政策催化强烈。</p>
<p><strong>基本面:</strong>账面现金5亿元资产负债率38%商誉减值已出清2025年业绩反转可见度提升。</p>
</div>
</div>
<div x-data="{ open: false }" class="glass-card p-6">
<div class="flex justify-between items-center">
<h3 class="text-xl font-bold text-slate-100">上实发展 (600748)</h3>
<span class="badge badge-success badge-outline font-bold">+10.06%</span>
</div>
<p class="text-slate-400 mt-2">核心逻辑:上海地产新政+获首批120亿低息城市更新授信资金与政策共振。</p>
<button @click="open = !open" class="btn btn-xs btn-outline btn-info mt-4">详情</button>
<div x-show="open" x-collapse class="mt-4 text-slate-300 text-sm space-y-2">
<p><strong>消息面:</strong>上海发布“沪七条2.0”新政。控股股东上实集团获国开行等<strong class="text-amber-300">120亿元</strong>城市更新专项借款利率2.8%期限25年定向用于公司北外滩等三大项目。</p>
<p><strong>基本面:</strong>上海核心区域旧改土储丰厚货值超300亿。低成本融资将显著优化资本结构提升项目IRR。</p>
</div>
</div>
<div x-data="{ open: false }" class="glass-card p-6">
<div class="flex justify-between items-center">
<h3 class="text-xl font-bold text-slate-100">首开股份 (600376)</h3>
<span class="badge badge-success badge-outline font-bold">+9.97%</span>
</div>
<p class="text-slate-400 mt-2">核心逻辑:“影子股+北京城市更新专项债REITs政策落地”双重催化。</p>
<button @click="open = !open" class="btn btn-xs btn-outline btn-info mt-4">详情</button>
<div x-show="open" x-collapse class="mt-4 text-slate-300 text-sm space-y-2">
<p><strong>消息面:</strong>官方确认间接持有宇树科技<strong class="text-amber-300">0.85%</strong>股权。政策明确“运用专项债+REITs加快城市更新”公司底价摘得朝阳区城市更新地块一级利润锁定。</p>
<p><strong>基本面:</strong>北京核心区一级土储超百万方,城市更新政策下潜在毛利率高。宇树科技股权增厚净资产。</p>
</div>
</div>
</div>
</section>
<!-- Stock List Table -->
<section id="stock-list">
<h2 class="text-3xl font-bold text-center mb-8 concept-title">相关概念股一览</h2>
<div class="overflow-x-auto glass-card p-4">
<table class="table table-zebra w-full text-base">
<thead class="text-slate-300">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑/原因</th>
<th>其他标签</th>
</tr>
</thead>
<tbody>
<tr><td>蕾奥规划</td><td><a href="https://valuefrontier.cn/company?scode=300989" target="_blank" class="link link-hover link-info">300989</a></td><td>城市规划</td><td></td></tr>
<tr><td>苏州规划</td><td><a href="https://valuefrontier.cn/company?scode=301505" target="_blank" class="link link-hover link-info">301505</a></td><td>城市规划</td><td></td></tr>
<tr><td>华建集团</td><td><a href="https://valuefrontier.cn/company?scode=600629" target="_blank" class="link link-hover link-info">600629</a></td><td>建筑设计</td><td></td></tr>
<tr><td>设计总院</td><td><a href="https://valuefrontier.cn/company?scode=603357" target="_blank" class="link link-hover link-info">603357</a></td><td>建筑设计</td><td></td></tr>
<tr><td>美丽生态</td><td><a href="https://valuefrontier.cn/company?scode=000010" target="_blank" class="link link-hover link-info">000010</a></td><td>园林景观</td><td><span class="badge badge-error">涨幅>10%</span></td></tr>
<tr><td>国晟科技</td><td><a href="https://valuefrontier.cn/company?scode=603778" target="_blank" class="link link-hover link-info">603778</a></td><td>园林景观</td><td><span class="badge badge-error">涨幅>10%</span></td></tr>
<tr><td>深圳瑞捷</td><td><a href="https://valuefrontier.cn/company?scode=300977" target="_blank" class="link link-hover link-info">300977</a></td><td>房屋检测</td><td></td></tr>
<tr><td>上海建科</td><td><a href="https://valuefrontier.cn/company?scode=603153" target="_blank" class="link link-hover link-info">603153</a></td><td>房屋检测</td><td></td></tr>
<tr><td>国统股份</td><td><a href="https://valuefrontier.cn/company?scode=002205" target="_blank" class="link link-hover link-info">002205</a></td><td>混凝土管</td><td>地下管网</td></tr>
<tr><td>伟星新材</td><td><a href="https://valuefrontier.cn/company?scode=002372" target="_blank" class="link link-hover link-info">002372</a></td><td>塑料管</td><td>地下管网</td></tr>
<tr><td>公元股份</td><td><a href="https://valuefrontier.cn/company?scode=002641" target="_blank" class="link link-hover link-info">002641</a></td><td>塑料管</td><td>地下管网</td></tr>
<tr><td>国义招标</td><td><a href="https://valuefrontier.cn/company?scode=920039" target="_blank" class="link link-hover link-info">920039</a></td><td>北交所</td><td><span class="badge badge-error">涨幅>10%</span></td></tr>
<tr><td>广咨国际</td><td><a href="https://valuefrontier.cn/company?scode=920892" target="_blank" class="link link-hover link-info">920892</a></td><td>北交所</td><td></td></tr>
</tbody>
</table>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center mt-16 pt-8 border-t border-slate-800">
<p class="text-slate-500 text-sm">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="text-slate-600 text-xs mt-2">本报告为AI合成数据所有信息仅供参考不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('alpine:init', () => {
// ECharts Init
const fundingChartDom = document.getElementById('fundingChart');
if (fundingChartDom) {
const myChart = echarts.init(fundingChartDom);
const option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
formatter: '{b} <br/>规模: {c}亿元 ({d}%)',
backgroundColor: 'rgba(20, 20, 40, 0.8)',
borderColor: 'rgba(255, 255, 255, 0.2)',
textStyle: {
color: '#fff'
}
},
legend: {
top: '5%',
left: 'center',
textStyle: {
color: '#ccc'
}
},
series: [
{
name: '资金来源',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: 'rgba(0, 0, 10, 0.5)',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 20,
fontWeight: 'bold',
color: '#fff'
}
},
labelLine: {
show: false
},
data: [
{ value: 4700, name: '中央财政及国债' },
{ value: 4550, name: '城市更新基金' },
{ value: 4096, name: '政策性贷款(广州)' },
{ value: 1000, name: '地方专项债(部分)' }
],
color: ['#38bdf8', '#818cf8', '#e879f9', '#fbbf24']
}
]
};
myChart.setOption(option);
window.addEventListener('resize', () => {
myChart.resize();
});
}
});
</script>
</body>
</html>