593 lines
53 KiB
HTML
593 lines
53 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;
|
||
background-image:
|
||
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(120, 119, 198, 0.3), transparent),
|
||
radial-gradient(ellipse 80% 50% at 50% 120%, rgba(39, 119, 198, 0.3), transparent);
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
color: #e2e8f0;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(23, 23, 23, 0.6);
|
||
backdrop-filter: blur(16px) saturate(180%);
|
||
-webkit-backdrop-filter: blur(16px) saturate(180%);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 24px; /* Extreme rounded corners */
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
|
||
.grid-item {
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(13, 148, 136, 0.8), 0 0 16px rgba(59, 130, 246, 0.5);
|
||
}
|
||
|
||
.sub-glow-text {
|
||
text-shadow: 0 0 5px rgba(203, 213, 225, 0.4);
|
||
}
|
||
|
||
.section-title::before {
|
||
content: '◆';
|
||
margin-right: 0.75rem;
|
||
color: #2dd4bf;
|
||
}
|
||
|
||
.tab-lifted {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.tab-active {
|
||
background-color: rgba(255, 255, 255, 0.05) !important;
|
||
border-color: rgba(45, 212, 191, 0.5) !important;
|
||
color: #f0fdfa !important;
|
||
}
|
||
table.stock-table thead {
|
||
background-color: rgba(45, 212, 191, 0.1);
|
||
border-bottom: 1px solid rgba(45, 212, 191, 0.4);
|
||
}
|
||
table.stock-table tbody tr:hover {
|
||
background-color: rgba(255, 255, 255, 0.03);
|
||
}
|
||
|
||
.scroll-gradient::-webkit-scrollbar {
|
||
width: 8px;
|
||
height: 8px;
|
||
}
|
||
|
||
.scroll-gradient::-webkit-scrollbar-track {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.scroll-gradient::-webkit-scrollbar-thumb {
|
||
background: linear-gradient(180deg, #2dd4bf, #3b82f6);
|
||
border-radius: 10px;
|
||
}
|
||
|
||
h2.section-title {
|
||
font-size: 1.875rem;
|
||
line-height: 2.25rem;
|
||
font-weight: 500;
|
||
color: #f0fdfa;
|
||
padding-bottom: 1rem;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="antialiased min-h-screen">
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center mb-12 py-8">
|
||
<h1 class="text-5xl md:text-7xl font-bold glow-text bg-clip-text text-transparent bg-gradient-to-br from-teal-200 via-sky-300 to-indigo-400">
|
||
高股息合集
|
||
</h1>
|
||
<p class="mt-4 text-xl text-slate-300 sub-glow-text">深度行研报告</p>
|
||
<div class="mt-6 text-xs text-slate-500">
|
||
<p>由 北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p>本报告为AI合成数据，投资需谨慎。</p>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Bento Grid Layout -->
|
||
<main class="bento-grid">
|
||
|
||
<!-- Core View & Concept Origin -->
|
||
<div class="col-span-12 lg:col-span-8 grid-item glass-card p-6">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">核心观点与概念背景</h2>
|
||
<div class="space-y-4 text-slate-300">
|
||
<p class="font-semibold text-lg text-slate-100">高股息策略已从熊市防御的“避风港”演变为当前低利率、弱增长宏观环境下的“核心资产”。其核心驱动力是险资、ETF等长线配置资金在“资产荒”背景下的结构性转移。</p>
|
||
<p>当前，该概念正从大盘价值的“普涨”阶段，逐步分化进入“看重质量、挖掘二线、警惕泡沫”的深水区，未来潜力在于挖掘兼具股息吸引力与盈利韧性的“红利质量”型资产。</p>
|
||
<div class="pt-4 border-t border-slate-700/50 mt-4">
|
||
<h3 class="font-medium text-slate-200 mb-2">核心背景与催化：</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-sm">
|
||
<li><span class="font-semibold text-sky-400">宏观经济“新常态”：</span> 传统高增长引擎动力减弱，市场风险偏好系统性下降，资金寻求高确定性投资机会。</li>
|
||
<li><span class="font-semibold text-sky-400">无风险利率持续下行：</span> 10年期国债收益率从2.84%降至1.72%，高股息资产相对吸引力（股息率-无风险利率利差）显著扩大。</li>
|
||
<li><span class="font-semibold text-sky-400">机构资金入场（2023 H2起）：</span> 公募基金避险增配，险资在固收收益率下行和IFRS 17会计准则双重驱动下，大规模增配高股息资产。</li>
|
||
<li><span class="font-semibold text-sky-400">市场分化与讨论（2024 Q2起）：</span> 市场开始出现“泡沫化”与“抱团”争议，策略从大盘股向中盘股、从“低波”向“质量”演进。红利主题ETF规模持续扩大，但主动基金仍处低配。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Chart: Dividend Yield vs Bond Yield -->
|
||
<div class="col-span-12 lg:col-span-4 grid-item glass-card p-6 flex flex-col">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">定价锚：利差扩大</h2>
|
||
<p class="text-sm text-slate-400 mb-4">高股息资产定价核心是其股息率与无风险利率的比较优势。即便股价上涨，利差扩大仍凸显其配置价值。</p>
|
||
<div id="yield-spread-chart" class="flex-grow w-full h-64 md:h-full"></div>
|
||
</div>
|
||
|
||
<!-- Core Logic -->
|
||
<div class="col-span-12 grid-item glass-card p-6">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">核心驱动逻辑与市场认知</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-sm">
|
||
<div class="bg-slate-800/30 p-4 rounded-xl border border-slate-700/50">
|
||
<h3 class="font-bold text-lg mb-2 text-sky-300">1. 宏观利率锚重置 (根本逻辑)</h3>
|
||
<p class="text-slate-300">随着国债收益率逼近2%甚至更低，股息率在4%-6%的资产具备了类固收的吸引力，成为债券的“上位替代”。这是驱动保险、社保等绝对收益资金持续流入的根本原因。</p>
|
||
</div>
|
||
<div class="bg-slate-800/30 p-4 rounded-xl border border-slate-700/50">
|
||
<h3 class="font-bold text-lg mb-2 text-sky-300">2. 机构资金结构性再配置 (主导力量)</h3>
|
||
<p class="text-slate-300"><span class="font-semibold">险资“刚需”：</span>在负债端成本和IFRS 17双重约束下，险资必须寻找稳定现金流、低波动的权益资产。高股息股票完美契合。<br><span class="font-semibold">被动投资崛起：</span>红利主题ETF规模持续增长，为相关成分股带来源源不断的增量资金，形成正向循环。</p>
|
||
</div>
|
||
<div class="bg-slate-800/30 p-4 rounded-xl border border-slate-700/50">
|
||
<h3 class="font-bold text-lg mb-2 text-sky-300">3. 政策引导与强化 (催化剂)</h3>
|
||
<p class="text-slate-300">证监会鼓励上市公司“真金白银”回报投资者，尤其是对国企（“中特估”概念），分红成为市值管理的重要工具，强化了高股息策略的长期逻辑。</p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-6 p-4 rounded-xl border border-amber-500/30 bg-amber-950/20">
|
||
<h3 class="font-bold text-lg mb-2 text-amber-300">预期差分析：市场忽略的关键点</h3>
|
||
<ul class="list-decimal list-inside space-y-1 text-slate-300 text-sm">
|
||
<li><span class="font-semibold">不仅是防御，更是新范式下的“增长”：</span>在经济整体缺乏弹性的背景下，能够维持稳定盈利和分红本身就是一种稀缺的“增长”能力（盈利韧性）。</li>
|
||
<li><span class="font-semibold">策略内部正在剧烈分化与进化：</span>真正的超额收益可能来自策略的进化，如“中盘高股息”和“红利质量/潜力”策略。</li>
|
||
<li><span class="font-semibold">收益来源正在变化：</span>当前阶段，资本利得（估值提升）是超额收益的主要来源，而非纯粹的股息收入。若估值逻辑动摇，策略回报将面临巨大压力。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Future Path & Risks -->
|
||
<div class="col-span-12 md:col-span-7 grid-item glass-card p-6">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">发展路径与催化剂</h2>
|
||
<ul class="timeline timeline-vertical">
|
||
<li>
|
||
<div class="timeline-start timeline-box bg-slate-800/50 border-slate-700">
|
||
<time class="font-mono italic text-xs">第一阶段 (已发生)</time>
|
||
<div class="text-lg font-black text-sky-400">价值发现与龙头抱团</div>
|
||
资金涌入最确定、流动性最好的大盘高股息板块（银行、煤炭、电力等），完成估值重估第一步。
|
||
</div>
|
||
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-teal-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
|
||
<hr class="bg-teal-500"/>
|
||
</li>
|
||
<li>
|
||
<hr class="bg-teal-500"/>
|
||
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-amber-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg></div>
|
||
<div class="timeline-end timeline-box bg-slate-800/50 border-slate-700">
|
||
<time class="font-mono italic text-xs">第二阶段 (正在进行)</time>
|
||
<div class="text-lg font-black text-amber-400">内部分化与策略下沉</div>
|
||
随着龙头估值抬升，资金开始寻找性价比更高的标的：市值下沉（中盘）、行业扩散（消费/制造）、因子叠加（质量+高息）。
|
||
</div>
|
||
<hr class="bg-teal-500"/>
|
||
</li>
|
||
<li>
|
||
<hr class="bg-teal-500"/>
|
||
<div class="timeline-start timeline-box bg-slate-800/50 border-slate-700">
|
||
<time class="font-mono italic text-xs">第三阶段 (未来展望)</time>
|
||
<div class="text-lg font-black text-indigo-400">回归基本面与去伪存真</div>
|
||
当市场热度退潮或宏观环境变化，无法持续兑现盈利和分红的“伪高息股”将被抛弃，真正具备核心竞争力的企业将沉淀为长期核心资产。
|
||
</div>
|
||
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-indigo-400"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" /><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.18l3.75-3.75a1.651 1.651 0 112.333 2.333L4.414 10l2.333 2.333a1.651 1.651 0 01-2.333 2.333l-3.75-3.75zM19.336 10.59a1.651 1.651 0 010-1.18l-3.75-3.75a1.651 1.651 0 10-2.333 2.333L15.586 10l-2.333 2.333a1.651 1.651 0 102.333 2.333l3.75-3.75z" clip-rule="evenodd" /></svg></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-span-12 md:col-span-5 grid-item glass-card p-6">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">潜在风险与挑战</h2>
|
||
<div class="space-y-3 text-sm text-slate-300">
|
||
<div class="p-3 rounded-lg border border-red-500/30 bg-red-950/20">
|
||
<p class="font-semibold text-red-300">宏观政策转向 (核心风险)</p>
|
||
<p>若经济强劲复苏或货币政策意外收紧（加息），将导致市场风险偏好提升和无风险利率上行，对高股息板块形成“双杀”。</p>
|
||
</div>
|
||
<div class="p-3 rounded-lg border border-amber-500/30 bg-amber-950/20">
|
||
<p class="font-semibold text-amber-300">“股息陷阱”与“估值陷阱”</p>
|
||
<p>周期性行业在景气高点出现虚高股息率；或因基本面恶化导致股价持续下跌，分红无法弥补本金损失。盈利增长的可持续性是关键验证点。</p>
|
||
</div>
|
||
<div class="p-3 rounded-lg border border-slate-500/30 bg-slate-800/20">
|
||
<p class="font-semibold text-slate-300">分红政策变动</p>
|
||
<p>部分公司可能因重大资本开支或经营困难而改变分红政策，承诺的可持续性是核心风险。</p>
|
||
</div>
|
||
<div class="p-3 rounded-lg border border-sky-500/30 bg-sky-950/20">
|
||
<p class="font-semibold text-sky-300">信息交叉验证风险 (泡沫化争议)</p>
|
||
<p>新闻高呼“泡沫化”，但路演数据显示主动公募仍“低配”。这表明推动行情的主力可能是险资、ETF等配置型资金，若其需求放缓，而增量资金不接力，可能引发踩踏风险。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Market Perspectives -->
|
||
<div class="col-span-12 grid-item glass-card p-6" x-data="{ tab: 'macro' }">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">多维视角：新闻、路演与研报精粹</h2>
|
||
<div role="tablist" class="tabs tabs-lifted">
|
||
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'macro' }" @click="tab = 'macro'">宏观策略</a>
|
||
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'dynamics' }" @click="tab = 'dynamics'">市场动态与争议</a>
|
||
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'funds' }" @click="tab = 'funds'">资金流向</a>
|
||
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'sectors' }" @click="tab = 'sectors'">行业板块</a>
|
||
</div>
|
||
<div class="p-4 pt-6 bg-slate-800/20 rounded-b-box rounded-tr-box text-sm text-slate-300 space-y-3 max-h-96 overflow-y-auto scroll-gradient">
|
||
<div x-show="tab === 'macro'">
|
||
<p><strong class="text-sky-400">[核心逻辑]</strong> “寻找高ROE高股息低估值业绩好故事大的核心资产”。在缺少确定性大投资机会时，资金会涌入少数确定性机会如“中特估高股息”。</p>
|
||
<p><strong class="text-sky-400">[配置策略]</strong> “高股息 + AI 硬科技哑铃策略”获青睐，通过同时布局防御资产与高景气成长赛道，实现“攻守兼备”。</p>
|
||
<p><strong class="text-sky-400">[利率关系]</strong> 高股息定价核心在于股息率与长期利率的比较。尽管股价上涨，但国债利率下降更快，导致利差反而扩大，凸显配置价值。</p>
|
||
<p><strong class="text-sky-400">[配置时点]</strong> 年底是机构资金配置窗口，保险“开门红”、绝对收益建仓等因素驱动资金买入高股息拉高票息率。低利率环境下配置价值凸显。</p>
|
||
<p><strong class="text-sky-400">[路演观点]</strong> 华金策略认为，当前处红利策略中后期，机会从大盘向中盘下沉。国信证券建议从“红利低波”向“红利质量/潜力”策略优化。</p>
|
||
</div>
|
||
<div x-show="tab === 'dynamics'">
|
||
<p><strong class="text-amber-400">[泡沫化讨论]</strong> 市场激烈讨论高股息是否“逐步泡沫化”，并将其与2020年“茅指数”类比。核心观点认为“价值派抱团”正进入泡沫化定价阶段，“任何抱团泡沫的破灭都是‘逻辑未破，股价先破’”。</p>
|
||
<p><strong class="text-amber-400">[股息率下降]</strong> 部分传统高股息公司（公路、港口）股息率已从历史7%左右下降到3%-4%。股价上行稀释了静态股息率，且上半年盈利增速普遍下行，未来回报率可能受限。</p>
|
||
<p><strong class="text-amber-400">[策略调整]</strong> 在显著分化背景下，策略重心需强调“盈利质量”与“分红可持续性”，规避周期性“股息陷阱”和基本面恶化“估值陷阱”。</p>
|
||
<p><strong class="text-amber-400">[路演观点]</strong> 兴业证券认为多数交运高股息标的未见明显泡沫，但部分龙头接近估值上限。国信证券指出填权行情无显著超额收益，需警惕交易拥挤风险。</p>
|
||
</div>
|
||
<div x-show="tab === 'funds'">
|
||
<p><strong class="text-indigo-400">[险资偏好]</strong> 险资是高股息资产的核心买家，追求长期稳健收益，其投资需求与高股息资产高度契合。一季度险资持续加仓，未来持股比例或进一步增加。</p>
|
||
<p><strong class="text-indigo-400">[ETF崛起]</strong> 高股息定价权很大程度由以ETF为核心的被动投资推动。华泰柏瑞红利ETF规模突破200亿元，显示被动资金持续涌入。</p>
|
||
<p><strong class="text-indigo-400">[主动基金仓位]</strong> 2024Q2主动型基金高股息仓位环比提升至13.29%，但相对17.82%的标配比例仍处于低配，显示仍有潜在增量空间。</p>
|
||
<p><strong class="text-indigo-400">[路演观点]</strong> 兴业证券指出，公募为避险、险资为匹配收益目标（IFRS 17影响）是两大资金驱动力。港股通高股息指数中，交运行业权重超20%，ETF资金流对部分个股影响已超基本面。</p>
|
||
</div>
|
||
<div x-show="tab === 'sectors'">
|
||
<p><strong class="text-teal-400">[银行]</strong> 估值低、股息率高，与10Y国债溢价率处于历史较高分位，性价比仍高。中金公司认为银行股高股息投资价值仍然突出。</p>
|
||
<p><strong class="text-teal-400">[公用事业/环保]</strong> 现金流稳定，业绩确定性强。被认为是“高股息最终胜负手”，只有公用事业和电信服务能做到在ROE中枢上移的同时稳定分红。</p>
|
||
<p><strong class="text-teal-400">[交通运输]</strong> 高速公路、港口、铁路是传统高股息“压舱石”。分红确定性高，部分公司如皖通高速承诺分红率提升，具备成长潜力。</p>
|
||
<p><strong class="text-teal-400">[建筑]</strong> 以中国建筑为代表，属于低估值、高分红的“中特估”品种，低利率环境下配置价值凸显。</p>
|
||
<p><strong class="text-teal-400">[消费/制造]</strong> 成熟行业龙头（家电、纺服、家居）资本开支少，分红意愿强。食品饮料盈利能力强，具备提升分红潜力。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Quantitative Strategy -->
|
||
<div class="col-span-12 grid-item glass-card p-6" x-data="{
|
||
selectedMonth: 'december',
|
||
portfolios: {
|
||
august: [
|
||
{ code: '000001.SZ', name: '平安银行', industry: '银行' }, { code: '601006.SH', name: '大秦铁路', industry: '交通运输' }, { code: '000651.SZ', name: '格力电器', industry: '家用电器' }, { code: '601229.SH', name: '上海银行', industry: '银行' }, { code: '601838.SH', name: '成都银行', industry: '银行' }, { code: '600015.SH', name: '华夏银行', industry: '银行' }, { code: '603833.SH', name: '欧派家居', industry: '轻工制造' }, { code: '601169.SH', name: '北京银行', industry: '银行' }, { code: '601916.SH', name: '浙商银行', industry: '银行' }, { code: '002027.SZ', name: '分众传媒', industry: '传媒' }, { code: '601818.SH', name: '光大银行', industry: '银行' }, { code: '601328.SH', name: '交通银行', industry: '银行' }, { code: '601668.SH', name: '中国建筑', industry: '建筑装饰' }, { code: '600887.SH', name: '伊利股份', industry: '食品饮料' }, { code: '000661.SZ', name: '长春高新', industry: '医药生物' }, { code: '000157.SZ', name: '中联重科', industry: '机械设备' }, { code: '000333.SZ', name: '美的集团', industry: '家用电器' }, { code: '600048.SH', name: '保利发展', industry: '房地产' }, { code: '601186.SH', name: '中国铁建', industry: '建筑装饰' }, { code: '600132.SH', name: '重庆啤酒', industry: '食品饮料' }, { code: '600346.SH', name: '恒力石化', industry: '石油石化' }, { code: '600023.SH', name: '浙能电力', industry: '公用事业' }, { code: '000858.SZ', name: '五粮液', industry: '食品饮料' }, { code: '001979.SZ', name: '招商蛇口', industry: '房地产' }, { code: '601800.SH', name: '中国交建', industry: '建筑装饰' }, { code: '600219.SH', name: '南山铝业', industry: '有色金属' }, { code: '000786.SZ', name: '北新建材', industry: '建筑材料' }, { code: '600426.SH', name: '华鲁恒升', industry: '基础化工' }, { code: '603195.SH', name: '公牛集团', industry: '轻工制造' }, { code: '601872.SH', name: '招商轮船', industry: '交通运输' }
|
||
],
|
||
september: [
|
||
{ code: '000800.SZ', name: '一汽解放', industry: '汽车' }, { code: '601006.SH', name: '大秦铁路', industry: '交通运输' }, { code: '000001.SZ', name: '平安银行', industry: '银行' }, { code: '601229.SH', name: '上海银行', industry: '银行' }, { code: '601838.SH', name: '成都银行', industry: '银行' }, { code: '600015.SH', name: '华夏银行', industry: '银行' }, { code: '601916.SH', name: '浙商银行', industry: '银行' }, { code: '603833.SH', name: '欧派家居', industry: '轻工制造' }, { code: '601169.SH', name: '北京银行', industry: '银行' }, { code: '601818.SH', name: '光大银行', industry: '银行' }, { code: '000661.SZ', name: '长春高新', industry: '医药生物' }, { code: '600887.SH', name: '伊利股份', industry: '食品饮料' }, { code: '601328.SH', name: '交通银行', industry: '银行' }, { code: '000157.SZ', name: '中联重科', industry: '机械设备' }, { code: '600048.SH', name: '保利发展', industry: '房地产' }, { code: '601668.SH', name: '中国建筑', industry: '建筑装饰' }, { code: '600132.SH', name: '重庆啤酒', industry: '食品饮料' }, { code: '601186.SH', name: '中国铁建', industry: '建筑装饰' }, { code: '600346.SH', name: '恒力石化', industry: '石油石化' }, { code: '600023.SH', name: '浙能电力', industry: '公用事业' }, { code: '000858.SZ', name: '五粮液', industry: '食品饮料' }, { code: '601800.SH', name: '中国交建', industry: '建筑装饰' }, { code: '600426.SH', name: '华鲁恒升', industry: '基础化工' }, { code: '600600.SH', name: '青岛啤酒', industry: '食品饮料' }, { code: '600690.SH', name: '海尔智家', industry: '家用电器' }, { code: '600886.SH', name: '国投电力', industry: '公用事业' }, { code: '601872.SH', name: '招商轮船', industry: '交通运输' }, { code: '603195.SH', name: '公牛集团', industry: '轻工制造' }, { code: '600926.SH', name: '杭州银行', industry: '银行' }, { code: '002142.SZ', name: '宁波银行', industry: '银行' }
|
||
],
|
||
october: [
|
||
{ code: '000001.SZ', name: '平安银行', industry: '银行' }, { code: '601229.SH', name: '上海银行', industry: '银行' }, { code: '601838.SH', name: '成都银行', industry: '银行' }, { code: '601949.SH', name: '江苏银行', industry: '银行' }, { code: '600016.SH', name: '兴业银行', industry: '银行' }, { code: '600015.SH', name: '华夏银行', industry: '银行' }, { code: '000651.SZ', name: '格力电器', industry: '家用电器' }, { code: '601288.SH', name: '农业银行', industry: '银行' }, { code: '601818.SH', name: '光大银行', industry: '银行' }, { code: '601225.SH', name: '陕西煤业', industry: '煤炭' }, { code: '601988.SH', name: '中国银行', industry: '银行' }, { code: '002027.SZ', name: '分众传媒', industry: '传媒' }, { code: '001965.SZ', name: '招商公路', industry: '交通运输' }, { code: '000157.SZ', name: '中联重科', industry: '机械设备' }, { code: '600741.SH', name: '华域汽车', industry: '汽车' }, { code: '000333.SZ', name: '美的集团', industry: '家用电器' }, { code: '600023.SH', name: '浙能电力', industry: '公用事业' }, { code: '600000.SH', name: '浦发银行', industry: '银行' }, { code: '601009.SH', name: '南京银行', industry: '银行' }, { code: '600426.SH', name: '华鲁恒升', industry: '基础化工' }, { code: '600886.SH', name: '国投电力', industry: '公用事业' }, { code: '600028.SH', name: '中国石化', industry: '石油石化' }, { code: '600900.SH', name: '长江电力', industry: '公用事业' }, { code: '600219.SH', name: '南山铝业', industry: '有色金属' }, { code: '600926.SH', name: '杭州银行', industry: '银行' }, { code: '601318.SH', name: '中国平安', industry: '非银金融' }, { code: '601601.SH', name: '中国太保', industry: '非银金融' }, { code: '603195.SH', name: '公牛集团', industry: '轻工制造' }, { code: '600600.SH', name: '青岛啤酒', industry: '食品饮料' }, { code: '000786.SZ', name: '北新建材', industry: '建筑材料' }
|
||
],
|
||
december: [
|
||
{ code: '601818.SH', name: '光大银行', industry: '银行' }, { code: '601988.SH', name: '中国银行', industry: '银行' }, { code: '601169.SH', name: '北京银行', industry: '银行' }, { code: '600030.SH', name: '中信银行', industry: '银行' }, { code: '601939.SH', name: '建设银行', industry: '银行' }, { code: '601838.SH', name: '成都银行', industry: '银行' }, { code: '600000.SH', name: '浦发银行', industry: '银行' }, { code: '601288.SH', name: '农业银行', industry: '银行' }, { code: '600919.SH', name: '江苏银行', industry: '银行' }, { code: '601658.SH', name: '邮储银行', industry: '银行' }, { code: '600926.SH', name: '杭州银行', industry: '银行' }, { code: '601398.SH', name: '工商银行', industry: '银行' }, { code: '002142.SZ', name: '宁波银行', industry: '银行' }, { code: '601919.SH', name: '中远海控', industry: '交通运输' }, { code: '000157.SZ', name: '中联重科', industry: '机械设备' }, { code: '000895.SZ', name: '双汇发展', industry: '食品饮料' }, { code: '600887.SH', name: '伊利股份', industry: '食品饮料' }, { code: '601898.SH', name: '中煤能源', industry: '煤炭' }, { code: '000333.SZ', name: '美的集团', industry: '家用电器' }, { code: '603260.SH', name: '合盛硅业', industry: '基础化工' }, { code: '600027.SH', name: '华电国际', industry: '公用事业' }, { code: '000568.SZ', name: '泸州老窖', industry: '食品饮料' }, { code: '601225.SH', name: '陕西煤业', industry: '煤炭' }, { code: '601618.SH', name: '中国中冶', industry: '建筑装饰' }, { code: '600674.SH', name: '川投能源', industry: '公用事业' }, { code: '000651.SZ', name: '格力电器', industry: '家用电器' }, { code: '688009.SH', name: '中国通号', industry: '机械设备' }, { code: '600900.SH', name: '长江电力', industry: '公用事业' }, { code: '603195.SH', name: '公牛集团', industry: '轻工制造' }, { code: '601601.SH', name: '中国太保', industry: '非银金融' }
|
||
]
|
||
}
|
||
}">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">量化策略跟踪：预期高股息组合</h2>
|
||
<div class="flex flex-col md:flex-row gap-6">
|
||
<div class="md:w-1/3">
|
||
<h3 class="font-semibold text-lg text-slate-200 mb-2">选股框架</h3>
|
||
<ul class="list-disc list-inside space-y-1 text-sm text-slate-300">
|
||
<li><strong>范围:</strong> 沪深300成份股。</li>
|
||
<li><strong>指标:</strong> 基于历史分红与基本面，构建两阶段“预期股息率”指标。</li>
|
||
<li><strong>筛选:</strong>
|
||
<ol class="list-decimal list-inside pl-4 mt-1">
|
||
<li>剔除停牌、涨停股。</li>
|
||
<li>剔除短期动量最高20%个股。</li>
|
||
<li>剔除单季度净利同比下滑个股。</li>
|
||
<li>选取剩余个股中预期股息率最高的30只。</li>
|
||
</ol>
|
||
</li>
|
||
<li><strong>调仓:</strong> 每月底调仓一次，等权重配置。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="md:w-2/3">
|
||
<div class="flex justify-center mb-4">
|
||
<div class="tabs tabs-boxed bg-slate-800/50">
|
||
<a class="tab" :class="{ 'tab-active': selectedMonth === 'december' }" @click="selectedMonth = 'december'">12月持仓</a>
|
||
<a class="tab" :class="{ 'tab-active': selectedMonth === 'october' }" @click="selectedMonth = 'october'">10月持仓</a>
|
||
<a class="tab" :class="{ 'tab-active': selectedMonth === 'september' }" @click="selectedMonth = 'september'">9月持仓</a>
|
||
<a class="tab" :class="{ 'tab-active': selectedMonth === 'august' }" @click="selectedMonth = 'august'">8月持仓</a>
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-2 sm:grid-cols-3 gap-2 text-xs max-h-60 overflow-y-auto scroll-gradient p-2">
|
||
<template x-for="stock in portfolios[selectedMonth]" :key="stock.code">
|
||
<div class="p-2 rounded-md bg-slate-900/50 flex flex-col justify-center items-center text-center">
|
||
<span class="font-bold text-slate-100" x-text="stock.name"></span>
|
||
<span class="text-slate-400" x-text="stock.industry"></span>
|
||
</div>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Case Studies -->
|
||
<div class="col-span-12 grid-item glass-card p-6">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">涨停复盘：高股息驱动案例</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||
<!-- Case 1 -->
|
||
<div class="border border-slate-700/50 rounded-xl p-4 space-y-2 bg-slate-800/30">
|
||
<div class="flex justify-between items-center">
|
||
<h3 class="text-lg font-bold text-sky-300">紫江企业 (600210)</h3>
|
||
<div class="badge badge-accent badge-outline">+9.95%</div>
|
||
</div>
|
||
<p class="text-sm text-slate-300"><strong class="text-slate-100">核心驱动:</strong> 中报业绩超预期(+38.7%)，叠加高股息低估值（股息率≈5%, PE仅9倍），以及子公司股权转让终止保留优质资产，三因素共振触发资金抢筹。</p>
|
||
<div class="text-xs text-slate-400">#业绩超预期 #高股息 #资产重估</div>
|
||
</div>
|
||
<!-- Case 2 -->
|
||
<div class="border border-slate-700/50 rounded-xl p-4 space-y-2 bg-slate-800/30">
|
||
<div class="flex justify-between items-center">
|
||
<h3 class="text-lg font-bold text-sky-300">江苏国泰 (002091)</h3>
|
||
<div class="badge badge-accent badge-outline">+10.0%</div>
|
||
</div>
|
||
<p class="text-sm text-slate-300"><strong class="text-slate-100">核心驱动:</strong> 公告提升未来三年分红比例至不低于40%，同时终止高风险证券投资。用“高分红承诺+聚焦主业”组合拳打消市场疑虑，触发破净高股息价值修复。</p>
|
||
<div class="text-xs text-slate-400">#分红承诺 #价值修复 #公司治理</div>
|
||
</div>
|
||
<!-- Case 3 -->
|
||
<div class="border border-slate-700/50 rounded-xl p-4 space-y-2 bg-slate-800/30">
|
||
<div class="flex justify-between items-center">
|
||
<h3 class="text-lg font-bold text-sky-300">吉比特 (603444)</h3>
|
||
<div class="badge badge-accent badge-outline">+10.0%</div>
|
||
</div>
|
||
<p class="text-sm text-slate-300"><strong class="text-slate-100">核心驱动:</strong> 三季报净利同比+307%，同时公告每10股派60元（三季报派现率74%），股息率瞬升至5.3%。《一念逍遥》获韩国版号打开海外增量空间，三线共振。</p>
|
||
<div class="text-xs text-slate-400">#业绩爆发 #超高派现 #游戏出海</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Stock Lists -->
|
||
<div class="col-span-12 grid-item glass-card p-6">
|
||
<h2 class="section-title text-2xl font-semibold mb-4 text-teal-300">核心标的池</h2>
|
||
<div class="space-y-8">
|
||
|
||
<div>
|
||
<h3 class="text-xl font-medium mb-3 sub-glow-text">高股息精选 (部分含破净)</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-sm w-full stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑/标签</th>
|
||
<th>市净率</th>
|
||
<th>实际控制人</th>
|
||
<th>流通市值</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>郴电国际</td><td><a href="https://valuefrontier.cn/company?scode=600969" target="_blank" class="link link-hover text-sky-400">600969.SH</a></td><td>电力改革；绿色电力；湖南国企改革</td><td>0.56</td><td>地方政府</td><td>20.02亿</td></tr>
|
||
<tr><td>电广传媒</td><td><a href="https://valuefrontier.cn/company?scode=000917" target="_blank" class="link link-hover text-sky-400">000917.SZ</a></td><td>网络视频；新媒体；广告营销</td><td>0.7</td><td>地方国资委</td><td>72.57亿</td></tr>
|
||
<tr><td>五矿资本</td><td><a href="https://valuefrontier.cn/company?scode=600390" target="_blank" class="link link-hover text-sky-400">600390.SH</a></td><td>信托概念；央企国企改革；高股息精选</td><td>0.48</td><td>中央国有企业</td><td>204.66亿</td></tr>
|
||
<tr><td>中联重科</td><td><a href="https://valuefrontier.cn/company?scode=000157" target="_blank" class="link link-hover text-sky-400">000157.SZ</a></td><td>高端装备；一带一路；高股息精选</td><td>0.99</td><td>无</td><td>451.81亿</td></tr>
|
||
<tr><td>华菱钢铁</td><td><a href="https://valuefrontier.cn/company?scode=000932" target="_blank" class="link link-hover text-sky-400">000932.SZ</a></td><td>特钢概念；同花顺中特估100；高股息精选</td><td>0.48</td><td>地方国资委</td><td>256.31亿</td></tr>
|
||
<tr><td>长沙银行</td><td><a href="https://valuefrontier.cn/company?scode=601577" target="_blank" class="link link-hover text-sky-400">601577.SH</a></td><td>沪股通；富时罗素概念；高股息精选</td><td>0.46</td><td>无</td><td>288.28亿</td></tr>
|
||
<tr><td>现代投资</td><td><a href="https://valuefrontier.cn/company?scode=000900" target="_blank" class="link link-hover text-sky-400">000900.SZ</a></td><td>参股券商；固废处理；银行</td><td>0.5</td><td>地方国资委</td><td>53.73亿</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-medium mb-3 sub-glow-text">高股息 + 破净 组合</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-sm w-full stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>股息率(%)</th>
|
||
<th>市净率</th>
|
||
<th>流通市值(亿)</th>
|
||
<th>主营业务</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>好想你</td><td><a href="https://valuefrontier.cn/company?scode=002582" target="_blank" class="link link-hover text-sky-400">002582</a></td><td>19.69</td><td>0.59</td><td>17</td><td>红枣和健康锁鲜食品</td></tr>
|
||
<tr><td>香江控股</td><td><a href="https://valuefrontier.cn/company?scode=600162" target="_blank" class="link link-hover text-sky-400">600162</a></td><td>11.68</td><td>0.76</td><td>45</td><td>商贸流通及家居卖场运营</td></tr>
|
||
<tr><td>兰花科创</td><td><a href="https://valuefrontier.cn/company?scode=600123" target="_blank" class="link link-hover text-sky-400">600123</a></td><td>8.74</td><td>0.79</td><td>128</td><td>煤炭、化肥生产销售</td></tr>
|
||
<tr><td>尚品宅配</td><td><a href="https://valuefrontier.cn/company?scode=300616" target="_blank" class="link link-hover text-sky-400">300616</a></td><td>8.54</td><td>0.64</td><td>17</td><td>全屋板式家具定制</td></tr>
|
||
<tr><td>上峰水泥</td><td><a href="https://valuefrontier.cn/company?scode=000672" target="_blank" class="link link-hover text-sky-400">000672</a></td><td>6.19</td><td>0.72</td><td>62</td><td>水泥熟料、混凝土</td></tr>
|
||
<tr><td>宝钢股份</td><td><a href="https://valuefrontier.cn/company?scode=600019" target="_blank" class="link link-hover text-sky-400">600019</a></td><td>5.14</td><td>0.66</td><td>1320</td><td>钢铁业及相关加工配送</td></tr>
|
||
<tr><td>中国石化</td><td><a href="https://valuefrontier.cn/company?scode=600028" target="_blank" class="link link-hover text-sky-400">600028</a></td><td>5.12</td><td>0.99</td><td>6421</td><td>石油及天然气和化工业务</td></tr>
|
||
<tr><td>保利发展</td><td><a href="https://valuefrontier.cn/company?scode=600048" target="_blank" class="link link-hover text-sky-400">600048</a></td><td>4.97</td><td>0.5</td><td>978</td><td>房地产开发与销售、物业服务</td></tr>
|
||
<tr><td>海螺水泥</td><td><a href="https://valuefrontier.cn/company?scode=600585" target="_blank" class="link link-hover text-sky-400">600585</a></td><td>4.57</td><td>0.6</td><td>837</td><td>水泥、商品熟料生产销售</td></tr>
|
||
<tr><td>南山铝业</td><td><a href="https://valuefrontier.cn/company?scode=600219" target="_blank" class="link link-hover text-sky-400">600219</a></td><td>3.1</td><td>0.93</td><td>452</td><td>完整铝加工产业链</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-medium mb-3 sub-glow-text">煤炭行业高股息池</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-sm w-full stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>Q2年化股息率(%)</th>
|
||
<th>H1净利润(亿)</th>
|
||
<th>H1同比</th>
|
||
<th>总市值(亿)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>山煤国际</td><td><a href="https://valuefrontier.cn/company?scode=600546" target="_blank" class="link link-hover text-sky-400">600546.SH</a></td><td>7.0%</td><td>12.9</td><td class="text-red-400">-57.8%</td><td>243</td></tr>
|
||
<tr><td>兖矿能源</td><td><a href="https://valuefrontier.cn/company?scode=600188" target="_blank" class="link link-hover text-sky-400">600188.SH</a></td><td>7.0%</td><td>75.7</td><td class="text-red-400">-25.9%</td><td>1247</td></tr>
|
||
<tr><td>平煤股份</td><td><a href="https://valuefrontier.cn/company?scode=601666" target="_blank" class="link link-hover text-sky-400">601666.SH</a></td><td>6.9%</td><td>13.9</td><td class="text-red-400">-37.7%</td><td>228</td></tr>
|
||
<tr><td>兰花科创</td><td><a href="https://valuefrontier.cn/company?scode=600123" target="_blank" class="link link-hover text-sky-400">600123.SH</a></td><td>6.9%</td><td>5.5</td><td class="text-red-400">-59.5%</td><td>127</td></tr>
|
||
<tr><td>苏能股份</td><td><a href="https://valuefrontier.cn/company?scode=600925" target="_blank" class="link link-hover text-sky-400">600925.SH</a></td><td>6.7%</td><td>9.4</td><td class="text-red-400">-35.7%</td><td>353</td></tr>
|
||
<tr><td>昊华能源</td><td><a href="https://valuefrontier.cn/company?scode=601101" target="_blank" class="link link-hover text-sky-400">601101.SH</a></td><td>6.0%</td><td>8.6</td><td class="text-green-400">+21.3%</td><td>131</td></tr>
|
||
<tr><td>山西焦煤</td><td><a href="https://valuefrontier.cn/company?scode=000983" target="_blank" class="link link-hover text-sky-400">000983.SZ</a></td><td>5.9%</td><td>19.7</td><td class="text-red-400">-56.5%</td><td>459</td></tr>
|
||
<tr><td>陕西煤业</td><td><a href="https://valuefrontier.cn/company?scode=601225" target="_blank" class="link link-hover text-sky-400">601225.SH</a></td><td>5.8%</td><td>105.6</td><td class="text-red-400">-8.8%</td><td>2458</td></tr>
|
||
<tr><td>中国神华</td><td><a href="https://valuefrontier.cn/company?scode=601088" target="_blank" class="link link-hover text-sky-400">601088.SH</a></td><td>5.2%</td><td>295.0</td><td class="text-red-400">-11.3%</td><td>7834</td></tr>
|
||
<tr><td>中煤能源</td><td><a href="https://valuefrontier.cn/company?scode=601898" target="_blank" class="link link-hover text-sky-400">601898.SH</a></td><td>4.5%</td><td>97.9</td><td class="text-red-400">-17.3%</td><td>1604</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-medium mb-3 sub-glow-text">公用事业 & 电力高股息池</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-sm w-full stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>细分领域</th>
|
||
<th>A/H/SZ</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>华能国际</td><td><a href="https://valuefrontier.cn/company?scode=600011" target="_blank" class="link link-hover text-sky-400">600011.SH</a></td><td>火电</td><td>A股</td></tr>
|
||
<tr><td>华电国际</td><td><a href="https://valuefrontier.cn/company?scode=600027" target="_blank" class="link link-hover text-sky-400">600027.SH</a></td><td>火电</td><td>A股</td></tr>
|
||
<tr><td>华润电力</td><td>0836.HK</td><td>火电</td><td>港股</td></tr>
|
||
<tr><td>长江电力</td><td><a href="https://valuefrontier.cn/company?scode=600900" target="_blank" class="link link-hover text-sky-400">600900.SH</a></td><td>水电</td><td>A股</td></tr>
|
||
<tr><td>国投电力</td><td><a href="https://valuefrontier.cn/company?scode=600886" target="_blank" class="link link-hover text-sky-400">600886.SH</a></td><td>水电</td><td>A股</td></tr>
|
||
<tr><td>中国广核</td><td><a href="https://valuefrontier.cn/company?scode=003816" target="_blank" class="link link-hover text-sky-400">003816.SZ</a></td><td>核电</td><td>A股</td></tr>
|
||
<tr><td>中国核电</td><td><a href="https://valuefrontier.cn/company?scode=601985" target="_blank" class="link link-hover text-sky-400">601985.SH</a></td><td>核电</td><td>A股</td></tr>
|
||
<tr><td>新奥股份</td><td><a href="https://valuefrontier.cn/company?scode=600803" target="_blank" class="link link-hover text-sky-400">600803.SH</a></td><td>燃气</td><td>A股</td></tr>
|
||
<tr><td>北京控股</td><td>0392.HK</td><td>燃气</td><td>港股</td></tr>
|
||
<tr><td>中国神华</td><td><a href="https://valuefrontier.cn/company?scode=601088" target="_blank" class="link link-hover text-sky-400">601088.SH</a></td><td>煤电一体化</td><td>A股</td></tr>
|
||
<tr><td>电投能源</td><td><a href="https://valuefrontier.cn/company?scode=002128" target="_blank" class="link link-hover text-sky-400">002128.SZ</a></td><td>煤电一体化</td><td>A股</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
// ECharts Initialization
|
||
var chartDom = document.getElementById('yield-spread-chart');
|
||
var myChart = echarts.init(chartDom, 'dark'); // Use 'dark' theme
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
label: {
|
||
backgroundColor: '#6a7985'
|
||
}
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['银行股息率', '十年期国债利率', '利差'],
|
||
textStyle: { color: '#e2e8f0' }
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: ['2022-12-30', '当前'],
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
axisLabel: { formatter: '{value} %' },
|
||
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } },
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: '银行股息率',
|
||
type: 'line',
|
||
smooth: true,
|
||
lineStyle: { color: '#2dd4bf' },
|
||
itemStyle: { color: '#2dd4bf' },
|
||
areaStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
offset: 0,
|
||
color: 'rgba(45, 212, 191, 0.5)'
|
||
}, {
|
||
offset: 1,
|
||
color: 'rgba(45, 212, 191, 0)'
|
||
}])
|
||
},
|
||
data: [5.67, 4.89]
|
||
},
|
||
{
|
||
name: '十年期国债利率',
|
||
type: 'line',
|
||
smooth: true,
|
||
lineStyle: { color: '#60a5fa' },
|
||
itemStyle: { color: '#60a5fa' },
|
||
areaStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
offset: 0,
|
||
color: 'rgba(96, 165, 250, 0.5)'
|
||
}, {
|
||
offset: 1,
|
||
color: 'rgba(96, 165, 250, 0)'
|
||
}])
|
||
},
|
||
data: [2.84, 1.72]
|
||
},
|
||
{
|
||
name: '利差',
|
||
type: 'bar',
|
||
barWidth: '50%',
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
offset: 0,
|
||
color: 'rgba(238, 203, 11, 0.6)'
|
||
}, {
|
||
offset: 1,
|
||
color: 'rgba(238, 203, 11, 0.2)'
|
||
}])
|
||
},
|
||
data: [2.83, 3.17]
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
</script>
|
||
</body>
|
||
|
||
</html> |