Files
vf_react/public/htmls/足球.html
2025-12-05 13:29:18 +08:00

426 lines
31 KiB
HTML
Raw Permalink 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=Space+Grotesk:wght@300;400;500;700&display=swap');
body {
font-family: 'Space Grotesk', sans-serif;
background-color: #020617; /* slate-950 */
color: #e2e8f0; /* slate-200 */
}
.glass-card {
background: rgba(15, 23, 42, 0.6); /* slate-900 with opacity */
backdrop-filter: blur(20px);
--tw-border-opacity: 0.2;
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
box-shadow: 0 0 80px rgba(56, 189, 248, 0.1); /* sky-400 glow */
}
.glow-border {
border: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #38bdf8, #ec4899); /* sky-400 to pink-500 */
}
.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);
}
.bento-item-1 { grid-column: span 4 / span 4; grid-row: span 2 / span 2; }
.bento-item-2 { grid-column: span 2 / span 2; grid-row: span 2 / span 2; }
.bento-item-3 { grid-column: span 3 / span 3; grid-row: span 2 / span 2; }
.bento-item-4 { grid-column: span 3 / span 3; grid-row: span 2 / span 2; }
}
.section-title::before {
content: '■';
margin-right: 0.75rem;
color: #38bdf8; /* sky-400 */
font-size: 1.5em;
line-height: 1;
}
.table th, .table td {
background-color: transparent !important;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.table th {
color: #67e8f9; /* cyan-300 */
}
</style>
</head>
<body class="min-h-screen">
<!-- Background Elements -->
<div class="fixed top-0 left-0 w-full h-full z-[-10] overflow-hidden">
<div class="absolute top-[-20%] left-[-20%] w-[800px] h-[800px] bg-sky-500/10 rounded-full blur-3xl animate-pulse"></div>
<div class="absolute bottom-[-20%] right-[-20%] w-[1000px] h-[1000px] bg-fuchsia-500/10 rounded-full blur-3xl animate-pulse delay-1000"></div>
<img src="https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="Deep Space" class="absolute inset-0 w-full h-full object-cover opacity-20">
</div>
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold tracking-wider uppercase bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-fuchsia-500">
足球概念深度投研
</h1>
<p class="mt-4 text-slate-400 text-lg">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现
</p>
<div class="mt-2 text-xs text-slate-500 tracking-widest">本报告为AI合成数据投资需谨慎</div>
</header>
<!-- Concept Insight -->
<main class="space-y-12">
<!-- Core View & Events -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="lg:col-span-2 glass-card rounded-3xl p-6 glow-border">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">核心观点摘要</h2>
<p class="text-slate-300 leading-relaxed">
“足球”概念正处在一个由<strong class="text-sky-400">政策强力驱动、行业秩序重塑后开启新一轮景气周期的起点</strong>。其核心驱动力是“新型举国体制”下的自上而下推动与“苏超”现象所展现的自下而上民间需求的双重共振。短期内,投资机会主要集中在政策确定性最高、最先受益的<strong class="text-fuchsia-400">基础设施建设(场地、器材)</strong>环节;长期潜力则取决于青训体系的成效与职业联赛商业化的成功。
</p>
</div>
<div class="glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">概念事件驱动</h2>
<ul class="space-y-3 text-sm">
<li><span class="font-bold text-sky-400">治理整顿期 (2022-2024.8):</span> “假赌黑”治理,为行业发展清除障碍。</li>
<li><span class="font-bold text-sky-400">顶层设计明确期 (2024.7-12):</span> 全国足球工作会议与国务院常务会议确立战略方向。</li>
<li><span class="font-bold text-sky-400">市场情绪引爆期 (2024.12-至今):</span> 概念股大涨共创草坪7连板。</li>
<li><span class="font-bold text-sky-400">民间热情验证期 (2025.6):</span> “苏超”火爆出圈,验证民间需求。</li>
<li><span class="font-bold text-sky-400">地方政策落地期:</span> 各地密集出台具体发展规划。</li>
</ul>
</div>
</section>
<!-- Insight Deep Dive - Bento Grid -->
<section class="bento-grid">
<div class="bento-item-1 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">核心逻辑与市场认知</h2>
<div class="space-y-4 text-slate-300">
<p><strong class="text-sky-400">政策驱动 (根本逻辑):</strong> 核心是“新型举国体制”,强调“有为政府和有效市场相结合”。政府主导青训与基建,市场负责商业化,为产业提供了极高确定性。</p>
<p><strong class="text-sky-400">需求验证 (市场基础):</strong> “苏超”火爆证明民间热情与消费需求庞大,为商业化复苏提供了坚实基础。</p>
<p><strong class="text-sky-400">产业净化 (发展前提):</strong> 大规模“假赌黑”整治为资本和人才的重新进入创造了相对干净的环境。</p>
<p><strong class="text-fuchsia-400">预期差分析:</strong> 市场可能高估了职业足球的复苏速度,而低估了<strong class="underline decoration-wavy">基建投资的持久性和规模</strong>。同时,部分资金追逐的是“伪概念股”(如莱茵体育),认知存在滞后与偏差。</p>
</div>
</div>
<div class="bento-item-2 glass-card rounded-3xl p-6 flex flex-col">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">关键催化剂与路径</h2>
<h3 class="font-semibold text-sky-300 mt-2">近期催化剂 (3-6月)</h3>
<ul class="list-disc list-inside text-sm text-slate-400 space-y-1 mt-2">
<li>“十五五”体育发展规划正式发布</li>
<li>更多地方性足球发展计划落地</li>
<li>“粤超”、“鲁超”等区域联赛成功举办</li>
</ul>
<h3 class="font-semibold text-sky-300 mt-4">长期发展路径</h3>
<ol class="list-decimal list-inside text-sm text-slate-400 space-y-1 mt-2">
<li><strong class="text-white">基建与普及 (当前-2027)</strong></li>
<li><strong class="text-white">青训与联赛健康化 (2027-2030)</strong></li>
<li><strong class="text-white">全产业链商业化 (2030+)</strong></li>
</ol>
</div>
<div class="bento-item-3 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">产业链与核心公司</h2>
<div class="space-y-3 text-slate-300">
<p><strong class="text-sky-400">上游 (基础设施与材料):</strong> 共创草坪 (人造草坪), 双象股份 (足球皮革)。</p>
<p><strong class="text-sky-400">中游 (产品与器材):</strong> 金陵体育/舒华体育 (场地设施), 雷曼光电 (LED显示)。</p>
<p><strong class="text-sky-400">下游 (运营与服务):</strong> 中体产业 (全产业链), 星辉娱乐 (俱乐部), 鸿博股份 (体育彩票)。</p>
<div class="mt-4 pt-4 border-t border-slate-700">
<h4 class="font-semibold text-fuchsia-400">核心玩家对比:</h4>
<ul class="text-sm list-disc list-inside space-y-1 mt-2">
<li><strong class="text-white">共创草坪:</strong> 基础设施领导者,逻辑最纯粹,直接受益。</li>
<li><strong class="text-white">中体产业:</strong> “国家队”平台,想象空间大,但业务庞杂。</li>
<li><strong class="text-white">双象股份:</strong> 材料细分龙头,市占率高,但市场空间相对较小。</li>
<li><strong class="text-fuchsia-400">证伪案例:</strong> <span class="line-through">莱茵体育</span>,股价暴涨完全基于历史记忆和市场炒作,已无相关业务。</li>
</ul>
</div>
</div>
</div>
<div class="bento-item-4 glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">潜在风险与挑战</h2>
<div class="space-y-3 text-slate-300">
<p><strong class="text-rose-400">商业化风险:</strong> 盈利模式单一,俱乐部自身造血能力弱。“苏超”流量如何转化为可持续商业收入是巨大挑战。</p>
<p><strong class="text-rose-400">政策执行风险:</strong> 地方财政投入的可持续性,以及规划的场地建设能否按时完成,存在不确定性。</p>
<p><strong class="text-rose-400">政策摇摆风险:</strong> 历史上中国足球改革多次反复,若未来高层关注度下降或战略方向调整,将对行业造成冲击。</p>
<p><strong class="text-rose-400">信息交叉验证风险:</strong> 市场炒作与公司实际业务脱节(如莱茵体育)。市场对政策的解读存在简单化、乐观化的偏差。</p>
</div>
</div>
</section>
<!-- ECharts Visualization -->
<section class="glass-card rounded-3xl p-6">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">核心政策与事件关键词热度</h2>
<div id="keyword-chart" style="width: 100%; height: 400px;"></div>
</section>
<!-- Supporting Evidence Tabs -->
<section x-data="{ tab: 'news' }" class="glass-card rounded-3xl p-6">
<div class="flex border-b border-slate-700 mb-4">
<button @click="tab = 'news'" :class="{'border-b-2 border-sky-400 text-sky-400': tab === 'news', 'text-slate-400': tab !== 'news'}" class="px-4 py-2 font-semibold transition-colors">新闻数据</button>
<button @click="tab = 'roadshow'" :class="{'border-b-2 border-sky-400 text-sky-400': tab === 'roadshow', 'text-slate-400': tab !== 'roadshow'}" class="px-4 py-2 font-semibold transition-colors">路演精华</button>
<button @click="tab = 'research'" :class="{'border-b-2 border-sky-400 text-sky-400': tab === 'research', 'text-slate-400': tab !== 'research'}" class="px-4 py-2 font-semibold transition-colors">研报洞察</button>
</div>
<div x-show="tab === 'news'" class="space-y-4 text-slate-300">
<div class="collapse collapse-plus bg-slate-900/50">
<input type="radio" name="news-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-sky-300">国家层面政策与治理</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-sm">
<li><strong>国务院常务会议:</strong> 研究推进足球振兴发展,加大力度落实各项政策举措。</li>
<li><strong>全国足球工作会议:</strong> 强调发挥新型举国体制优势,以国家青训体系建设为战略突破口。</li>
<li><strong>国家体育总局:</strong> 重拳整治“假赌黑”乱象,扎实推进足球改革振兴,理顺体制机制。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-slate-900/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">“苏超”与社会足球热潮</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-sm">
<li><strong>火爆出圈:</strong> “苏超”单场观赛人数超6万累计吸引超18万球迷。</li>
<li><strong>需求验证:</strong> 美团搜索量激增16倍扬州球场预订“一位难求”。</li>
<li><strong>模式复制:</strong> 引发“粤超”、“鲁超”、“豫超”等区域性联赛的酝酿。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-slate-900/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">地方足球发展规划</div>
<div class="collapse-content">
<p class="text-sm">新疆、常州、杭州、广州、盐城、昆山等地密集出台具体发展规划,措施包括:</p>
<ul class="list-disc list-inside space-y-2 text-sm mt-2">
<li><strong>杭州:</strong> 将足球纳入中考市本级财政每年安排不少于3000万元专项经费。</li>
<li><strong>盐城:</strong> 推动“4个100”三年行动方案拟建设100片球场组建100支队伍等。</li>
<li><strong>广州:</strong> 完善职业足球俱乐部扶持奖励政策,推进广州足球公园建设。</li>
</ul>
</div>
</div>
</div>
<div x-show="tab === 'roadshow'" x-cloak class="space-y-4 text-slate-300">
<ul class="space-y-3">
<li><strong class="text-sky-400">共创草坪 (2025-06-24):</strong> 苏超赛事与足球经济振兴政策驱动运动草需求增长预计全年增速超20%。国内足球场地以人造草为主,需求确定性高。</li>
<li><strong class="text-sky-400">"苏超"专题 (2025-06-17):</strong> 赛事带动草坪供应商银城计划5年建100个优质场地和体育器材商受益。</li>
<li><strong class="text-sky-400">申洲国际 (2025-11-05):</strong> 2026年世界杯将直接带动球衣需求预计其球衣收入占比由5%提升至78%。</li>
<li><strong class="text-sky-400">adidas AG (2025-11-05):</strong> 受益于2026世界杯及“足球元素日常化”趋势经销商备货积极预期强烈。</li>
<li><strong class="text-fuchsia-400">关键修正 (2025-03-06):</strong> 路演修正观点指出国家体育总局2023年未将“振兴足球”列为体育强国核心更准确的政策落脚点是<strong class="underline">“推动足球场地建设,完善群众体育设施”</strong></li>
</ul>
</div>
<div x-show="tab === 'research'" x-cloak class="space-y-4 text-slate-300">
<h3 class="font-bold text-sky-300 text-lg">啤酒行业经济影响研究报告 (2025-02-20)</h3>
<p>该报告是唯一一份包含足球相关信息的研报,揭示了足球与商业赞助的成熟模式:</p>
<ul class="list-disc list-inside space-y-2 text-sm mt-2">
<li><strong>品牌赞助:</strong> 百威英博赞助欧洲冠军联赛喜力赞助FIFA系列赛事科罗娜赞助英超。</li>
<li><strong>经济效应:</strong> 赞助顶级赛事可快速触达数亿观众百威知名度提升20%),赛事的社交属性直接刺激啤酒消费。</li>
<li><strong>商业启示:</strong> 展示了成熟足球产业强大的商业变现能力,是中国足球产业的远期发展目标。</li>
</ul>
<p class="text-sm text-slate-500 mt-4">*注:其他研报(如可持续膳食、海尔智家、宁德时代等)均未发现与足球相关信息。*</p>
</div>
</section>
<!-- Conclusion & Investment Insights -->
<section class="glass-card rounded-3xl p-6 glow-border">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 section-title">综合结论与投资启示</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="font-semibold text-xl text-sky-300">最终看法</h3>
<p class="mt-2 text-slate-300">中国足球概念正处在“主题炒作”与“基本面驱动”的混合阶段。其中,<strong class="text-fuchsia-400">基础设施建设环节已率先进入基本面驱动</strong>,其需求由政策和预算保障,确定性最高;而下游赛事运营与商业化则更多还停留在主题炒作和未来预期阶段。</p>
</div>
<div>
<h3 class="font-semibold text-xl text-sky-300">需重点跟踪的关键指标</h3>
<ol class="list-decimal list-inside space-y-2 mt-2 text-slate-300">
<li><strong class="text-white">场地建设进度:</strong> 各省市公布的新增足球场地数量。</li>
<li><strong class="text-white">核心公司订单/收入:</strong> 共创草坪运动草分部收入,金陵/舒华体育相关订单增长。</li>
<li><strong class="text-white">群众参与度:</strong> 校园足球注册人数,城市联赛上座率和商业赞助金额。</li>
</ol>
</div>
</div>
</section>
<!-- Stock Data -->
<section>
<h2 class="text-3xl font-bold text-center text-cyan-300 my-8 section-title justify-center">相关概念股图谱</h2>
<div class="overflow-x-auto glass-card rounded-3xl p-4">
<table class="table w-full text-sm">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>类别标签</th>
</tr>
</thead>
<tbody>
<!-- Infrastructure & Materials -->
<tr class="hover:bg-slate-800/50">
<td>共创草坪</td>
<td><a href="https://valuefrontier.cn/company?scode=605099" target="_blank" class="text-sky-400 hover:underline">605099</a></td>
<td>全球人造草坪龙头全球市占率16.7%,直接受益于场地建设</td>
<td><span class="badge badge-primary badge-outline">人造草坪</span></td>
</tr>
<tr class="hover:bg-slate-800/50">
<td>双象股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002395" target="_blank" class="text-sky-400 hover:underline">002395</a></td>
<td>中高端足球皮革市占率国内第一超70%</td>
<td><span class="badge badge-secondary badge-outline">材料</span></td>
</tr>
<tr class="hover:bg-slate-800/50">
<td>安利股份</td>
<td><a href="https://valuefrontier.cn/company?scode=300218" target="_blank" class="text-sky-400 hover:underline">300218</a></td>
<td>足球合成革材料供应商,客户包括阿迪达斯等</td>
<td><span class="badge badge-secondary badge-outline">材料</span></td>
</tr>
<!-- Products & Equipment -->
<tr class="hover:bg-slate-800/50">
<td>金陵体育</td>
<td><a href="https://valuefrontier.cn/company?scode=300651" target="_blank" class="text-sky-400 hover:underline">300651</a></td>
<td>球类器械营收占比较高 (44%)</td>
<td><span class="badge badge-accent badge-outline">产品/器材</span></td>
</tr>
<tr class="hover:bg-slate-800/50">
<td>舒华体育</td>
<td><a href="https://valuefrontier.cn/company?scode=605299" target="_blank" class="text-sky-400 hover:underline">605299</a></td>
<td>提供足球场地建设训练器材及配套服务</td>
<td><span class="badge badge-accent badge-outline">产品/器材</span></td>
</tr>
<tr class="hover:bg-slate-800/50">
<td>雷曼光电</td>
<td><a href="https://valuefrontier.cn/company?scode=300162" target="_blank" class="text-sky-400 hover:underline">300162</a></td>
<td>具备多年足球赛场LED产品服务与运维经验</td>
<td><span class="badge badge-accent badge-outline">产品/器材</span></td>
</tr>
<!-- Operations & Services -->
<tr class="hover:bg-slate-800/50">
<td>中体产业</td>
<td><a href="https://valuefrontier.cn/company?scode=600158" target="_blank" class="text-sky-400 hover:underline">600158</a></td>
<td>国家体育总局旗下唯一上市平台,业务覆盖全产业链</td>
<td><span class="badge badge-info badge-outline">全产业链</span></td>
</tr>
<tr class="hover:bg-slate-800/50">
<td>星辉娱乐</td>
<td><a href="https://valuefrontier.cn/company?scode=300043" target="_blank" class="text-sky-400 hover:underline">300043</a></td>
<td>持有西甲俱乐部“西班牙人”</td>
<td><span class="badge badge-warning badge-outline">俱乐部</span></td>
</tr>
<tr class="hover:bg-slate-800/50">
<td>鸿博股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002229" target="_blank" class="text-sky-400 hover:underline">002229</a></td>
<td>彩票印刷业务</td>
<td><span class="badge badge-ghost badge-outline">彩票</span></td>
</tr>
<!-- Debunked / Pseudo Concepts -->
<tr class="hover:bg-slate-800/50 opacity-50">
<td>莱茵体育</td>
<td>-</td>
<td><span class="text-rose-400">2024年1月互动称目前未涉及足球相关业务</span></td>
<td><span class="badge badge-error badge-outline">伪概念/需警惕</span></td>
</tr>
<tr class="hover:bg-slate-800/50 opacity-50">
<td>棕榈股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002431" target="_blank" class="text-sky-400 hover:underline">002431</a></td>
<td>俱乐部出售中,关联性减弱</td>
<td><span class="badge badge-error badge-outline">关联性弱</span></td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Rise Analysis -->
<section>
<h2 class="text-3xl font-bold text-center text-cyan-300 my-8 section-title justify-center">涨停复盘分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card rounded-3xl p-6">
<h3 class="font-bold text-xl text-sky-300">舒华体育 (605299)</h3>
<p class="text-sm text-slate-400 mt-2">上涨7.25% (2025-06-11)</p>
<p class="mt-4 text-slate-300"><strong>核心原因:</strong> 足球概念股集体走强,叠加公司在互动平台披露足球场地建设和器材业务,增强了市场认可。区域性联赛热度(苏超、粤超)和“十五五”体育规划征集意见提供了事件与政策催化。</p>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="font-bold text-xl text-sky-300">天府文旅 (000558)</h3>
<p class="text-sm text-slate-400 mt-2">上涨5.22% (2025-06-09)</p>
<p class="mt-4 text-slate-300"><strong>核心原因:</strong> 作为足球概念股跟涨,受益于苏超火爆引发的市场关注。同时叠加文旅行业复苏趋势与四川本地足球联赛预期,获得资金关注。</p>
</div>
<div class="glass-card rounded-3xl p-6">
<h3 class="font-bold text-xl text-sky-300">绿茵生态 (002887)</h3>
<p class="text-sm text-slate-400 mt-2">上涨10.01% (2025-06-16)</p>
<p class="mt-4 text-slate-300"><strong>核心原因:</strong> 受益于亚足联禁止重要赛事使用人造草坪的政策利好作为A股稀缺的专业天然足球草坪概念股直接受益。江苏盐城足球体系建设带来区域发展机遇。</p>
</div>
</div>
</section>
</main>
<footer class="text-center mt-16 py-8 border-t border-slate-800">
<p class="text-slate-400">报告生成机构:北京价值前沿科技有限公司</p>
<p class="text-xs text-slate-600 mt-2">免责声明本报告由AI投研模型“价小前投研”基于公开信息合成不构成任何投资建议。市场有风险投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('keyword-chart');
var myChart = echarts.init(chartDom, 'dark'); // Use 'dark' theme
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
yAxis: {
type: 'category',
data: ['国常会', '假赌黑', '场地建设', '苏超', '青训'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } }
},
series: [
{
name: '热度指数',
type: 'bar',
data: [15, 45, 60, 75, 90], // Normalized values for better visual
itemStyle: {
borderRadius: [0, 5, 5, 0],
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
{ offset: 0, color: '#ec4899' }, // pink-500
{ offset: 1, color: '#38bdf8' } // sky-400
])
},
label: {
show: true,
position: 'right',
color: '#e2e8f0'
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>