Files
vf_react/public/htmls/高分红预期.html
2025-12-05 13:29:18 +08:00

538 lines
35 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.

好的遵照您的要求我将基于提供的所有数据生成一份关于“高分红预期”概念的深度投研HTML页面。
页面设计融合了科幻FUI未来用户界面与光影艺术风格采用**半透明玻璃态Glassmorphism**和**Bento Grid**布局,营造出漂浮在深空中的数据终端感。技术栈使用 Tailwind CSS、DaisyUI 和 Alpine.js 实现,并通过 ECharts 进行数据可视化呈现。
---
<!DOCTYPE html>
<html lang="zh-CN" data-theme="dark">
<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.14.0/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: #000213;
color: #E0E0E0;
overflow-x: hidden;
}
.glass-card {
background: rgba(15, 23, 42, 0.4); /* slate-900 with alpha */
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(56, 189, 248, 0.2); /* sky-400 with alpha */
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(56, 189, 248, 0.5);
box-shadow: 0 0 30px rgba(56, 189, 248, 0.15);
}
.bento-grid {
display: grid;
gap: 1.5rem; /* 24px */
}
.glow-bg {
position: fixed;
width: 800px;
height: 800px;
border-radius: 9999px;
filter: blur(150px);
z-index: -1;
}
.glow-1 {
top: -20%;
left: -15%;
background: rgba(29, 78, 216, 0.3); /* blue-700 */
animation: pulse-glow 15s infinite alternate;
}
.glow-2 {
bottom: -25%;
right: -20%;
background: rgba(79, 70, 229, 0.3); /* indigo-600 */
animation: pulse-glow 20s infinite alternate;
}
@keyframes pulse-glow {
0% { transform: scale(0.8) rotate(0deg); opacity: 0.5; }
100% { transform: scale(1.2) rotate(30deg); opacity: 0.8; }
}
.section-title {
font-size: 2.25rem; /* 36px */
font-weight: 700;
background: linear-gradient(90deg, #93c5fd, #a5b4fc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 10px rgba(147, 197, 253, 0.2);
}
.highlight {
color: #60a5fa; /* blue-400 */
font-weight: 500;
}
.timeline-item {
position: relative;
padding-left: 2.5rem; /* 40px */
padding-bottom: 2rem;
border-left: 2px solid rgba(56, 189, 248, 0.2);
}
.timeline-item:last-child {
border-left: 2px solid transparent;
}
.timeline-marker {
position: absolute;
left: -9px;
top: 4px;
width: 16px;
height: 16px;
border-radius: 9999px;
background-color: #38bdf8; /* sky-400 */
border: 3px solid #000213;
box-shadow: 0 0 10px #38bdf8;
}
.tab-active {
background-color: rgba(56, 189, 248, 0.15) !important;
color: #93c5fd !important; /* blue-300 */
border-bottom-color: #38bdf8 !important; /* sky-400 */
}
.daisy-table th, .daisy-table td {
background-color: transparent !important;
}
.daisy-table tr:hover {
background-color: rgba(56, 189, 248, 0.05) !important;
}
</style>
</head>
<body class="min-h-screen">
<div class="glow-bg glow-1"></div>
<div class="glow-bg glow-2"></div>
<main class="container mx-auto p-4 md:p-8 space-y-12">
<!-- Header Section -->
<header class="text-center py-12">
<h1 class="text-4xl md:text-6xl font-bold bg-gradient-to-r from-sky-300 via-blue-400 to-indigo-400 text-transparent bg-clip-text mb-4 animate-[pulse_5s_ease-in-out_infinite]">
高分红预期
</h1>
<p class="text-xl md:text-2xl text-slate-300">深度投研报告</p>
</header>
<!-- Core Insight Section -->
<section class="glass-card p-8">
<h2 class="text-2xl font-bold mb-6 text-sky-300 flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-3" 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>
<p class="text-lg text-slate-200 leading-relaxed">
“高分红预期”概念正经历从<strong class="highlight">“防御性避风港”</strong><strong class="highlight">“结构性主线”</strong>的深刻转变。其核心驱动力源于<strong class="highlight">宏观层面低利率环境下的“资产荒”</strong><strong class="highlight">政策层面自上而下的强力引导</strong>双轮驱动。当前市场已进入“挖掘预期差”阶段,潜力不仅在于传统高息股,更在于分红能力和意愿有望大幅提升的<strong class="highlight">“未来高分红”</strong>标的。
</p>
</section>
<!-- Bento Grid Layout -->
<div class="bento-grid grid-cols-1 lg:grid-cols-3">
<!-- Timeline -->
<div class="glass-card p-8 lg:col-span-2">
<h3 class="text-xl font-bold mb-6 text-sky-300">概念演进:从防御到主线</h3>
<div class="relative">
<div class="timeline-item">
<div class="timeline-marker"></div>
<p class="font-semibold text-slate-200">宏观背景 (贯穿始终)</p>
<p class="text-sm text-slate-400">2022年以来全球及国内进入低利率环境与“资产荒”背景高股息资产吸引力显著提升。</p>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<p class="font-semibold text-slate-200">政策酝酿 (2023-2024年初)</p>
<p class="text-sm text-slate-400">“中特估”改革深化,国资委强调市值管理,要求央国企强化分红回购,注入政策驱动力。</p>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<p class="font-semibold text-slate-200">关键催化 (2024年4月)</p>
<p class="text-sm text-slate-400">“新国九条”流传,市场预期从关注“已有高分红”转向挖掘“未来高分红”。</p>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<p class="font-semibold text-slate-200">趋势确立 (2025年)</p>
<p class="text-sm text-slate-400">A股中期分红创历史新高(<strong class="highlight">6391亿元</strong>),分红常态化。中央金融委定调,上交所修订指引,高分红上升为顶层设计。</p>
</div>
</div>
</div>
<!-- Core Drivers -->
<div class="glass-card p-8 lg:row-span-2">
<h3 class="text-xl font-bold mb-6 text-sky-300">核心驱动力分析</h3>
<div class="space-y-6">
<div>
<h4 class="font-semibold text-slate-100">1. 政策驱动 (顶层设计)</h4>
<p class="text-sm text-slate-400">从中央定调到交易所细则,监管推动分红从“选择题”变“必答题”,强化了确定性与持续性。</p>
</div>
<div>
<h4 class="font-semibold text-slate-100">2. 宏观经济 (内生需求)</h4>
<p class="text-sm text-slate-400">低利率+资产荒,高股息资产提供类债券的“确定性溢价”,成为险资等长线资金优先配置方向。</p>
</div>
<div>
<h4 class="font-semibold text-slate-100">3. 企业价值 (内在逻辑)</h4>
<p class="text-sm text-slate-400">成熟期企业优化资本配置,央国企“中特估”价值重估,以及部分公司通过特别分红传递经营稳健信号。</p>
</div>
</div>
<h3 class="text-xl font-bold mb-6 mt-8 text-sky-300">关键催化剂</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-slate-100">近期 (3-6个月)</h4>
<ul class="list-disc list-inside text-sm text-slate-400">
<li>年报/中报密集披露期</li>
<li>监管政策细则落地</li>
<li>央国企市值管理方案出台</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-slate-100">长期发展路径</h4>
<ul class="list-disc list-inside text-sm text-slate-400">
<li>分红行为常态化、制度化</li>
<li>市场对分红进行精细化定价</li>
<li>价值投资生态成熟</li>
</ul>
</div>
</div>
</div>
<!-- Expectation Gap -->
<div class="glass-card p-8 lg:col-span-2">
<h3 class="text-xl font-bold mb-6 text-sky-300">预期差分析:机会与风险</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="font-semibold text-indigo-300">市场共识</h4>
<p class="text-sm text-slate-300">高分红是优质策略,认可央国企、公用事业等传统高息股的配置价值。</p>
</div>
<div>
<h4 class="font-semibold text-green-300">潜在机会 (预期差)</h4>
<p class="text-sm text-slate-300">核心在于寻找<strong class="highlight">“未来高分红”</strong>标的,即分红比例有望大幅提升的公司。同时,市场需修正对部分盈利中枢抬升的<strong class="highlight">周期股</strong>的分红认知。</p>
</div>
<div class="md:col-span-2">
<h4 class="font-semibold text-red-300">潜在风险 (证伪点)</h4>
<p class="text-sm text-slate-300">需警惕股价下跌导致的“分红陷阱”,并审慎验证市场传闻。例如,兴证家电路演指出,市场对苏泊尔(<strong class="highlight">46%</strong>分红率非100%)、美的(<strong class="highlight">150亿</strong>资本开支)的分红能力存在误读,凸显了独立验证的重要性。</p>
</div>
</div>
</div>
</div>
<!-- Industry Chain & Core Companies -->
<section class="space-y-8">
<h2 class="section-title text-center">产业链图谱与核心公司剖析</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<!-- ECharts for Industry Chain -->
<div class="glass-card p-6 min-h-[500px]">
<h3 class="text-xl font-bold mb-4 text-sky-300">高分红主体逻辑分类</h3>
<div id="echarts-treemap" class="w-full h-[450px]"></div>
</div>
<!-- Core Companies Analysis -->
<div class="glass-card p-8">
<h3 class="text-xl font-bold mb-6 text-sky-300">核心玩家对比</h3>
<div class="space-y-6">
<div class="p-4 border border-slate-700 rounded-xl">
<h4 class="font-bold text-lg text-slate-100">中国神华 (价值龙头)</h4>
<p class="text-sm text-slate-300 mt-1">兼具“中特估”与稳定盈利,分红承诺超预期兑现。即便煤价下行,<strong class="highlight">分红总额449亿</strong>维持不变,分红率升至<strong class="highlight">76.5%</strong>,意愿与能力极强。</p>
</div>
<div class="p-4 border border-slate-700 rounded-xl">
<h4 class="font-bold text-lg text-slate-100">分众传媒 (价值释放者)</h4>
<p class="text-sm text-slate-300 mt-1">行业龙头,现金流强劲,有明确高分红承诺(<strong class="highlight">不低于扣非净利80%</strong>23年实际达<strong class="highlight">98.8%</strong>)。高分红提供坚实安全垫,并规划中期分红。</p>
</div>
<div class="p-4 border border-slate-700 rounded-xl">
<h4 class="font-bold text-lg text-slate-100">思维列控 (成长分红者)</h4>
<p class="text-sm text-slate-300 mt-1">细分领域垄断,高毛利且无大规模资本开支。股东利益一致,分红意愿极强(<strong class="highlight">接近100%</strong>),并考虑季度分红,是“好业绩+高分红”典范。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Supporting Data Tabs -->
<section x-data="{ tab: 'news' }" class="glass-card p-4 md:p-8">
<div class="tabs tabs-boxed bg-slate-900/50 justify-center mb-6">
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻摘要</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演精粹</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'report' }" @click.prevent="tab = 'report'">研报观点</a>
</div>
<div class="p-4 min-h-[300px]">
<!-- News Content -->
<div x-show="tab === 'news'" class="space-y-4 text-slate-300">
<h4 class="text-lg font-bold text-sky-400">市场与行业趋势</h4>
<ul class="list-disc list-inside space-y-2">
<li><strong class="text-white">A股分红创历史新高</strong>截至2025年8月中期派现达<span class="highlight">6391.29亿元</span>,占净利润比例<span class="highlight">21.36%</span>,均为历史最高。</li>
<li><strong class="text-white">多次分红成常态:</strong>中期分红、春节前集中分红成新潮流,回馈投资者从“选择题”变“必答题”。</li>
<li><strong class="text-white">各类产品积极分红:</strong>私募基金、公募ETF、REITs产品分红力度均显著增强吸引险资等长期资金布局。</li>
</ul>
<h4 class="text-lg font-bold text-sky-400 mt-4">政策与监管导向</h4>
<ul class="list-disc list-inside space-y-2">
<li><strong class="text-white">中央定调:</strong>中央金融委要求增强上市公司分红的<span class="highlight">稳定性、持续性和可预期性</span></li>
<li><strong class="text-white">交易所加码:</strong>上交所修订指引,提升分红在评价中的权重,<span class="highlight">“多分红加分,不分红减分”</span></li>
</ul>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'" class="space-y-4 text-slate-300">
<ul class="list-disc list-inside space-y-3">
<li><strong class="text-white">兴证策略 (未来高分红)</strong>高分红策略提供<span class="highlight">确定性溢价</span>。市场开始重视分红比例的<span class="highlight">改善趋势</span>。提出六大筛选维度:市值、盈利、资本扩张、现金流、治理、未分配利润。</li>
<li><strong class="text-white">长江研究 (周期股高分红)</strong>在低利率+资产荒+政策催化下,红利策略是主线。部分周期龙头(煤炭、化工)盈利中枢抬升,已具备<span class="highlight">持续高分红能力</span></li>
<li><strong class="text-white">中国神华 (年报分析)</strong>盈利稳健高分红凸显价值。2025-27年最低分红比例提升至<span class="highlight">65%</span>,并允许中期分红,实际分红率持续高于承诺。</li>
<li><strong class="text-white">民生海外 (中概股机会)</strong>部分中概股(如斗鱼、陆金所)通过<span class="highlight">特别分红</span>释放价值,股息率可达<span class="highlight">70%+</span>,关注“市值低于净现金”的标的。</li>
</ul>
</div>
<!-- Research Report Content -->
<div x-show="tab === 'report'" class="space-y-4 text-slate-300">
<ul class="list-disc list-inside space-y-3">
<li><strong class="text-white">宁德时代 (300750.SZ)</strong>业绩高增长,<span class="highlight">分红超预期</span>。派发221亿元红利占当期利润<span class="highlight">50%</span>,彰显回报股东决心。经营现金流强劲,造血能力强。</li>
<li><strong class="text-white">分众传媒 (002027.SZ)</strong>高分红政策延续,承诺<span class="highlight">年度现金分红不低于扣非净利润的80%</span>。2023年分红比例高达<span class="highlight">98.8%</span>,并规划中期分红。强劲现金流为高分红提供保障。</li>
<li><strong class="text-white">新高教集团 (02001.HK)</strong>明确且持续的分红政策,计划<span class="highlight">维持50%的分红比例</span>并于每年9月一次派息。</li>
</ul>
</div>
</div>
</section>
<!-- Rise Analysis / Case Studies -->
<section class="space-y-8">
<h2 class="section-title text-center">市场反馈:涨幅归因分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card p-6 flex flex-col justify-between">
<div>
<div class="flex justify-between items-center mb-2">
<h3 class="text-lg font-bold text-slate-100">万和电气 (002543)</h3>
<span class="badge badge-success badge-lg font-bold">+10.01%</span>
</div>
<p class="text-sm text-slate-300">“业绩超预期 + 高分红承诺 + 中证1000调入”四重催化共振。公告未来三年分红率<strong class="highlight">不低于50%</strong>,长线资金抢筹。</p>
</div>
</div>
<div class="glass-card p-6 flex flex-col justify-between">
<div>
<div class="flex justify-between items-center mb-2">
<h3 class="text-lg font-bold text-slate-100">军信股份 (301109)</h3>
<span class="badge badge-success badge-lg font-bold">+10.03%</span>
</div>
<p class="text-sm text-slate-300">主要驱动为即将实施的<strong class="highlight">高额现金分红</strong>10派9元预期及长期稳定的分红政策承诺不低于净利<strong class="highlight">50%</strong>)吸引力。</p>
</div>
</div>
<div class="glass-card p-6 flex flex-col justify-between">
<div>
<div class="flex justify-between items-center mb-2">
<h3 class="text-lg font-bold text-slate-100">三七互娱 (002555)</h3>
<span class="badge badge-success badge-lg font-bold">+10.01%</span>
</div>
<p class="text-sm text-slate-300">“版号集中发放 + AI降本兑现 + <strong class="highlight">66%高分红</strong>”三重利好共振。中期分红10派2.1元,股息率<strong class="highlight">5.8%</strong>,游戏公司中最高。</p>
</div>
</div>
<div class="glass-card p-6 flex flex-col justify-between">
<div>
<div class="flex justify-between items-center mb-2">
<h3 class="text-lg font-bold text-slate-100">江苏国泰 (002091)</h3>
<span class="badge badge-success badge-lg font-bold">+10.00%</span>
</div>
<p class="text-sm text-slate-300">“终止炒股+高分红+理财锁定”组合拳打消疑虑。分红比例由30%提升至<strong class="highlight">不低于40%</strong>,并承诺<strong class="highlight">每年2-3次分红</strong></p>
</div>
</div>
<div class="glass-card p-6 flex flex-col justify-between">
<div>
<div class="flex justify-between items-center mb-2">
<h3 class="text-lg font-bold text-slate-100">有友食品 (603697)</h3>
<span class="badge badge-success badge-lg font-bold">+10.00%</span>
</div>
<p class="text-sm text-slate-300">低估值+高分红触发资金高低切换。24H1预案10派3.5元,分红率约<strong class="highlight">85%</strong>股息率3.8%,强化类债券属性。</p>
</div>
</div>
<div class="glass-card p-6 flex flex-col justify-between">
<div>
<div class="flex justify-between items-center mb-2">
<h3 class="text-lg font-bold text-slate-100">思维列控 (603508)</h3>
<span class="badge badge-accent badge-lg font-bold">+5.57%</span>
</div>
<p class="text-sm text-slate-300">券商强烈推荐“高分红、低估值、好业绩”。分红率<strong class="highlight">接近100%</strong>,股息率<strong class="highlight">5%+</strong>,在市场波动环境下被视为“最稳定的选择”。</p>
</div>
</div>
</div>
</section>
<!-- Stock List Table -->
<section class="space-y-8">
<h2 class="section-title text-center">关联个股列表:未来高分红潜力</h2>
<div class="glass-card p-4 md:p-8 overflow-x-auto">
<table class="table daisy-table w-full">
<thead class="text-sky-300">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<!-- Data will be populated here -->
<tr><td>宝鼎科技</td><td><a href="https://valuefrontier.cn/company?scode=002552" target="_blank" class="link link-hover text-blue-400">002552</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline">工业</div></td></tr>
<tr><td>秦川机床</td><td><a href="https://valuefrontier.cn/company?scode=000837" target="_blank" class="link link-hover text-blue-400">000837</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline">工业</div></td></tr>
<tr><td>中通客车</td><td><a href="https://valuefrontier.cn/company?scode=000957" target="_blank" class="link link-hover text-blue-400">000957</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-primary">汽车</div></td></tr>
<tr><td>香山股份</td><td><a href="https://valuefrontier.cn/company?scode=002870" target="_blank" class="link link-hover text-blue-400">002870</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-primary">汽车</div></td></tr>
<tr><td>悦达投资</td><td><a href="https://valuefrontier.cn/company?scode=600805" target="_blank" class="link link-hover text-blue-400">600805</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-primary">汽车</div></td></tr>
<tr><td>中兴商业</td><td><a href="https://valuefrontier.cn/company?scode=000715" target="_blank" class="link link-hover text-blue-400">000715</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-secondary">消费</div></td></tr>
<tr><td>宁波中百</td><td><a href="https://valuefrontier.cn/company?scode=600857" target="_blank" class="link link-hover text-blue-400">600857</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-secondary">消费</div></td></tr>
<tr><td>烽火电子</td><td><a href="https://valuefrontier.cn/company?scode=000561" target="_blank" class="link link-hover text-blue-400">000561</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-accent">科技</div></td></tr>
<tr><td>大恒科技</td><td><a href="https://valuefrontier.cn/company?scode=600288" target="_blank" class="link link-hover text-blue-400">600288</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-accent">科技</div></td></tr>
<tr><td>海陆重工</td><td><a href="https://valuefrontier.cn/company?scode=002255" target="_blank" class="link link-hover text-blue-400">002255</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-info">电力</div></td></tr>
<tr><td>通达股份</td><td><a href="https://valuefrontier.cn/company?scode=002560" target="_blank" class="link link-hover text-blue-400">002560</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-info">电力</div></td></tr>
<tr><td>方大炭素</td><td><a href="https://valuefrontier.cn/company?scode=600516" target="_blank" class="link link-hover text-blue-400">600516</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-warning">材料</div></td></tr>
<tr><td>七彩化学</td><td><a href="https://valuefrontier.cn/company?scode=300758" target="_blank" class="link link-hover text-blue-400">300758</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-warning">材料</div></td></tr>
<tr><td>豪美新材</td><td><a href="https://valuefrontier.cn/company?scode=002988" target="_blank" class="link link-hover text-blue-400">002988</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-error">有色金属</div></td></tr>
<tr><td>北矿科技</td><td><a href="https://valuefrontier.cn/company?scode=600980" target="_blank" class="link link-hover text-blue-400">600980</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-error">有色金属</div></td></tr>
<tr><td>华丽家族</td><td><a href="https://valuefrontier.cn/company?scode=600503" target="_blank" class="link link-hover text-blue-400">600503</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline badge-success">地产</div></td></tr>
<tr><td>吉林高速</td><td><a href="https://valuefrontier.cn/company?scode=601518" target="_blank" class="link link-hover text-blue-400">601518</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline">其他</div></td></tr>
<tr><td>郑州银行</td><td><a href="https://valuefrontier.cn/company?scode=002936" target="_blank" class="link link-hover text-blue-400">002936</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline">其他</div></td></tr>
<tr><td>中船防务</td><td><a href="https://valuefrontier.cn/company?scode=600685" target="_blank" class="link link-hover text-blue-400">600685</a></td><td>券商预计可能会因为新规而加大分红力度</td><td><div class="badge badge-outline">其他</div></td></tr>
</tbody>
</table>
</div>
</section>
<!-- Footer -->
<footer class="text-center py-8 mt-12">
<p class="text-sm text-slate-500">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现
</p>
<p class="text-xs text-slate-600 mt-2">
免责声明本报告为AI合成数据不构成任何投资建议投资需谨慎。
</p>
</footer>
</main>
<script>
var chartDom = document.getElementById('echarts-treemap');
var myChart = echarts.init(chartDom);
var option;
option = {
tooltip: {
formatter: function (info) {
var value = info.value;
var treePathInfo = info.treePathInfo;
var treePath = [];
for (var i = 1; i < treePathInfo.length; i++) {
treePath.push(treePathInfo[i].name);
}
return [
'<div class="tooltip-title">' + echarts.format.encodeHTML(treePath.join('/')) + '</div>',
'代表公司: ' + value
].join('');
}
},
series: [
{
name: '高分红主体',
type: 'treemap',
visibleMin: 300,
label: {
show: true,
formatter: '{b}',
color: '#fff',
fontSize: 14,
},
itemStyle: {
borderColor: '#000213',
borderWidth: 2,
gapWidth: 2
},
levels: [
{
itemStyle: {
borderColor: '#000213',
borderWidth: 0,
gapWidth: 1
}
},
{
color: ['#1e40af', '#1d4ed8', '#2563eb', '#3b82f6', '#60a5fa'],
colorMappingBy: 'value',
itemStyle: {
borderColor: '#3b82f6',
borderWidth: 2,
gapWidth: 2
}
}
],
data: [
{
name: '稳定现金牛',
value: '长江电力、中国移动',
children: [
{ name: '公用事业', value: '长江电力' },
{ name: '交通运输', value: '宁沪高速' },
{ name: '通信', value: '中国移动' }
]
},
{
name: '周期价值龙头',
value: '中国神华、西部矿业',
children: [
{ name: '能源', value: '中国神华' },
{ name: '有色/钢铁', value: '西部矿业' },
{ name: '银行', value: '招商银行' }
]
},
{
name: '成长性分红者',
value: '宁德时代、思维列控',
children: [
{ name: '新能源', value: '宁德时代' },
{ name: '科技', value: '思维列控' },
{ name: '医药', value: '济川药业' }
]
},
{
name: '价值释放者',
value: '分众传媒、斗鱼',
children: [
{ name: '传媒', value: '分众传媒' },
{ name: '中概股', value: '斗鱼' },
{ name: '消费', value: '青岛啤酒' }
]
},
{
name: '预期提升者',
value: '潜在“未来高分红”标的',
children: [
{ name: '工业', value: '宝鼎科技' },
{ name: '汽车', value: '中通客车' },
{ name: '材料', value: '方大炭素' }
]
}
]
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>