469 lines
34 KiB
HTML
469 lines
34 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>
|
||
|
||
<!-- Frameworks & Libraries -->
|
||
<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.x.x/dist/cdn.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700&display=swap" rel="stylesheet">
|
||
|
||
<style>
|
||
:root {
|
||
--glow-color-1: rgba(0, 225, 255, 0.4);
|
||
--glow-color-2: rgba(168, 85, 247, 0.4);
|
||
}
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background-color: #020010;
|
||
background-image:
|
||
radial-gradient(circle at 10% 10%, rgba(100, 116, 139, 0.1) 0%, transparent 30%),
|
||
radial-gradient(circle at 80% 90%, rgba(100, 116, 139, 0.1) 0%, transparent 30%);
|
||
color: #e2e8f0;
|
||
}
|
||
|
||
@keyframes subtle-pan {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
|
||
.animated-background {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
z-index: -1;
|
||
background:
|
||
radial-gradient(ellipse 40% 60% at 20% 25%, var(--glow-color-1), transparent),
|
||
radial-gradient(ellipse 40% 60% at 80% 70%, var(--glow-color-2), transparent),
|
||
#020010;
|
||
background-size: 200% 200%;
|
||
animation: subtle-pan 30s ease-in-out infinite;
|
||
filter: blur(100px);
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(15, 23, 42, 0.5); /* bg-slate-900/50 */
|
||
backdrop-filter: blur(24px);
|
||
-webkit-backdrop-filter: blur(24px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 1.5rem; /* rounded-3xl */
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(30, 41, 59, 0.6); /* bg-slate-800/60 */
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.glow-border {
|
||
position: relative;
|
||
}
|
||
|
||
.glow-border::before {
|
||
content: '';
|
||
position: absolute;
|
||
inset: -1px;
|
||
border-radius: 1.5rem; /* Matching border-radius */
|
||
background: conic-gradient(from 180deg at 50% 50%, var(--glow-color-1), var(--glow-color-2), var(--glow-color-1));
|
||
filter: blur(16px);
|
||
opacity: 0.5;
|
||
z-index: -1;
|
||
transition: opacity 0.3s ease;
|
||
}
|
||
|
||
.glow-border:hover::before {
|
||
opacity: 0.8;
|
||
}
|
||
|
||
h1, h2, h3 {
|
||
font-family: 'Orbitron', sans-serif;
|
||
text-shadow: 0 0 8px rgba(0, 225, 255, 0.3);
|
||
}
|
||
|
||
h2 {
|
||
font-size: 1.875rem; /* text-3xl */
|
||
letter-spacing: 0.05em;
|
||
color: #93c5fd; /* text-blue-300 */
|
||
border-left: 3px solid #22d3ee; /* border-cyan-400 */
|
||
padding-left: 1rem;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 1.25rem;
|
||
}
|
||
.bento-item {
|
||
padding: 1.5rem;
|
||
min-height: 200px;
|
||
}
|
||
@media (max-width: 1024px) {
|
||
.bento-grid { grid-template-columns: repeat(2, 1fr); }
|
||
}
|
||
@media (max-width: 768px) {
|
||
.bento-grid { grid-template-columns: 1fr; }
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="min-h-screen">
|
||
<div class="animated-background"></div>
|
||
|
||
<div x-data="conceptData" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-20">
|
||
|
||
<header class="text-center mb-16">
|
||
<h1 class="text-5xl md:text-7xl font-bold tracking-wider text-transparent bg-clip-text bg-gradient-to-r from-cyan-300 to-purple-400">
|
||
参股基金概念
|
||
</h1>
|
||
<p class="mt-4 text-xl text-slate-400">深度投研报告</p>
|
||
</header>
|
||
|
||
<!-- Bento Grid Section -->
|
||
<section class="mb-16">
|
||
<div class="bento-grid">
|
||
<div class="glass-card bento-item col-span-4 lg:col-span-2 row-span-2 flex flex-col justify-between">
|
||
<div>
|
||
<h3 class="text-2xl font-bold mb-4 text-cyan-300">核心观点摘要</h3>
|
||
<p class="text-slate-300 leading-relaxed">
|
||
“参股基金”概念本质上是实体企业（产业资本）和金融机构利用股权投资基金作为杠杆，实现 <strong class="text-cyan-400">战略卡位</strong> 与 <strong class="text-purple-400">价值发现</strong> 的双重叙事。当前，该概念正从纯粹的题材炒作阶段向基本面验证与分化阶段过渡。其核心驱动力源于国家战略引导下的“硬科技”投资需求与上市公司自身外延式增长的内在冲动。
|
||
</p>
|
||
</div>
|
||
<p class="text-slate-300 leading-relaxed mt-4">未来潜力在于能否将“间接持股”的题材性转化为“产业协同”的真实价值。</p>
|
||
</div>
|
||
|
||
<div class="glass-card bento-item col-span-4 lg:col-span-2">
|
||
<h3 class="text-xl font-bold mb-3 text-cyan-300">概念事件脉络</h3>
|
||
<ul class="space-y-2 text-sm text-slate-400">
|
||
<li><strong class="text-slate-200">政策奠基 (24.07-10):</strong> 沪、粤、藏等地密集出台政策，鼓励设立各类产业基金。</li>
|
||
<li><strong class="text-slate-200">国家队入场 (24.12-25.01):</strong> 大基金三期成立超千亿参股基金，与国家战略深度绑定。</li>
|
||
<li><strong class="text-slate-200">市场发酵 (贯穿全年):</strong> 上市公司密集披露参股动态，追踪机器人、半导体等热点。</li>
|
||
<li><strong class="text-slate-200">业绩验证 (财报季):</strong> 市场关注点开始向量化财务回报转移。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="glass-card bento-item col-span-4 lg:col-span-2">
|
||
<h3 class="text-xl font-bold mb-3 text-cyan-300">三大核心驱动力</h3>
|
||
<ul class="space-y-2 text-sm text-slate-400">
|
||
<li><strong>政策驱动:</strong> 国家战略意志的资本化体现，以“大基金三期”为代表。</li>
|
||
<li><strong>产业驱动:</strong> 传统产业资本的“转型焦虑”与“创新捷径”。</li>
|
||
<li><strong>市场驱动:</strong> 资本市场的“价值重估”放大器，将一级市场预期映射至二级市场。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Main Content Sections -->
|
||
<main class="space-y-16">
|
||
|
||
<section class="glass-card glow-border p-6 md:p-8">
|
||
<h2>概念的核心逻辑与市场认知</h2>
|
||
<div class="space-y-6 text-slate-300 leading-loose">
|
||
<p>市场对该概念的关注度呈现 <strong class="text-blue-300">脉冲式特征</strong>，热度高但持续性不强。研报数据显示，几乎没有专门针对“参股基金”概念的深度报告，表明市场情绪整体偏向机会主义和战术性炒作，尚未形成长期、稳定的战略共识。</p>
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h4 class="font-semibold text-lg mb-2 text-purple-300">预期差分析：市场认知与现实的鸿沟</h4>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-400">
|
||
<li><strong class="text-slate-200">持股比例预期差:</strong> 市场往往忽略“持股比例极低”的关键细节。如 <code class="bg-slate-700 px-2 py-1 rounded">火星人</code> 多次强调对沐曦股份持股比例极低，影响不大。</li>
|
||
<li><strong class="text-slate-200">控制力与协同性预期差:</strong> 市场默认“参股=协同”，但实际能否实现深度协同乃至并表，存在巨大变数。如 <code class="bg-slate-700 px-2 py-1 rounded">德宏股份</code> 参股行之城，是原收购计划受阻后的选择。</li>
|
||
<li><strong class="text-slate-200">退出与回报预期差:</strong> 私募股权投资周期长、退出不确定性高。市场对短期股价的追捧与投资回报的长期性形成鲜明对比。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="glass-card glow-border p-6 md:p-8">
|
||
<h2>关键催化剂与未来发展路径</h2>
|
||
<div class="grid md:grid-cols-2 gap-8">
|
||
<div>
|
||
<h4 class="font-semibold text-lg mb-3 text-cyan-300">近期催化剂 (3-6个月)</h4>
|
||
<ul class="space-y-3 text-slate-400">
|
||
<li class="flex items-start"><span class="text-cyan-400 mr-3 text-xl">①</span><span><strong>被投明星项目IPO:</strong> 最直接、最强力的催化剂。如摩尔线程IPO预期引爆 <code class="bg-slate-700 px-2 py-1 rounded">大众公用</code> 股价。</span></li>
|
||
<li class="flex items-start"><span class="text-cyan-400 mr-3 text-xl">②</span><span><strong>新基金落地:</strong> 国家级/地方政府新设大规模基金，注入新资金和主题。</span></li>
|
||
<li class="flex items-start"><span class="text-cyan-400 mr-3 text-xl">③</span><span><strong>超预期投资收益披露:</strong> 形成标杆效应，引导市场从“看题材”转向“算业绩”。</span></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg mb-3 text-purple-300">长期发展路径</h4>
|
||
<ol class="relative border-l border-gray-700">
|
||
<li class="mb-6 ml-4">
|
||
<div class="absolute w-3 h-3 bg-cyan-400 rounded-full mt-1.5 -left-1.5 border border-gray-900"></div>
|
||
<h5 class="text-md font-semibold text-slate-200">阶段一 (当前): 题材驱动</h5>
|
||
<p class="text-sm font-normal text-slate-400">以“间接持股XX公司”为核心叙事，股价与被投项目热度高度相关。</p>
|
||
</li>
|
||
<li class="mb-6 ml-4">
|
||
<div class="absolute w-3 h-3 bg-gray-700 rounded-full mt-1.5 -left-1.5 border border-gray-900"></div>
|
||
<h5 class="text-md font-semibold text-slate-200">阶段二: 退出驱动</h5>
|
||
<p class="text-sm font-normal text-slate-400">被投项目成功退出，上市公司确认投资收益，开始业绩兑现。</p>
|
||
</li>
|
||
<li class="mb-6 ml-4">
|
||
<div class="absolute w-3 h-3 bg-gray-700 rounded-full mt-1.5 -left-1.5 border border-gray-900"></div>
|
||
<h5 class="text-md font-semibold text-slate-200">阶段三: 协同驱动</h5>
|
||
<p class="text-sm font-normal text-slate-400">实现“1+1>2”的产业赋能，改善主业核心指标。</p>
|
||
</li>
|
||
<li class="ml-4">
|
||
<div class="absolute w-3 h-3 bg-gray-700 rounded-full mt-1.5 -left-1.5 border border-gray-900"></div>
|
||
<h5 class="text-md font-semibold text-slate-200">成熟阶段: 平台化估值</h5>
|
||
<p class="text-sm font-normal text-slate-400">市场将其视为“产业投行”，给予稳定的平台型估值。</p>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="glass-card glow-border p-6 md:p-8">
|
||
<h2>产业链与核心公司深度剖析</h2>
|
||
<div class="space-y-8">
|
||
<div>
|
||
<h4 class="font-semibold text-lg mb-4 text-cyan-300">生态系统图谱</h4>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-center">
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h5 class="font-bold text-slate-200">资金供给方 (LPs)</h5>
|
||
<p class="text-sm text-slate-400 mt-2">国家队 (大基金三期)<br>地方政府/国企<br>上市公司 (产业资本)<br>金融机构</p>
|
||
</div>
|
||
<div class="flex items-center justify-center text-cyan-400 text-2xl font-mono hidden md:flex">→</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h5 class="font-bold text-slate-200">资本管理方 (GPs)</h5>
|
||
<p class="text-sm text-slate-400 mt-2">专业投资机构 (深创投)<br>券商/基金子公司</p>
|
||
</div>
|
||
<div class="flex items-center justify-center text-purple-400 text-2xl font-mono hidden md:flex">→</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<h5 class="font-bold text-slate-200">资金投向方 (Portfolio)</h5>
|
||
<p class="text-sm text-slate-400 mt-2">硬科技初创企业<br>(宇树科技, 沐曦, 长江存储)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div x-data="{ tab: 'platform' }">
|
||
<h4 class="font-semibold text-lg mb-4 text-purple-300">核心玩家对比</h4>
|
||
<div class="tabs tabs-boxed bg-slate-800/50">
|
||
<a class="tab" :class="{ 'tab-active': tab === 'platform' }" @click="tab = 'platform'">金融平台型</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'synergy' }" @click="tab = 'synergy'">战略协同型</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'tracking' }" @click="tab = 'tracking'">热点追踪型</a>
|
||
</div>
|
||
<div class="mt-4 p-4 bg-slate-800/30 rounded-lg min-h-[200px]">
|
||
<div x-show="tab === 'platform'">
|
||
<h5 class="text-xl font-bold text-slate-200">金融平台型 (如: 广发证券)</h5>
|
||
<p class="mt-2 text-slate-400"><strong>优势:</strong> 核心业务即资产管理，团队专业，规模效应显著。</p>
|
||
<p class="mt-1 text-slate-400"><strong>逻辑:</strong> 逻辑最纯粹，直接受益于资本市场活跃度和AUM增长。</p>
|
||
<p class="mt-1 text-red-400"><strong>风险:</strong> 业绩与市场行情(贝塔)高度相关，竞争激烈。</p>
|
||
</div>
|
||
<div x-show="tab === 'synergy'">
|
||
<h5 class="text-xl font-bold text-slate-200">战略协同型 (如: 联影医疗)</h5>
|
||
<p class="mt-2 text-slate-400"><strong>优势:</strong> 投资行为与主业深度绑定，旨在强链补链。路演中联影医疗明确表示投资玖谊源是为“打破进口垄断，实现产业链自主可控”。</p>
|
||
<p class="mt-1 text-slate-400"><strong>逻辑:</strong> 产业逻辑纯粹，协同效应验证周期长。</p>
|
||
<p class="mt-1 text-red-400"><strong>风险:</strong> 协同效果不及预期，可能错失其他领域机会。</p>
|
||
</div>
|
||
<div x-show="tab === 'tracking'">
|
||
<h5 class="text-xl font-bold text-slate-200">热点追踪型 (如: 大众公用)</h5>
|
||
<p class="mt-2 text-slate-400"><strong>优势:</strong> 股价弹性最大，能迅速受益于市场热点。通过参股头部创投（深创投），实现对多个热门赛道“撒胡椒面式”布局。</p>
|
||
<p class="mt-1 text-slate-400"><strong>逻辑:</strong> 逻辑最不纯粹，偏向财务投资和题材驱动，股价波动与主业基本面脱钩。</p>
|
||
<p class="mt-1 text-red-400"><strong>风险:</strong> 风险最高。持股比例低导致实际受益有限；股价对市场情绪高度敏感。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="glass-card glow-border p-6 md:p-8">
|
||
<h2>潜在风险与挑战</h2>
|
||
<ul class="space-y-4">
|
||
<li class="p-4 bg-red-900/20 border-l-4 border-red-500 rounded">
|
||
<h5 class="font-bold text-red-300">估值与回报风险</h5>
|
||
<p class="text-slate-400 text-sm">一级市场项目估值泡沫化，退出时可能面临一二级市场估值倒挂。投资周期长，易出现“利好兑现是利空”。</p>
|
||
</li>
|
||
<li class="p-4 bg-yellow-900/20 border-l-4 border-yellow-500 rounded">
|
||
<h5 class="font-bold text-yellow-300">“象征性”参股风险</h5>
|
||
<p class="text-slate-400 text-sm">最核心的风险，即 <strong class="font-semibold">持股比例过低</strong>。参股行为更多是“姿态”或“占位”，无法对基本面产生实质性影响，纯属题材炒作。</p>
|
||
</li>
|
||
<li class="p-4 bg-orange-900/20 border-l-4 border-orange-500 rounded">
|
||
<h5 class="font-bold text-orange-300">管理与协同风险</h5>
|
||
<p class="text-slate-400 text-sm">上市公司作为LP，对基金决策话语权有限。产业协同的美好愿望未必能落地。</p>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section class="glass-card glow-border p-6 md:p-8">
|
||
<h2>核心公司数据透视</h2>
|
||
<div id="echarts-container" class="w-full h-96 md:h-[500px]"></div>
|
||
<p class="text-center text-sm text-slate-500 mt-2">注：“间接管理规模/市值”指标反映了上市公司市值对其参股基金规模的杠杆效应，数值越高，潜在弹性越大。</p>
|
||
</section>
|
||
|
||
<section class="glass-card glow-border p-6 md:p-8">
|
||
<h2>相关概念股全览</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="text-slate-300 text-sm border-b border-slate-700">
|
||
<th class="bg-transparent">股票名称</th>
|
||
<th class="bg-transparent">参股原因</th>
|
||
<th class="bg-transparent">参股基金</th>
|
||
<th class="bg-transparent">参股股权(%)</th>
|
||
<th class="bg-transparent text-right">市值(亿)</th>
|
||
<th class="bg-transparent text-right">非货基金规模(亿)</th>
|
||
<th class="bg-transparent text-right">间接管理规模/市值</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody x-ref="stockTableBody">
|
||
<!-- Rows will be dynamically generated by Alpine.js -->
|
||
<template x-for="stock in stockData" :key="stock.stock_code">
|
||
<tr class="hover:bg-slate-800/50 border-b border-slate-800 text-slate-400 text-xs">
|
||
<td class="whitespace-nowrap">
|
||
<a :href="'https://valuefrontier.cn/company?scode=' + stock.stock_code" target="_blank" class="font-bold text-slate-200 hover:text-cyan-400" x-text="stock.stock"></a>
|
||
<span class="ml-2 font-mono text-slate-500" x-text="stock.stock_code"></span>
|
||
</td>
|
||
<td x-text="stock.reason" class="max-w-xs"></td>
|
||
<td x-text="stock.其他标签.参股基金"></td>
|
||
<td x-text="stock.其他标签.参股股权"></td>
|
||
<td class="text-right" x-text="stock.其他标签['市值（亿）']"></td>
|
||
<td class="text-right" x-text="stock.其他标签['非货基金规模（亿）']"></td>
|
||
<td class="text-right font-bold" x-text="stock.其他标签['间接管理规模/市值'] ? stock.其他标签['间接管理规模/市值'].toFixed(2) : 'N/A'"></td>
|
||
</tr>
|
||
</template>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="mt-20 text-center text-xs text-slate-600">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||
<p class="mt-1">本报告为AI合成数据，投资需谨慎。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('alpine:init', () => {
|
||
Alpine.data('conceptData', () => ({
|
||
stockData: [],
|
||
init() {
|
||
const rawData = {
|
||
"参股基金概念(240925)": {
|
||
"1B97B30E-8531-4662-BD73-788DD3DA0518.jpg": [
|
||
{ "stock": "东方财富", "reason": "参股天天基金网(100%)和东方基金(58%)", "其他标签": { "市值（亿）": 1888, "参股股权": "100%, 58%", "参股基金": "天天基金网, 东方基金", "非货基金规模（亿）": "N/A, 1177", "间接管理规模/市值": 7.77 }, "stock_code": "300059" },
|
||
{ "stock": "东北证券", "reason": "参股银华基金(21%)", "其他标签": { "市值（亿）": 145.8, "参股股权": "21%", "参股基金": "银华基金", "非货基金规模（亿）": 2144, "间接管理规模/市值": null }, "stock_code": "000686" }, // Original data had no value, assume null for sorting
|
||
{ "stock": "广发证券", "reason": "参股广发基金(55%)和易方达基金(23%)", "其他标签": { "市值（亿）": 990, "参股股权": "55%, 23%", "参股基金": "广发基金, 易方达基金", "非货基金规模（亿）": "7479, 11524", "间接管理规模/市值": 6.83 }, "stock_code": "000776" },
|
||
{ "stock": "烽火通信", "reason": "参股广发基金(14%)", "其他标签": { "市值（亿）": 176.4, "参股股权": "14%", "参股基金": "广发基金", "非货基金规模（亿）": 7479, "间接管理规模/市值": 5.94 }, "stock_code": "600498" },
|
||
{ "stock": "大恒科技", "reason": "参股诺安基金(20%)", "其他标签": { "市值（亿）": 31.93, "参股股权": "20%", "参股基金": "诺安基金", "非货基金规模（亿）": 724, "间接管理规模/市值": 4.53 }, "stock_code": "600288" },
|
||
{ "stock": "西南证券", "reason": "参股银华基金(49%)", "其他标签": { "市值（亿）": 253.2, "参股股权": "49%", "参股基金": "银华基金", "非货基金规模（亿）": 2144, "间接管理规模/市值": 4.15 }, "stock_code": "600369" },
|
||
{ "stock": "海欣股份", "reason": "参股长信基金(31%)", "其他标签": { "市值（亿）": 60.84, "参股股权": "31%", "参股基金": "长信基金", "非货基金规模（亿）": 812, "间接管理规模/市值": 4.14 }, "stock_code": "600851" },
|
||
{ "stock": "亨通股份", "reason": "参股财通基金(30%)", "其他标签": { "市值（亿）": 57.51, "参股股权": "30%", "参股基金": "财通基金", "非货基金规模（亿）": 703, "间接管理规模/市值": 3.67 }, "stock_code": "600226" },
|
||
{ "stock": "华泰证券", "reason": "参股华泰柏瑞基金(49%)和南方基金(45%)", "其他标签": { "市值（亿）": 1237, "参股股权": "49%, 45%", "参股基金": "华泰柏瑞基金, 南方基金", "非货基金规模（亿）": "3753, 5531", "间接管理规模/市值": 3.5 }, "stock_code": "601688" },
|
||
{ "stock": "国脉科技", "reason": "参股兴银基金(24%)", "其他标签": { "市值（亿）": 62.06, "参股股权": "24%", "参股基金": "兴银基金", "非货基金规模（亿）": 712, "间接管理规模/市值": 2.75 }, "stock_code": "002093" },
|
||
{ "stock": "第一创业", "reason": "参股银华基金(29%)", "其他标签": { "市值（亿）": 232.4, "参股股权": "29%", "参股基金": "银华基金", "非货基金规模（亿）": 2144, "间接管理规模/市值": 2.68 }, "stock_code": "002797" },
|
||
{ "stock": "中泰证券", "reason": "参股万家基金(49%)", "其他标签": { "市值（亿）": 409.1, "参股股权": "49%", "参股基金": "万家基金", "非货基金规模（亿）": 1627, "间接管理规模/市值": 1.95 }, "stock_code": "600918" },
|
||
{ "stock": "君正集团", "reason": "参股天弘基金(16%)", "其他标签": { "市值（亿）": 323.2, "参股股权": "16%", "参股基金": "天弘基金", "非货基金规模（亿）": 3481, "间接管理规模/市值": 1.72 }, "stock_code": "601216" },
|
||
{ "stock": "苏州高新", "reason": "参股华泰柏瑞基金(2%)", "其他标签": { "市值（亿）": 48.47, "参股股权": "2%", "参股基金": "华泰柏瑞基金", "非货基金规模（亿）": 3753, "间接管理规模/市值": 1.55 }, "stock_code": "600736" },
|
||
{ "stock": "长江证券", "reason": "参股长信基金(45%)", "其他标签": { "市值（亿）": 290.9, "参股股权": "45%", "参股基金": "长信基金", "非货基金规模（亿）": 978, "间接管理规模/市值": 1.51 }, "stock_code": "000783" },
|
||
{ "stock": "电广传媒", "reason": "参股银河基金(13%)", "其他标签": { "市值（亿）": 72.58, "参股股权": "13%", "参股基金": "银河基金", "非货基金规模（亿）": 711, "间接管理规模/市值": 1.27 }, "stock_code": "000917" },
|
||
{ "stock": "兴业证券", "reason": "参股南方基金(10%)", "其他标签": { "市值（亿）": 470.7, "参股股权": "10%", "参股基金": "南方基金", "非货基金规模（亿）": 5531, "间接管理规模/市值": 1.18 }, "stock_code": "601377" },
|
||
{ "stock": "光大证券", "reason": "参股光大保德信基金(55%)和大成基金(25%)", "其他标签": { "市值（亿）": 706.8, "参股股权": "55%, 25%", "参股基金": "光大保德信基金, 大成基金", "非货基金规模（亿）": "551, 1959", "间接管理规模/市值": 1.12 }, "stock_code": "601788" },
|
||
{ "stock": "财通证券", "reason": "参股财通基金(40%)", "其他标签": { "市值（亿）": 319.5, "参股股权": "40%", "参股基金": "财通基金", "非货基金规模（亿）": 703, "间接管理规模/市值": 0.88 }, "stock_code": "601108" },
|
||
{ "stock": "东吴证券", "reason": "参股东吴基金(70%)", "其他标签": { "市值（亿）": 324, "参股股权": "70%", "参股基金": "东吴基金", "非货基金规模（亿）": 217, "间接管理规模/市值": 0.47 }, "stock_code": "601555" },
|
||
{ "stock": "中集集团", "reason": "参股交银施罗德基金(5%)", "其他标签": { "市值（亿）": 405.5, "参股股权": "5%", "参股基金": "交银施罗德基金", "非货基金规模（亿）": 2885, "间接管理规模/市值": 0.36 }, "stock_code": "000039" },
|
||
{ "stock": "交通银行", "reason": "参股交银施罗德基金(65%)", "其他标签": { "市值（亿）": 5295, "参股股权": "65%", "参股基金": "交银施罗德基金", "非货基金规模（亿）": 2885, "间接管理规模/市值": 0.35 }, "stock_code": "601328" },
|
||
{ "stock": "越秀金控", "reason": "参股金鹰基金(24%)", "其他标签": { "市值（亿）": 274.4, "参股股权": "24%", "参股基金": "金鹰基金", "非货基金规模（亿）": 346, "间接管理规模/市值": 0.3 }, "stock_code": null },
|
||
{ "stock": "白云山", "reason": "参股金鹰基金(20%)", "其他标签": { "市值（亿）": 418.5, "参股股权": "20%", "参股基金": "金鹰基金", "非货基金规模（亿）": 346, "间接管理规模/市值": 0.17 }, "stock_code": "600332" },
|
||
{ "stock": "工商银行", "reason": "参股工银瑞信基金(80%)", "其他标签": { "市值（亿）": 21384, "参股股权": "80%", "参股基金": "工银瑞信基金", "非货基金规模（亿）": 1779, "间接管理规模/市值": null }, "stock_code": "601398" } // Original data had no value
|
||
]
|
||
}
|
||
};
|
||
|
||
let data = rawData["参股基金概念(240925)"]["1B97B30E-8531-4662-BD73-788DD3DA0518.jpg"];
|
||
// Sort by '间接管理规模/市值' in descending order. Handle nulls by placing them at the end.
|
||
data.sort((a, b) => {
|
||
const valA = a.其他标签['间接管理规模/市值'];
|
||
const valB = b.其他标签['间接管理规模/市值'];
|
||
if (valA === null) return 1;
|
||
if (valB === null) return -1;
|
||
return valB - valA;
|
||
});
|
||
|
||
this.stockData = data;
|
||
|
||
this.$nextTick(() => {
|
||
this.renderChart();
|
||
});
|
||
},
|
||
renderChart() {
|
||
const chartDom = document.getElementById('echarts-container');
|
||
const myChart = echarts.init(chartDom);
|
||
|
||
// Prepare data for the chart, filter out items with no ratio value and take top 15
|
||
const chartData = this.stockData
|
||
.filter(item => item.其他标签['间接管理规模/市值'] != null)
|
||
.slice(0, 15)
|
||
.reverse(); // reverse for horizontal bar chart display
|
||
|
||
const option = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: { type: 'shadow' },
|
||
backgroundColor: 'rgba(15, 23, 42, 0.8)',
|
||
borderColor: '#38bdf8',
|
||
textStyle: { color: '#e2e8f0' }
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'value',
|
||
boundaryGap: [0, 0.01],
|
||
axisLine: { lineStyle: { color: '#475569' } },
|
||
splitLine: { lineStyle: { color: '#334155' } },
|
||
axisLabel: { color: '#94a3b8' }
|
||
},
|
||
yAxis: {
|
||
type: 'category',
|
||
data: chartData.map(item => item.stock),
|
||
axisLine: { lineStyle: { color: '#475569' } },
|
||
axisLabel: { color: '#cbd5e1' }
|
||
},
|
||
series: [
|
||
{
|
||
name: '间接管理规模/市值',
|
||
type: 'bar',
|
||
data: chartData.map(item => item.其他标签['间接管理规模/市值']),
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
|
||
{ offset: 0, color: '#06b6d4' },
|
||
{ offset: 1, color: '#8b5cf6' }
|
||
])
|
||
},
|
||
label: {
|
||
show: true,
|
||
position: 'right',
|
||
valueAnimation: true,
|
||
color: '#e2e8f0',
|
||
formatter: '{c}'
|
||
}
|
||
}
|
||
],
|
||
backgroundColor: 'transparent'
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', () => myChart.resize());
|
||
}
|
||
}))
|
||
})
|
||
</script>
|
||
</body>
|
||
|
||
</html> |