415 lines
27 KiB
HTML
415 lines
27 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-color: #0c0a09; /* A deep, dark base */
|
||
overflow-x: hidden;
|
||
color: #e2e8f0; /* slate-200 */
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(23, 23, 23, 0.4); /* neutral-900 with alpha */
|
||
backdrop-filter: blur(24px);
|
||
-webkit-backdrop-filter: blur(24px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(38, 38, 38, 0.5); /* neutral-800 with alpha */
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
transform: translateY(-4px);
|
||
box-shadow: 0 0 25px rgba(167, 139, 250, 0.1); /* violet-400 glow */
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
grid-auto-rows: auto;
|
||
}
|
||
|
||
.bento-item {
|
||
border-radius: 1.5rem; /* 24px */
|
||
padding: 1.5rem; /* 24px */
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
/* Spanning items in the grid */
|
||
.col-span-12 { grid-column: span 12; }
|
||
.col-span-8 { grid-column: span 12; }
|
||
.col-span-4 { grid-column: span 12; }
|
||
|
||
@media (min-width: 1024px) {
|
||
.col-span-8 { grid-column: span 8; }
|
||
.col-span-4 { grid-column: span 4; }
|
||
}
|
||
|
||
.glow-title {
|
||
text-shadow: 0 0 8px rgba(196, 181, 253, 0.5), 0 0 16px rgba(196, 181, 253, 0.3);
|
||
}
|
||
|
||
.highlight-text {
|
||
color: #a78bfa; /* violet-400 */
|
||
}
|
||
|
||
.subtle-text {
|
||
color: #94a3b8; /* slate-400 */
|
||
}
|
||
|
||
/* Background Glow Effect */
|
||
.background-container::before {
|
||
content: '';
|
||
position: fixed;
|
||
top: 50%;
|
||
left: 50%;
|
||
width: 800px;
|
||
height: 800px;
|
||
background-image: radial-gradient(circle, rgba(91, 33, 182, 0.3) 0%, rgba(28, 25, 23, 0) 60%); /* purple-900 to transparent */
|
||
transform: translate(-50%, -50%);
|
||
filter: blur(100px);
|
||
z-index: -1;
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* Table custom styles */
|
||
.fui-table thead {
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
.fui-table tbody tr {
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
.fui-table tbody tr:last-child {
|
||
border-bottom: none;
|
||
}
|
||
.fui-table th, .fui-table td {
|
||
padding: 1rem 1.5rem;
|
||
}
|
||
.stock-link {
|
||
color: #93c5fd; /* blue-300 */
|
||
transition: color 0.2s;
|
||
}
|
||
.stock-link:hover {
|
||
color: #60a5fa; /* blue-400 */
|
||
text-decoration: underline;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="background-container">
|
||
<main class="container mx-auto p-4 md:p-8 relative z-10">
|
||
<header class="text-center my-8 md:my-16">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter glow-title bg-clip-text text-transparent bg-gradient-to-br from-white to-slate-400">
|
||
养老概念
|
||
</h1>
|
||
<p class="mt-4 text-lg md:text-xl subtle-text max-w-3xl mx-auto">深度研报：人口结构变迁与科技赋能下的万亿级赛道</p>
|
||
</header>
|
||
|
||
<div class="bento-grid">
|
||
<!-- Insight: Core Analysis -->
|
||
<div class="bento-item glass-card col-span-12 lg:col-span-8" x-data="{ tab: 'view' }">
|
||
<h2 class="text-2xl font-bold mb-4 text-violet-300">深度洞察 (Insight)</h2>
|
||
|
||
<div class="tabs tabs-boxed bg-black/20 mb-6">
|
||
<a class="tab" :class="{ 'tab-active': tab === 'view' }" @click="tab = 'view'">核心观点</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'logic' }" @click="tab = 'logic'">核心逻辑与预期差</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'path' }" @click="tab = 'path'">催化剂与发展路径</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'risk' }" @click="tab = 'risk'">潜在风险</a>
|
||
</div>
|
||
|
||
<div x-show="tab === 'view'" class="space-y-4">
|
||
<h3 class="text-xl font-semibold text-slate-100">观点摘要</h3>
|
||
<p class="text-slate-300 leading-relaxed">
|
||
养老概念正处于从社会议题向国家战略级经济产业转型的关键时期。其核心驱动力已演变为 <span class="highlight-text font-semibold">“人口需求（内生刚需）+ 顶层政策（强力外推）”</span> 的双轮驱动格局。未来，该概念的巨大潜力将主要在 <span class="highlight-text font-semibold">“养老金融”</span> 和 <span class="highlight-text font-semibold">“智慧养老”</span> 两大交叉领域释放，前者负责解决支付能力和产业融资问题，后者负责解决服务效率和供给不足的痛点。
|
||
</p>
|
||
</div>
|
||
|
||
<div x-show="tab === 'logic'" class="space-y-6">
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-slate-100 mb-2">核心驱动力</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong class="text-slate-200">需求的确定性与刚性：</strong> 预计2030年中国老龄人口规模将达3.8亿，失能老人将达1亿。当前专业照护供给严重不足，护工缺口达数百万，供需矛盾长期加剧。</li>
|
||
<li><strong class="text-slate-200">政策的战略性与全面性：</strong> “养老金融”被列为“五篇大文章”之一，上升为经济增长引擎。政策体系覆盖金融支持、服务网络到人形机器人等具体技术路径，形成全产业链推动力。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-slate-100 mb-2">市场热度与情绪</h3>
|
||
<p class="text-slate-300">市场关注度极高，政策节点频繁引发板块异动。整体情绪乐观，尤其对“养老金融”和“养老机器人”寄予厚望，认为它们是解决行业核心瓶颈（钱从哪来，服务谁来提供）的关键。</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-slate-100 mb-2">预期差分析</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong class="text-slate-200">盈利预期差 (高预期 vs 慢现实):</strong> 市场对万亿“银发经济”充满想象，但现实是养老机构床位利用率低（仅30%-42%），盈利能力弱，重资产模式回本周期超10年。</li>
|
||
<li><strong class="text-slate-200">技术预期差 (人形机器人 vs 适用技术):</strong> 市场对高阶人形机器人快速落地过于乐观，其技术成熟仍需5-10年。当前更具商业化潜力的是适用性技术，如可穿戴辅助装置、智慧养老平台等。</li>
|
||
<li><strong class="text-slate-200">金融预期差 (政策引导 vs 产品吸引力):</strong> 第三支柱养老金政策力度大，但现有产品（如养老FOF）因收益不佳吸引力不足。市场可能高估了短期规模爆发力。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div x-show="tab === 'path'" class="space-y-6">
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-slate-100 mb-2">近期催化剂 (未来3-6个月)</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>养老机器人试点项目成果发布：</strong> 工信部与民政部试点（2025-2027年）的阶段性成果、采购订单等将直接刺激相关科技公司。</li>
|
||
<li><strong>创新养老金融产品落地：</strong> 养老专项金融债券、养老主题REITs等若有首单成功发行，标志着产业融资渠道的实质性突破。</li>
|
||
<li><strong>长期护理保险（长护险）试点扩围：</strong> 若试点城市从49个显著扩大，将直接利好居家和社区养老服务商。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-slate-100 mb-2">长期发展路径</h3>
|
||
<ol class="list-decimal list-inside space-y-2 text-slate-300">
|
||
<li><strong>第一阶段 (当前-2027):</strong> 政策驱动与模式探索期。重点是基础设施建设和关键技术验证。</li>
|
||
<li><strong>第二阶段 (2027-2030):</strong> 产业整合与龙头出现期。拥有“保险+服务”、“科技+平台”闭环能力的企业将脱颖而出。</li>
|
||
<li><strong>第三阶段 (2030以后):</strong> 需求驱动与生态成熟期。市场增长转向庞大老年群体的多样化、个性化消费需求。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<div x-show="tab === 'risk'" class="space-y-4">
|
||
<h3 class="text-xl font-semibold text-slate-100 mb-2">潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>技术风险：</strong> 高阶人形机器人研发周期长、成本高，且存在数据安全与AI伦理风险。</li>
|
||
<li><strong>商业化风险：</strong> 养老产业最大障碍是支付能力瓶颈，长护险推广进度是核心风险。同时，行业普遍存在盈利模式困境和专业人才短缺问题。</li>
|
||
<li><strong>政策与竞争风险：</strong> 政策补贴未来可能退坡，同时科技、地产巨头跨界进入可能导致竞争加剧。</li>
|
||
<li><strong>信息交叉验证风险：</strong> 不同报告对床位利用率等关键数据存在矛盾，反映出行业基础数据透明度有待提高。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Policy & Market Data -->
|
||
<div class="col-span-12 lg:col-span-4 flex flex-col gap-4">
|
||
<div class="bento-item glass-card flex-1">
|
||
<h2 class="text-xl font-bold mb-3 text-violet-300">核心政策脉络</h2>
|
||
<ul class="space-y-3 text-sm">
|
||
<li class="flex items-start gap-3">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-violet-400 mt-0.5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>
|
||
<div><strong class="text-slate-200">中央金融工作会议 (2023.10):</strong> 首次将“养老金融”列为国家“五篇大文章”，奠定战略基石。</div>
|
||
</li>
|
||
<li class="flex items-start gap-3">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-violet-400 mt-0.5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>
|
||
<div><strong class="text-slate-200">国务院《意见》 (2025.01):</strong> 纲领性文件，重点推动“人形机器人”在养老服务中的应用，引爆科技赛道。</div>
|
||
</li>
|
||
<li class="flex items-start gap-3">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-violet-400 mt-0.5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>
|
||
<div><strong class="text-slate-200">工信部/民政部试点 (2025.06):</strong> 明确智能养老机器人试点目标与场景，为商业化落地提供清晰路线图。</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bento-item glass-card flex-1">
|
||
<h2 class="text-xl font-bold mb-3 text-violet-300">市场规模预测</h2>
|
||
<div id="market-size-chart" style="width: 100%; height: 250px;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Industry Chain Analysis -->
|
||
<div class="bento-item glass-card col-span-12">
|
||
<h2 class="text-2xl font-bold mb-4 text-violet-300">产业链与核心公司剖析</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<!-- Upstream -->
|
||
<div class="bg-black/20 p-4 rounded-xl border border-white/10">
|
||
<h3 class="font-bold text-lg text-blue-300 mb-2">上游：资源供给</h3>
|
||
<ul class="space-y-2 text-sm text-slate-300">
|
||
<li><strong>资金方:</strong> 保险公司 (天茂集团), 银行, 养老基金</li>
|
||
<li><strong>地产/设施方:</strong> 房地产企业 (凤凰股份), 专业运营商</li>
|
||
<li><strong>产品/设备:</strong> 护理用品 (可靠股份), 康复器械 (信隆健康), 智能硬件 (乐心医疗)</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Midstream -->
|
||
<div class="bg-black/20 p-4 rounded-xl border border-white/10">
|
||
<h3 class="font-bold text-lg text-green-300 mb-2">中游：服务运营</h3>
|
||
<ul class="space-y-2 text-sm text-slate-300">
|
||
<li><strong>机构养老:</strong> 悦心健康 (医养结合), 双箭股份 (公建民营)</li>
|
||
<li><strong>社区/居家养老:</strong> 恒锋信息 (微尚生活), 湖南发展</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Downstream -->
|
||
<div class="bg-black/20 p-4 rounded-xl border border-white/10">
|
||
<h3 class="font-bold text-lg text-purple-300 mb-2">下游/技术赋能</h3>
|
||
<ul class="space-y-2 text-sm text-slate-300">
|
||
<li><strong>智慧平台/软件:</strong> 亚华电子, 国脉科技 (AI智慧养老)</li>
|
||
<li><strong>养老机器人:</strong> 欧圣电气 (护理机器人), 倍轻松 (健康产品)</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="mt-6">
|
||
<h3 class="font-bold text-lg text-slate-200 mb-3">核心玩家对比</h3>
|
||
<div class="space-y-4 text-sm">
|
||
<p><strong class="highlight-text">领导者 (生态构建者) - 天茂集团 (国华人寿):</strong> 资金实力雄厚，通过“保险+养老社区”模式构建深度护城河，但重资产模式回收期长。</p>
|
||
<p><strong class="highlight-text">专业服务商 (深耕细分) - 悦心健康 / 可靠股份:</strong> 悦心健康聚焦“医养结合”核心痛点；可靠股份专注成人失禁用品高频刚需赛道，商业模式成熟。</p>
|
||
<p><strong class="highlight-text">技术创新者 (潜力追赶者) - 欧圣电气 / 国脉科技:</strong> 欧圣电气凭创新护理机器人切入痛点场景；国脉科技以AI+SaaS模式切入智慧养老，模式轻，毛利高。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock Tables -->
|
||
<div class="bento-item glass-card col-span-12">
|
||
<h2 class="text-2xl font-bold mb-4 text-violet-300">相关概念股梳理</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full fui-table">
|
||
<thead>
|
||
<tr>
|
||
<th class="text-slate-300">股票名称</th>
|
||
<th class="text-slate-300">股票代码</th>
|
||
<th class="text-slate-300">核心逻辑</th>
|
||
<th class="text-slate-300">标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>悦心健康</td><td><a href="https://valuefrontier.cn/company?scode=002162" target="_blank" class="stock-link">002162</a></td><td>以医养结合为核心，提供一体化养老照护服务。</td><td><span class="badge badge-primary badge-outline">涨停</span></td></tr>
|
||
<tr><td>凤凰股份</td><td><a href="https://valuefrontier.cn/company?scode=600716" target="_blank" class="stock-link">600716</a></td><td>拥有健康养老地产项目，并合作运营康复、护理、养老院。</td><td><span class="badge badge-primary badge-outline">涨停</span></td></tr>
|
||
<tr><td>天茂集团</td><td><a href="https://valuefrontier.cn/company?scode=000627" target="_blank" class="stock-link">000627</a></td><td>子公司国华人寿推出高端康养服务品牌及高品质养老社区。</td><td><span class="badge badge-primary badge-outline">涨停</span></td></tr>
|
||
<tr><td>可靠股份</td><td><a href="https://valuefrontier.cn/company?scode=301009" target="_blank" class="stock-link">301009</a></td><td>主营成人纸尿裤、护理垫等养老刚需消耗品。</td><td><span class="badge badge-secondary badge-outline">养老医疗健康护理</span></td></tr>
|
||
<tr><td>信隆健康</td><td><a href="https://valuefrontier.cn/company?scode=002105" target="_blank" class="stock-link">002105</a></td><td>主营业务涵盖运动健身器材和养老康复器材。</td><td><span class="badge badge-info badge-outline">相关概念股</span></td></tr>
|
||
<tr><td>乐心医疗</td><td><a href="https://valuefrontier.cn/company?scode=300562" target="_blank" class="stock-link">300562</a></td><td>重点开发智慧医疗、智慧养老等远程健康业务。</td><td><span class="badge badge-secondary badge-outline">养老医疗健康护理</span></td></tr>
|
||
<tr><td>恒锋信息</td><td><a href="https://valuefrontier.cn/company?scode=300605" target="_blank" class="stock-link">300605</a></td><td>控股子公司提供社区居家养老服务、社区嵌入式微机构运营。</td><td><span class="badge badge-secondary badge-outline">养老医疗健康护理</span></td></tr>
|
||
<tr><td>双箭股份</td><td><a href="https://valuefrontier.cn/company?scode=002381" target="_blank" class="stock-link">002381</a></td><td>运营多家养老及护理院，以轻资产、公建民营、医养结合模式经营。</td><td><span class="badge badge-info badge-outline">相关概念股</span></td></tr>
|
||
<tr><td>亚华电子</td><td><a href="https://valuefrontier.cn/company?scode=301337" target="_blank" class="stock-link">301337</a></td><td>打造以智慧养老为核心的养老服务平台。</td><td><span class="badge badge-info badge-outline">相关概念股</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bento-item glass-card col-span-12">
|
||
<h2 class="text-2xl font-bold mb-4 text-violet-300">异动及涨幅分析</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full fui-table text-sm">
|
||
<thead>
|
||
<tr>
|
||
<th class="text-slate-300">股票</th>
|
||
<th class="text-slate-300">涨跌幅</th>
|
||
<th class="text-slate-300">日期</th>
|
||
<th class="text-slate-300">驱动逻辑与原因解析</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>欧圣电气 (<a href="https://valuefrontier.cn/company?scode=301187" target="_blank" class="stock-link">301187</a>)</td><td><span class="text-error font-bold">+11.75%</span></td><td>2025-06-09</td><td>核心驱动为智能养老服务机器人试点政策发布，公司可穿戴式护理机器人业务受市场高度关注。</td></tr>
|
||
<tr><td>国脉科技 (<a href="https://valuefrontier.cn/company?scode=002093" target="_blank" class="stock-link">002093</a>)</td><td><span class="text-error font-bold">+9.97%</span></td><td>2025-07-03</td><td>6G概念、半年度业绩高增、签订3.2亿元AI智慧养老示范社区框架协议，三因子共振。</td></tr>
|
||
<tr><td>康力源 (<a href="https://valuefrontier.cn/company?scode=301287" target="_blank" class="stock-link">301287</a>)</td><td><span class="text-error font-bold">+20.0%</span></td><td>2025-06-09</td><td>工信部、民政部发布智能养老服务机器人试点通知，市场关注公司在养老机器人领域的布局。</td></tr>
|
||
<tr><td>倍轻松 (<a href="https://valuefrontier.cn/company?scode=688793" target="_blank" class="stock-link">688793</a>)</td><td><span class="text-error font-bold">+6.46%</span></td><td>2025-06-09</td><td>智能养老机器人政策刺激，叠加公司完成股份回购，机构关注度提升，板块联动效应明显。</td></tr>
|
||
<tr><td>澳洋健康 (<a href="https://valuefrontier.cn/company?scode=002172" target="_blank" class="stock-link">002172</a>)</td><td><span class="text-error font-bold">+10.08%</span></td><td>2025-06-09</td><td>养老概念政策利好是主要驱动，叠加婴童、民营医院概念，公司积极拓展康复医疗、养老服务业务。</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<footer class="text-center text-xs subtle-text py-8 mt-8">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”进行投研呈现</p>
|
||
<p>本报告为AI合成数据，投资需谨慎。</p>
|
||
</footer>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('market-size-chart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'shadow'
|
||
},
|
||
formatter: function (params) {
|
||
let result = params[0].name + '<br/>';
|
||
params.forEach(function (item) {
|
||
result += item.marker + ' ' + item.seriesName + ': ' + item.value + ' 万亿元<br/>';
|
||
});
|
||
return result;
|
||
},
|
||
backgroundColor: 'rgba(23, 23, 23, 0.8)',
|
||
borderColor: '#a78bfa',
|
||
textStyle: {
|
||
color: '#e2e8f0'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: ['2024年', '2030年', '2035年'],
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#94a3b8'
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
name: '规模(万亿元)',
|
||
nameTextStyle: {
|
||
color: '#94a3b8'
|
||
},
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#94a3b8'
|
||
},
|
||
splitLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.1)'
|
||
}
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '银发经济规模',
|
||
type: 'bar',
|
||
barWidth: '40%',
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#a78bfa' },
|
||
{ offset: 1, color: '#6d28d9' }
|
||
]),
|
||
borderRadius: [4, 4, 0, 0]
|
||
},
|
||
emphasis: {
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#c4b5fd' },
|
||
{ offset: 1, color: '#8b5cf6' }
|
||
]),
|
||
}
|
||
},
|
||
data: [6.8, 22, 19.1]
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
|
||
window.addEventListener('resize', function() {
|
||
myChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |