Files
vf_react/public/htmls/高送转概念股.html
2025-12-05 13:29:18 +08:00

510 lines
33 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.10.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&family=Oxanium:wght@300;400;600;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #0c0a09;
background-image:
radial-gradient(circle at 10% 10%, rgba(147, 51, 234, 0.1) 0%, transparent 30%),
radial-gradient(circle at 80% 90%, rgba(59, 130, 246, 0.1) 0%, transparent 40%),
radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.05) 0%, transparent 25%);
background-attachment: fixed;
overflow-x: hidden;
}
.font-fui {
font-family: 'Oxanium', sans-serif;
}
.glass-card {
background: rgba(17, 24, 39, 0.6);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 极致圆角 */
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 40px rgba(59, 130, 246, 0.3), 0 0 20px rgba(147, 51, 234, 0.2);
border-color: rgba(59, 130, 246, 0.5);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
}
.grid-col-span-1 { grid-column: span 1 / span 1; }
.grid-col-span-2 { grid-column: span 2 / span 2; }
.grid-col-span-3 { grid-column: span 3 / span 3; }
.grid-col-span-4 { grid-column: span 4 / span 4; }
.grid-col-span-5 { grid-column: span 5 / span 5; }
.grid-col-span-6 { grid-column: span 6 / span 6; }
.grid-row-span-1 { grid-row: span 1 / span 1; }
.grid-row-span-2 { grid-row: span 2 / span 2; }
.grid-row-span-3 { grid-row: span 3 / span 3; }
}
.section-title {
@apply text-2xl font-fui font-bold text-cyan-300 mb-4 border-l-4 border-cyan-400 pl-4;
text-shadow: 0 0 8px rgba(56, 189, 248, 0.7);
}
.content-text {
@apply text-gray-300 text-base leading-relaxed;
}
.table th, .table td {
border-color: rgba(255, 255, 255, 0.15) !important;
}
.table th {
@apply text-base text-info;
}
.highlight-text {
@apply text-purple-400 font-semibold;
}
.glowing-border {
position: relative;
overflow: hidden;
}
.glowing-border::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 1.5rem;
border: 1px solid transparent;
background: linear-gradient(120deg, rgba(59, 130, 246, 0.7), rgba(147, 51, 234, 0.7)) border-box;
-webkit-mask:
linear-gradient(#fff 0 0) padding-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}
.glass-card:hover .glowing-border::before {
opacity: 1;
}
</style>
</head>
<body class="text-gray-200 antialiased">
<div class="container mx-auto p-4 md:p-8">
<header class="text-center mb-12">
<h1 class="text-5xl md:text-6xl font-fui font-bold tracking-widest bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-500 animate-pulse">
高送转概念股
</h1>
<p class="mt-4 text-lg text-gray-400">Deep Dive Research Report</p>
</header>
<main class="space-y-12">
<!-- Bento Grid Layout -->
<div class="bento-grid">
<!-- 核心观点摘要 -->
<div class="glass-card p-8 grid-col-span-6 lg:grid-col-span-4 glowing-border">
<h2 class="section-title">核心观点摘要</h2>
<p class="content-text">
高送转概念是A股市场中“价值信号”与“投机情绪”的混合体当前正处于由龙头公司比亚迪引爆的<strong class="highlight-text">高热度投机阶段</strong>。其核心驱动力源于市场对公司高成长信心的解读与对股价降低后流动性溢价的追逐。未来,该概念的价值将出现分化:一部分由业绩驱动的“真成长”公司将走出填权行情,而另一部分仅为迎合市场炒作的“伪成长”公司则面临巨大风险。
</p>
</div>
<!-- 近期引爆点 -->
<div class="glass-card p-8 grid-col-span-6 lg:grid-col-span-2 glowing-border">
<h2 class="section-title">近期引爆点</h2>
<div class="content-text space-y-2">
<p><strong class="text-blue-300">时间:</strong>2025年4月22日晚间</p>
<p><strong class="text-blue-300">事件:</strong>行业龙头<strong class="highlight-text">比亚迪</strong>发布超预期分红送转方案,拟“<strong class="highlight-text">10送8转12</strong>”,并进行大额现金分红。</p>
<p><strong class="text-blue-300">市场反应:</strong>4月23日比亚迪开盘大涨6%,点燃整个板块,科拜尔、新铝时代等多股涨停。</p>
</div>
</div>
<!-- 核心逻辑与市场认知 -->
<div class="glass-card p-8 grid-col-span-6 glowing-border">
<h2 class="section-title">概念的核心逻辑与市场认知</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 content-text">
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-3">双重驱动力</h3>
<p class="mb-2"><strong class="text-green-400">价值信号逻辑:</strong>对于优质公司,高送转是传递未来增长信心的“信号弹”。其基础是良好的盈利能力、充裕的自由现金流及分红意愿。比亚迪<strong class="highlight-text">年净利润同比+34%</strong>的业绩,为其豪华方案提供了坚实基础。</p>
<p><strong class="text-red-400">投机驱动逻辑:</strong>通过送转降低绝对股价,制造“股票便宜”的错觉,吸引资金参与,以达到市值管理或配合股东减持的目的。大量业绩下滑甚至亏损公司(如<strong class="highlight-text">因赛集团净利-208.32%</strong>)依然高送转,印证了纯粹的题材炒作逻辑。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-sky-300 mb-3">预期差分析</h3>
<p class="mb-2"><strong class="text-amber-400">核心预期差:</strong>市场普遍将“高送转”简单等同于“利好”,而忽略了其背后的业绩支撑。这是市场认知与基本面现实之间最大的鸿沟。</p>
<p class="mb-2"><strong class="text-amber-400">被忽略的关键点:</strong>高送转本身不创造价值,只是股东权益内部调整。市场的狂热完全建立在后续“填权”的预期上,而这一预期并无保证。同时,历史上监管曾多次对无业绩支撑的高送转进行限制,市场可能低估了未来的<strong class="highlight-text">监管风险</strong></p>
</div>
</div>
</div>
<!-- ECharts: 业绩与送转匹配度 -->
<div class="glass-card p-8 grid-col-span-6 glowing-border">
<h2 class="section-title">已公告公司业绩增长情况一览</h2>
<p class="content-text mb-4">高送转方案背后,公司业绩表现良莠不齐,真实价值与投机风险并存。下图直观展示了已公告高送转方案公司的净利润同比增长率,揭示了“价值信号”与“纯粹炒作”的巨大差异。</p>
<div id="performanceChart" style="width: 100%; height: 450px;"></div>
</div>
<!-- 产业链生态与核心公司 -->
<div class="glass-card p-8 grid-col-span-6 lg:grid-col-span-3 grid-row-span-2 glowing-border">
<h2 class="section-title">生态圈图谱与核心玩家</h2>
<ul class="steps steps-vertical content-text">
<li class="step step-primary">
<div class="text-left ml-4">
<h4 class="font-bold text-lg">上游:潜力池</h4>
<p>具备“三高”特征:高每股资本公积、高每股未分配利润、高成长性。<br><strong>代表:</strong> <strong class="highlight-text">义翘神州</strong> (每股公积35.78元), <strong class="highlight-text">吉比特</strong> (每股未分配利润46.64元)</p>
</div>
</li>
<li class="step step-primary">
<div class="text-left ml-4">
<h4 class="font-bold text-lg">中游:实施者</h4>
<p>已公告方案的公司,市场焦点所在,可分为三类。</p>
</div>
</li>
<li class="step step-accent">
<div class="text-left ml-4">
<h4 class="font-bold text-lg text-green-400">绩优龙头型</h4>
<p><strong class="highlight-text">比亚迪</strong>: 净利+34%,高送转是价值信号。</p>
</div>
</li>
<li class="step step-accent">
<div class="text-left ml-4">
<h4 class="font-bold text-lg text-yellow-400">稳健成长型</h4>
<p><strong class="highlight-text">上海沿浦</strong>: 净利+50.31%,业绩与方案匹配。</p>
</div>
</li>
<li class="step step-error">
<div class="text-left ml-4">
<h4 class="font-bold text-lg text-red-400">业绩下滑型</h4>
<p><strong class="highlight-text">因赛集团</strong>: 净利-208.32%,与基本面严重背离,投机驱动。</p>
</div>
</li>
<li class="step">
<div class="text-left ml-4">
<h4 class="font-bold text-lg">下游:市场参与者</h4>
<p>价值投资者、趋势交易者和散户投资者。</p>
</div>
</li>
</ul>
</div>
<!-- 潜在风险 -->
<div class="glass-card p-8 grid-col-span-6 lg:grid-col-span-3 glowing-border">
<h2 class="section-title">潜在风险与挑战</h2>
<ul class="space-y-4 content-text list-disc list-inside">
<li><strong class="text-red-400">价值陷阱风险:</strong>最大的风险在于投资者将所有高送转都视为利好,买入基本面恶化的公司,导致在题材退潮后股价大幅下跌,陷入长期“贴权”。</li>
<li><strong class="text-orange-400">监管政策风险:</strong>证监会曾多次出台规定,严格限制利用高送转配合股东减持等行为。若本轮炒作热度过高,不排除监管层再次出台降温措施。</li>
<li><strong class="text-yellow-400">“填权”失败风险:</strong>收益实现依赖于除权后的“填权”行情。若公司后续业绩无法兑现、市场环境转弱,股价无法回升,参与抢权的投资者将实际亏损。</li>
<li><strong class="text-blue-300">信息交叉验证风险:</strong>路演数据中存在明显错误(如军信股份股息率),提醒投资者需对二手信息进行交叉核验,警惕信息失真。</li>
</ul>
</div>
<!-- 投资启示 -->
<div class="glass-card p-8 grid-col-span-6 lg:grid-col-span-3 glowing-border">
<h2 class="section-title">投资启示与策略</h2>
<p class="content-text mb-4">最具价值的策略并非追高,而是<strong class="highlight-text">提前布局具备高送转潜力的“准高送转股”</strong>。筛选标准应严格遵循价值逻辑:</p>
<ol class="space-y-3 content-text list-decimal list-inside">
<li><strong class="text-cyan-300">财务硬门槛:</strong>高每股资本公积(>5元) + 高每股未分配利润(>5元)。</li>
<li><strong class="text-cyan-300">成长性验证:</strong>近两年净利润复合增长率 > 20%,且最新季度业绩无下滑。</li>
<li><strong class="text-cyan-300">现金流健康:</strong>经营性现金流净额为正,且能覆盖当期净利润。</li>
<li><strong class="text-cyan-300">股本与股价:</strong>总股本较小、股价较高的次新股,有更强的扩张需求。</li>
</ol>
</div>
</div>
<!-- 股票数据表格 -->
<section id="stock-data" class="space-y-10">
<h2 class="text-4xl font-fui text-center tracking-widest text-transparent bg-clip-text bg-gradient-to-r from-sky-300 to-indigo-400">核心关联标的</h2>
<!-- 已公告高送转方案 -->
<div class="glass-card p-6 md:p-8">
<h3 class="section-title">已公告高送转方案</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>送转方案</th>
<th>业绩增长 (净利润同比)</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-purple-900/30"><td>比亚迪</td><td><a href="https://valuefrontier.cn/company?scode=002594" target="_blank" class="link link-hover link-primary">002594</a></td><td>每10股送8股转12股派39.74元</td><td class="text-success font-bold">+34.00%</td></tr>
<tr class="hover:bg-purple-900/30"><td>道通科技</td><td><a href="https://valuefrontier.cn/company?scode=688208" target="_blank" class="link link-hover link-primary">688208</a></td><td>每10股转4.9股派5元</td><td class="text-success font-bold">+257.59%</td></tr>
<tr class="hover:bg-purple-900/30"><td>林泰新材</td><td>920106</td><td>每10股转4股派6元</td><td class="text-success font-bold">+64.78%</td></tr>
<tr class="hover:bg-purple-900/30"><td>上海沿浦</td><td><a href="https://valuefrontier.cn/company?scode=605128" target="_blank" class="link link-hover link-primary">605128</a></td><td>每10股转4.9股派3.88元</td><td class="text-success font-bold">+50.31%</td></tr>
<tr class="hover:bg-purple-900/30"><td>指南针</td><td><a href="https://valuefrontier.cn/company?scode=300803" target="_blank" class="link link-hover link-primary">300803</a></td><td>每10股转4.5股</td><td class="text-success font-bold">+43.50%</td></tr>
<tr class="hover:bg-purple-900/30"><td>星图测控</td><td>920116</td><td>每10股转4股派1.49元</td><td class="text-success font-bold">+35.68%</td></tr>
<tr class="hover:bg-purple-900/30"><td>欧康医药</td><td>920230</td><td>每10股转3股派1元</td><td class="text-success font-bold">+34.62%</td></tr>
<tr class="hover:bg-purple-900/30"><td>德源药业</td><td>920735</td><td>每10股转5股派4.6元</td><td class="text-success font-bold">+28.26%</td></tr>
<tr class="hover:bg-purple-900/30"><td>嘉诚国际</td><td><a href="https://valuefrontier.cn/company?scode=603535" target="_blank" class="link link-hover link-primary">603535</a></td><td>每10股转4.8股派0.9元</td><td class="text-success font-bold">+24.53%</td></tr>
<tr class="hover:bg-purple-900/30"><td>达梦数据</td><td><a href="https://valuefrontier.cn/company?scode=688692" target="_blank" class="link link-hover link-primary">688692</a></td><td>每10股转4.9股</td><td class="text-success font-bold">+22.22%</td></tr>
<tr class="hover:bg-purple-900/30"><td>科拜尔</td><td>920066</td><td>每10股转4股派1元</td><td class="text-success font-bold">+7.25%</td></tr>
<tr class="hover:bg-purple-900/30"><td>同星科技</td><td><a href="https://valuefrontier.cn/company?scode=301252" target="_blank" class="link link-hover link-primary">301252</a></td><td>每10股转4.5股派2.5元</td><td class="text-success font-bold">+6.19%</td></tr>
<tr class="hover:bg-purple-900/30"><td>翔楼新材</td><td><a href="https://valuefrontier.cn/company?scode=301160" target="_blank" class="link link-hover link-primary">301160</a></td><td>每10股转4.5股派10元</td><td class="text-success font-bold">+3.10%</td></tr>
<tr class="hover:bg-purple-900/30"><td>中科星图</td><td><a href="https://valuefrontier.cn/company?scode=688568" target="_blank" class="link link-hover link-primary">688568</a></td><td>每10股转4.9股派1.3元</td><td class="text-success font-bold">+2.67%</td></tr>
<tr class="hover:bg-purple-900/30"><td>新铝时代</td><td><a href="https://valuefrontier.cn/company?scode=301613" target="_blank" class="link link-hover link-primary">301613</a></td><td>每10股转5股派10元</td><td class="text-success font-bold">+1.99%</td></tr>
<tr class="hover:bg-purple-900/30"><td>唯特偶</td><td><a href="https://valuefrontier.cn/company?scode=301319" target="_blank" class="link link-hover link-primary">301319</a></td><td>每10股转4.5股派8元</td><td class="text-error font-bold">-12.53%</td></tr>
<tr class="hover:bg-purple-900/30"><td>兆丰股份</td><td><a href="https://valuefrontier.cn/company?scode=300695" target="_blank" class="link link-hover link-primary">300695</a></td><td>每10转4.5股派2.1元</td><td class="text-error font-bold">-23.94%</td></tr>
<tr class="hover:bg-purple-900/30"><td>武汉蓝电</td><td>920779</td><td>每10股转4股派10元</td><td class="text-error font-bold">-25.93%</td></tr>
<tr class="hover:bg-purple-900/30"><td>科林电气</td><td><a href="https://valuefrontier.cn/company?scode=603050" target="_blank" class="link link-hover link-primary">603050</a></td><td>每10股转4.8股派2元</td><td class="text-error font-bold">-40.54%</td></tr>
<tr class="hover:bg-purple-900/30"><td>因赛集团</td><td><a href="https://valuefrontier.cn/company?scode=300781" target="_blank" class="link link-hover link-primary">300781</a></td><td>每10股转4.9股</td><td class="text-error font-bold">-208.32%</td></tr>
</tbody>
</table>
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-10">
<!-- 高送转潜力股 -->
<div class="glass-card p-6 md:p-8">
<h3 class="section-title">高送转潜力股</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-purple-900/30"><td>义翘神州</td><td><a href="https://valuefrontier.cn/company?scode=301047" target="_blank" class="link link-hover link-primary">301047</a></td><td>每股资本公积35.78元 (排名第一)</td></tr>
<tr class="hover:bg-purple-900/30"><td>吉比特</td><td><a href="https://valuefrontier.cn/company?scode=603444" target="_blank" class="link link-hover link-primary">603444</a></td><td>每股未分配利润46.64元 (排名第一)</td></tr>
<tr class="hover:bg-purple-900/30"><td>派能科技</td><td><a href="https://valuefrontier.cn/company?scode=688063" target="_blank" class="link link-hover link-primary">688063</a></td><td>每股资本公积30.46元 (排名第二)</td></tr>
<tr class="hover:bg-purple-900/30"><td>硕世生物</td><td><a href="https://valuefrontier.cn/company?scode=688399" target="_blank" class="link link-hover link-primary">688399</a></td><td>每股未分配利润44.27元 (排名第二)</td></tr>
<tr class="hover:bg-purple-900/30"><td>石头科技</td><td><a href="https://valuefrontier.cn/company?scode=688169" target="_blank" class="link link-hover link-primary">688169</a></td><td>每股资本公积28.26元, 每股未分配利润40.62元</td></tr>
<tr class="hover:bg-purple-900/30"><td>极米科技</td><td><a href="https://valuefrontier.cn/company?scode=688696" target="_blank" class="link link-hover link-primary">688696</a></td><td>每股资本公积27.69元</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 历史高送转妖股 -->
<div class="glass-card p-6 md:p-8">
<h3 class="section-title">历史高送转妖股</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>方案</th>
<th>历史最高涨幅</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-purple-900/30"><td>煌上煌</td><td><a href="https://valuefrontier.cn/company?scode=002695" target="_blank" class="link link-hover link-primary">002695</a></td><td>10送5转25派1.25</td><td class="text-warning font-bold">~500%</td></tr>
<tr class="hover:bg-purple-900/30"><td>超频三</td><td><a href="https://valuefrontier.cn/company?scode=300647" target="_blank" class="link link-hover link-primary">300647</a></td><td>10转8派1</td><td class="text-warning font-bold">~400%</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 涨幅异动深度解析 -->
<div class="glass-card p-6 md:p-8">
<h3 class="section-title">涨幅异动深度解析</h3>
<div class="space-y-6" x-data="{ open: '海通发展' }">
<div class="join join-vertical w-full">
<div class="collapse collapse-arrow join-item border border-base-300">
<input type="radio" name="rise-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium">
玉马科技 (300993) - 业绩超预期 + 高送转
</div>
<div class="collapse-content">
<p class="content-text"><strong>核心结论:</strong> 8月8日晚披露的2025H1业绩超预期净利+128.4%+“10转5派3”高送转方案形成强力共振资金抢筹涨停。<br><strong>驱动逻辑:</strong> “业绩+送转”是半年报窗口期资金偏好的黄金组合。公司营收与净利均创上市以来同期最高增速且70%收入来自欧美跨境电商,直接受益于出口退税新政,基本面扎实。高送转方案进一步点燃市场情绪。</p>
</div>
</div>
<div class="collapse collapse-arrow join-item border border-base-300">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">
海通发展 (603162) - 抢权窗口 + 行业景气
</div>
<div class="collapse-content">
<p class="content-text"><strong>核心结论:</strong> “10转4派0.3元”高送转方案披露叠加BDI指数单周跳涨18%,形成“基本面高增+抢权窗口”共振,机构席位抢筹。<br><strong>驱动逻辑:</strong> 公司主营干散货运输,运价弹性直接兑现业绩。在行业景气度飙升的背景下,首次高比例送转触发了强烈的抢权行情,三因子(高送转、运价、区域主题)共振驱动涨停。</p>
</div>
</div>
<div class="collapse collapse-arrow join-item border border-base-300">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">
久祺股份 (300994) - 业绩爆发 + 高送转
</div>
<div class="collapse-content">
<p class="content-text"><strong>核心结论:</strong> 中报业绩大超预期(净利+218%并同步推出“10转5派2”高送转触发资金抢筹。<br><strong>驱动逻辑:</strong> 业绩是核心驱动力。E-Bike电助力自行车出口爆发带动公司毛利率和净利润大幅提升。高送转方案是对业绩拐点的确认和强化吸引了对成长性敏感的资金。</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="mt-16 text-center text-gray-500 text-sm">
<p>由北京价值前沿科技有限公司 AI投研agent“价小前投研”进行投研呈现。</p>
<p class="mt-2">免责声明本报告由AI基于公开数据合成所有内容仅供参考不构成任何投资建议。投资有风险入市需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const chartDom = document.getElementById('performanceChart');
const myChart = echarts.init(chartDom);
// 从JSON数据中提取和处理
const stockData = [
{"stock": "比亚迪", "growth": 34},
{"stock": "兆丰股份", "growth": -23.94},
{"stock": "唯特偶", "growth": -12.53},
{"stock": "指南针", "growth": 43.5},
{"stock": "翔楼新材", "growth": 3.1},
{"stock": "同星科技", "growth": 6.19},
{"stock": "科拜尔", "growth": 7.25},
{"stock": "嘉诚国际", "growth": 24.53},
{"stock": "科林电气", "growth": -40.54},
{"stock": "达梦数据", "growth": 22.22},
{"stock": "上海沿浦", "growth": 50.31},
{"stock": "新铝时代", "growth": 1.99},
{"stock": "因赛集团", "growth": -208.32},
{"stock": "林泰新材", "growth": 64.78},
{"stock": "道通科技", "growth": 257.59},
{"stock": "中科星图", "growth": 2.67},
{"stock": "德源药业", "growth": 28.26},
{"stock": "星图测控", "growth": 35.68},
{"stock": "欧康医药", "growth": 34.62},
{"stock": "武汉蓝电", "growth": -25.93}
].sort((a, b) => b.growth - a.growth); // 按增长率降序排列
const chartData = {
categories: stockData.map(item => item.stock),
values: stockData.map(item => item.growth)
};
const option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{b}<br/>净利润同比增长: {c}%',
backgroundColor: 'rgba(23, 31, 46, 0.8)',
borderColor: '#525c7a',
textStyle: {
color: '#d1d5db'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: chartData.categories,
axisTick: {
alignWithLabel: true
},
axisLabel: {
color: '#9ca3af',
rotate: 45,
interval: 0
},
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.2)'
}
}
},
yAxis: {
type: 'value',
axisLabel: {
color: '#9ca3af',
formatter: '{value}%'
},
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.2)'
}
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
}
},
visualMap: {
show: false,
min: -210,
max: 260,
dimension: 0,
inRange: {
color: ['#ef4444', '#f97316', '#a3e635', '#22c55e']
},
seriesIndex: 0
},
series: [{
name: '业绩增长',
type: 'bar',
barWidth: '60%',
data: chartData.values.map(value => ({
value: value,
itemStyle: {
color: value >= 0 ?
(value > 50 ? '#22c55e' : '#a3e635') :
(value < -50 ? '#b91c1c' : '#ef4444')
}
})),
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
};
myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>