524 lines
32 KiB
HTML
524 lines
32 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>
|
||
|
||
<!-- Tailwind CSS & DaisyUI -->
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
||
<!-- Alpine.js -->
|
||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||
|
||
<!-- ECharts -->
|
||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||
|
||
<!-- Google Fonts for a futuristic feel -->
|
||
<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=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap" rel="stylesheet">
|
||
|
||
<style>
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #020010;
|
||
overflow-x: hidden;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.font-orbitron {
|
||
font-family: 'Orbitron', sans-serif;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(15, 23, 42, 0.4); /* slate-900 with alpha */
|
||
-webkit-backdrop-filter: blur(24px);
|
||
backdrop-filter: blur(24px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
background: rgba(15, 23, 42, 0.6);
|
||
box-shadow: 0 0 30px rgba(0, 191, 255, 0.2);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
.bento-grid {
|
||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(59, 130, 246, 0.8), 0 0 20px rgba(59, 130, 246, 0.5);
|
||
}
|
||
|
||
.section-header::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 4px;
|
||
height: 80%;
|
||
background: linear-gradient(to bottom, #3b82f6, #8b5cf6);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.bg-deep-space {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
z-index: -1;
|
||
background-image:
|
||
radial-gradient(ellipse at 70% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 50%),
|
||
radial-gradient(ellipse at 20% 80%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
|
||
radial-gradient(ellipse at 90% 90%, rgba(34, 197, 94, 0.1) 0%, transparent 50%);
|
||
}
|
||
|
||
/* Custom Table Style */
|
||
.table-custom {
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
width: 100%;
|
||
}
|
||
.table-custom th, .table-custom td {
|
||
padding: 1rem 1.5rem;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
.table-custom th {
|
||
background-color: rgba(30, 41, 59, 0.5);
|
||
color: #9ca3af;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
font-size: 0.8rem;
|
||
}
|
||
.table-custom tr:last-child td {
|
||
border-bottom: none;
|
||
}
|
||
.table-custom tbody tr:hover {
|
||
background-color: rgba(59, 130, 246, 0.1);
|
||
}
|
||
.table-custom a {
|
||
color: #60a5fa;
|
||
transition: color 0.2s;
|
||
}
|
||
.table-custom a:hover {
|
||
color: #93c5fd;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="bg-deep-space"></div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8 lg:p-12 relative z-10">
|
||
|
||
<!-- Header -->
|
||
<header class="mb-12 text-center">
|
||
<h1 class="text-4xl md:text-6xl font-bold font-orbitron text-white glow-text tracking-widest">新型经济</h1>
|
||
<p class="mt-4 text-xl text-blue-300">深度行业研究报告</p>
|
||
<div class="mt-6 text-xs text-gray-500 max-w-2xl mx-auto p-2 border border-gray-700 rounded-lg bg-black bg-opacity-30">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现。本报告为AI合成数据，投资需谨慎。
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Core Insight Section -->
|
||
<section class="mb-12">
|
||
<div class="glass-card rounded-3xl p-6 md:p-10">
|
||
<h2 class="relative pl-6 text-3xl font-bold text-white mb-6 section-header font-orbitron">
|
||
概念核心洞察 (Concept Insight)
|
||
</h2>
|
||
<div class="space-y-8 text-gray-300 text-base leading-relaxed">
|
||
<div>
|
||
<h3 class="font-bold text-xl text-blue-300 mb-3">核心观点摘要</h3>
|
||
<p>“新型经济”是中国在顶层设计下，由<span class="text-cyan-400 font-semibold">政策强力驱动</span>并辅以<span class="text-cyan-400 font-semibold">巨额金融工具</span>撬动的战略性经济转型。当前，它正处于从宏大叙事转向具体实施的初期阶段，核心驱动力在于国家对<span class="text-purple-400 font-semibold">科技自主</span>与<span class="text-green-400 font-semibold">能源安全</span>的追求。未来潜力巨大，但市场认知存在显著分歧，呈现出“硬科技政策热”与“新消费资本热”并存的“双轨”特征。</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="font-bold text-xl text-blue-300 mb-3">核心驱动力与市场认知分析</h3>
|
||
<ul class="space-y-4 list-disc list-inside">
|
||
<li><strong class="text-white">国家战略意图驱动：</strong>“新型经济”并非市场自发行为，而是国家意志的体现。
|
||
<ul class="pl-6 mt-2 space-y-2 text-sm">
|
||
<li><span class="text-green-400">顶层设计：</span>从“新型工业化”到“新质生产力”，政策规划密集，执行力强。</li>
|
||
<li><span class="text-green-400">金融催化：</span>超 <span class="font-bold text-lg">6000亿元</span> “新型政策性金融工具”已投放，重点支持数字经济、人工智能，且新工具在报批中，预示持续资金注入。</li>
|
||
<li><span class="text-green-400">现实需求：</span>以“新型电力系统”为例，旨在解决能源安全、经济、低碳的“不可能三角”，是刚性需求。</li>
|
||
</ul>
|
||
</li>
|
||
<li><strong class="text-white">市场热度与认知分裂：</strong>市场热度极高，但理解存在严重分裂。
|
||
<ul class="pl-6 mt-2 space-y-2 text-sm">
|
||
<li><span class="text-yellow-400">政策端聚焦“硬科技”：</span>新闻、路演、研报数据清晰指向<span class="font-semibold">人工智能、新型能源、低空经济</span>等生产力变革领域。</li>
|
||
<li><span class="text-yellow-400">资本端偏向“新消费”：</span>关联个股数据却严重偏向<span class="font-semibold">医美护肤、宠物经济、新型烟草</span>等“新的生活方式”领域。这种认知鸿沟是核心风险点。</li>
|
||
</ul>
|
||
</li>
|
||
<li><strong class="text-white">预期差分析：</strong>宏大叙事与落地节奏存在显著预期差。
|
||
<ul class="pl-6 mt-2 space-y-2 text-sm">
|
||
<li><span class="text-red-400">储能领域：</span>政策强制配储，但源侧配储利用率低，商业模式仍依赖峰谷价差（需大于<span class="font-bold">0.7元/kWh</span>）和补贴。</li>
|
||
<li><span class="text-red-400">车网互动(V2G)：</span>概念火热，但V2G充电桩渗透率不足<span class="font-bold">3%</span>，商业模式待电力现货市场成熟。</li>
|
||
<li><span class="text-red-400">基础设施先行：</span>市场可能低估了“新基建”（如低空经济空域管理、配网改造）的投资周期和回报周期。</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="font-bold text-xl text-blue-300 mb-3">关键催化剂与发展路径</h3>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-white mb-2">近期催化剂 (3-6个月)</h4>
|
||
<ul class="list-decimal list-inside space-y-1 text-sm">
|
||
<li>新一批“新型政策性金融工具”的设立与投放。</li>
|
||
<li>低空经济试点城市政策细则落地及运营许可发放。</li>
|
||
<li>国家级虚拟电厂(VPP)顶层设计（技术规范、商业模式）出台。</li>
|
||
<li>电力现货市场改革深化，目标2025年初步建成全国统一市场。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-white mb-2">长期发展路径 (三阶段)</h4>
|
||
<ol class="list-decimal list-inside space-y-1 text-sm">
|
||
<li><strong>当前-2027年 (基建与探索期):</strong> “新基建”建设，探索商业模式。里程碑：<span class="font-bold">180GW</span>新型储能装机目标。</li>
|
||
<li><strong>2027-2030年 (规模化应用期):</strong> 技术成本下降，形成产业集群。里程碑：V2G规模化，低空经济常态化运营。</li>
|
||
<li><strong>2030年以后 (生态融合期):</strong> 成为经济主流。里程碑：建成“智慧融合”新型电力系统。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="font-bold text-xl text-red-400 mb-3">潜在风险与挑战</h3>
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong class="text-white">核心矛盾风险：</strong>政策/产业数据（硬科技）与资本市场数据（新消费）之间存在严重割裂。投资者需警惕概念认知上的“偷梁换柱”，错失由国家战略主导的产业变革机遇。</li>
|
||
<li><strong class="text-white">商业化风险：</strong>对政策补贴依赖度高，若政策力度减弱或市场化机制建设不及预期，商业模式将面临严峻考验。</li>
|
||
<li><strong class="text-white">技术风险：</strong>高比例新能源并网安全、AI在工业场景的可靠性等仍是技术瓶颈。</li>
|
||
<li><strong class="text-white">竞争风险：</strong>资本大量涌入热门赛道，可能导致产能过剩和恶性价格竞争。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Bento Grid for Supporting Data -->
|
||
<section class="mb-12">
|
||
<div class="bento-grid">
|
||
<!-- Chart -->
|
||
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-1 lg:col-span-3 row-span-2">
|
||
<h3 class="relative pl-4 text-xl font-bold text-white mb-4 section-header font-orbitron">“新型经济”结构透视</h3>
|
||
<div id="echarts-treemap" class="w-full h-[400px] lg:h-[500px]"></div>
|
||
</div>
|
||
|
||
<!-- News -->
|
||
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-1 lg:col-span-3">
|
||
<h3 class="relative pl-4 text-xl font-bold text-white mb-4 section-header font-orbitron">新闻速览</h3>
|
||
<ul class="space-y-3 text-sm text-gray-300">
|
||
<li><strong>核心产业方向明确:</strong> 上海、北京、广东等地均将<span class="text-cyan-400">人工智能、低空经济、新型储能</span>列为新增长引擎。</li>
|
||
<li><strong>强力金融支持:</strong> “新型政策性金融工具”已投放超<span class="text-green-400 font-bold">6000亿元</span>，重点投向数字经济、人工智能领域。</li>
|
||
<li><strong>基础设施先行:</strong> 强调“新基建”，鼓励民企参与具身智能、低空经济等新型基础设施建设。</li>
|
||
<li><strong>“新型工业化”为核心:</strong> 旨在畅通从新技术到新产业、新经济的转化通道，提升国家核心竞争力。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Roadshow -->
|
||
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-1 lg:col-span-3">
|
||
<h3 class="relative pl-4 text-xl font-bold text-white mb-4 section-header font-orbitron">路演纪要</h3>
|
||
<ul class="space-y-3 text-sm text-gray-300">
|
||
<li><strong>新型电力系统:</strong> 核心是平衡安全、经济、低碳的“能源不可能三角”，行动方案聚焦<span class="text-purple-400 font-bold">2024-2027年</span>，解决新能源消纳瓶颈。</li>
|
||
<li><strong>配电网是投资重点:</strong> 需求侧接纳分布式能源（充电桩、户用光伏），需构建“源网荷储一体化”区域电网。</li>
|
||
<li><strong>AI与数字化赋能:</strong> AI用于新能源出力预测与电网调度，华为鸿蒙已在电力设备端试点。</li>
|
||
<li><strong>独立储能成主流:</strong> 通过辅助服务市场盈利，经济性依赖政策与<span class="text-yellow-400 font-bold">峰谷电价差</span>。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Research Reports -->
|
||
<div class="glass-card rounded-3xl p-6 md:p-8 col-span-1 lg:col-span-6">
|
||
<h3 class="relative pl-4 text-xl font-bold text-white mb-4 section-header font-orbitron">研报精粹</h3>
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 text-sm text-gray-300">
|
||
<div>
|
||
<h4 class="font-bold text-blue-300">生物基经济</h4>
|
||
<p>全球经济中高达60%的物质投入可通过生物学生产，可将温室气体排放减少高达90%。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-blue-300">数字经济 (上海)</h4>
|
||
<p>目标到2025年，上海数字经济增加值达<span class="font-bold text-lg">3万亿元</span>，占全市GDP比重超60%。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-blue-300">未来产业 (上海)</h4>
|
||
<p>布局未来健康、智能、能源、空间、材料，目标到2030年产值达<span class="font-bold text-lg">5000亿元</span>。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-blue-300">低空经济</h4>
|
||
<p>国家发改委新增“低空经济发展司”，基础设施框架指引已发布，eVTOL、无人驾驶航空器是重点。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-blue-300">人工智能</h4>
|
||
<p>现代化产业体系重点，亚马逊、OpenAI等海外巨头加速迭代，国内清华打造首家“AI医院”。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-blue-300">能源转型</h4>
|
||
<p>强调资源效率与循环经济，通过“城市采矿”和数字平台提高关键矿物供应链透明度与安全性。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table Section -->
|
||
<section x-data="{ tab: 'productive' }">
|
||
<div class="glass-card rounded-3xl p-6 md:p-10">
|
||
<h2 class="relative pl-6 text-3xl font-bold text-white mb-6 section-header font-orbitron">
|
||
核心关联标的 (Associated Stocks)
|
||
</h2>
|
||
<div class="text-sm font-medium text-center text-gray-400 border-b border-gray-700 mb-6">
|
||
<ul class="flex flex-wrap -mb-px">
|
||
<li class="mr-2">
|
||
<a href="#" @click.prevent="tab = 'productive'" class="inline-block p-4 border-b-2 rounded-t-lg" :class="{'text-blue-500 border-blue-500': tab === 'productive', 'border-transparent hover:text-gray-300 hover:border-gray-500': tab !== 'productive'}">产业链图谱A：政策驱动的“新质生产力”</a>
|
||
</li>
|
||
<li class="mr-2">
|
||
<a href="#" @click.prevent="tab = 'consumption'" class="inline-block p-4 border-b-2 rounded-t-lg" :class="{'text-purple-500 border-purple-500': tab === 'consumption', 'border-transparent hover:text-gray-300 hover:border-gray-500': tab !== 'consumption'}">产业链图谱B：市场认知的“新消费经济”</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Table A: New Quality Productive Forces -->
|
||
<div x-show="tab === 'productive'" class="overflow-x-auto">
|
||
<table class="table-custom">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑/驱动事件</th>
|
||
<th>细分领域</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td colspan="4" class="text-center font-bold text-blue-300 bg-slate-800/50">新型能源体系 & 新型工业化</td></tr>
|
||
<tr>
|
||
<td>中重科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=603135" target="_blank">603135</a></td>
|
||
<td>受益“新型工业化”政策，获宝武集团2.4亿高端锻压装备订单</td>
|
||
<td>高端装备</td>
|
||
</tr>
|
||
<tr>
|
||
<td>卧龙新能</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600173" target="_blank">600173</a></td>
|
||
<td>受益《新型储能规模化建设方案》，目标2027年180GW+</td>
|
||
<td>储能系统、机器人</td>
|
||
</tr>
|
||
<tr>
|
||
<td>长城电工</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600192" target="_blank">600192</a></td>
|
||
<td>中标甘肃6.8亿新型电力系统设备采购，受益西部电网升级</td>
|
||
<td>新型电力系统</td>
|
||
</tr>
|
||
<tr>
|
||
<td>湖南裕能</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301358" target="_blank">301358</a></td>
|
||
<td>储能需求爆发+盈利机制完善，磷酸铁锂龙头受益</td>
|
||
<td>储能材料</td>
|
||
</tr>
|
||
<tr>
|
||
<td>能辉科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=301046" target="_blank">301046</a></td>
|
||
<td>储能政策驱动，与蚂蚁数科合作探索“能源AI智能体”</td>
|
||
<td>虚拟电厂/微电网</td>
|
||
</tr>
|
||
<tr>
|
||
<td>建设工业</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002265" target="_blank">002265</a></td>
|
||
<td>受益金融支持新型工业化政策，机器人+军工概念</td>
|
||
<td>智能制造</td>
|
||
</tr>
|
||
<tr><td colspan="4" class="text-center font-bold text-blue-300 bg-slate-800/50">低空经济 & 商业航天</td></tr>
|
||
<tr>
|
||
<td>国睿科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600562" target="_blank">600562</a></td>
|
||
<td>获9.43亿军用雷达大单，深度布局低空经济监视雷达</td>
|
||
<td>低空经济基础设施</td>
|
||
</tr>
|
||
<tr>
|
||
<td>爱乐达</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300696" target="_blank">300696</a></td>
|
||
<td>为无人机/eVTOL提供结构件，受益军工、商业航天、低空经济共振</td>
|
||
<td>航空结构件</td>
|
||
</tr>
|
||
<tr><td colspan="4" class="text-center font-bold text-blue-300 bg-slate-800/50">数字经济 & 新型城镇化</td></tr>
|
||
<tr>
|
||
<td>信息发展</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300469" target="_blank">300469</a></td>
|
||
<td>受益新型城镇化四大行动，智慧城市解决方案提供商</td>
|
||
<td>智慧城市/数据要素</td>
|
||
</tr>
|
||
<tr>
|
||
<td>农尚环境</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300536" target="_blank">300536</a></td>
|
||
<td>主业受益新型城镇化，向算力业务转型预期强</td>
|
||
<td>算力/新型城镇化</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Table B: New Consumption Economy -->
|
||
<div x-show="tab === 'consumption'" class="overflow-x-auto" style="display: none;">
|
||
<table class="table-custom">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑</th>
|
||
<th>细分领域</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td colspan="4" class="text-center font-bold text-purple-300 bg-slate-800/50">医美护肤</td></tr>
|
||
<tr><td>珀莱雅</td><td><a href="https://valuefrontier.cn/company?scode=603605" target="_blank">603605</a></td><td>美妆</td><td>医美护肤</td></tr>
|
||
<tr><td>爱美客</td><td><a href="https://valuefrontier.cn/company?scode=300896" target="_blank">300896</a></td><td>童颜针/玻尿酸</td><td>医美护肤</td></tr>
|
||
<tr><td>华熙生物</td><td><a href="https://valuefrontier.cn/company?scode=688363" target="_blank">688363</a></td><td>玻尿酸</td><td>医美护肤</td></tr>
|
||
<tr><td>锦波生物</td><td>920982</td><td>胶原蛋白</td><td>医美护肤</td></tr>
|
||
|
||
<tr><td colspan="4" class="text-center font-bold text-purple-300 bg-slate-800/50">宠物经济</td></tr>
|
||
<tr><td>乖宝宠物</td><td><a href="https://valuefrontier.cn/company?scode=301498" target="_blank">301498</a></td><td>宠物食品</td><td>宠物经济</td></tr>
|
||
<tr><td>中宠股份</td><td><a href="https://valuefrontier.cn/company?scode=002891" target="_blank">002891</a></td><td>宠物食品</td><td>宠物经济</td></tr>
|
||
<tr><td>瑞普生物</td><td><a href="https://valuefrontier.cn/company?scode=300119" target="_blank">300119</a></td><td>宠物医疗</td><td>宠物经济</td></tr>
|
||
<tr><td>佩蒂股份</td><td><a href="https://valuefrontier.cn/company?scode=300673" target="_blank">300673</a></td><td>宠物用品</td><td>宠物经济</td></tr>
|
||
|
||
<tr><td colspan="4" class="text-center font-bold text-purple-300 bg-slate-800/50">Z世代经济</td></tr>
|
||
<tr><td>中文在线</td><td><a href="https://valuefrontier.cn/company?scode=300364" target="_blank">300364</a></td><td>IP</td><td>Z世代经济</td></tr>
|
||
<tr><td>奥飞娱乐</td><td><a href="https://valuefrontier.cn/company?scode=002292" target="_blank">002292</a></td><td>IP/潮玩 (卡牌/盲盒)</td><td>Z世代经济</td></tr>
|
||
<tr><td>裕同科技</td><td><a href="https://valuefrontier.cn/company?scode=002831" target="_blank">002831</a></td><td>泡泡玛特相关</td><td>Z世代经济</td></tr>
|
||
|
||
<tr><td colspan="4" class="text-center font-bold text-purple-300 bg-slate-800/50">新型烟草 (口含烟)</td></tr>
|
||
<tr><td>金城医药</td><td><a href="https://valuefrontier.cn/company?scode=300233" target="_blank">300233</a></td><td>烟碱 (尼古丁)</td><td>口含烟</td></tr>
|
||
<tr><td>顺灏股份</td><td><a href="https://valuefrontier.cn/company?scode=002565" target="_blank">002565</a></td><td>烟碱 (尼古丁)</td><td>口含烟</td></tr>
|
||
<tr><td>劲嘉股份</td><td><a href="https://valuefrontier.cn/company?scode=002191" target="_blank">002191</a></td><td>其他</td><td>口含烟</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('echarts-treemap');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
tooltip: {
|
||
formatter: function (info) {
|
||
var value = info.value;
|
||
var treePathInfo = info.treePathInfo;
|
||
var treePath = [];
|
||
for (var i = 1; i < treePathInfo.length; i++) {
|
||
treePath.push(treePathInfo[i].name);
|
||
}
|
||
return [
|
||
'<div class="tooltip-title">' + echarts.format.encodeHTML(treePath.join(' / ')) + '</div>',
|
||
'战略权重: ' + echarts.format.addCommas(value)
|
||
].join('');
|
||
},
|
||
backgroundColor: 'rgba(0,0,0,0.7)',
|
||
borderColor: '#3b82f6',
|
||
textStyle: {
|
||
color: '#fff'
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '新型经济',
|
||
type: 'treemap',
|
||
visibleMin: 300,
|
||
label: {
|
||
show: true,
|
||
formatter: '{b}',
|
||
color: '#fff',
|
||
fontSize: 14,
|
||
},
|
||
upperLabel: {
|
||
show: true,
|
||
height: 30,
|
||
color: '#fff',
|
||
fontSize: 16,
|
||
fontFamily: 'Orbitron',
|
||
},
|
||
itemStyle: {
|
||
borderColor: '#020010',
|
||
borderWidth: 2,
|
||
gapWidth: 2
|
||
},
|
||
levels: [
|
||
{
|
||
itemStyle: {
|
||
borderColor: '#0c244a',
|
||
borderWidth: 4,
|
||
gapWidth: 4
|
||
}
|
||
}
|
||
],
|
||
data: [
|
||
{
|
||
name: '新质生产力',
|
||
value: 100,
|
||
children: [
|
||
{
|
||
name: '新型能源体系', value: 40,
|
||
children: [
|
||
{ name: '新型储能', value: 15 },
|
||
{ name: '新型电力系统', value: 12 },
|
||
{ name: '虚拟电厂/VPP', value: 8 },
|
||
{ name: '氢能', value: 5 }
|
||
]
|
||
},
|
||
{
|
||
name: '数字经济/AI', value: 35,
|
||
children: [
|
||
{ name: '人工智能', value: 12 },
|
||
{ name: '数据要素', value: 8 },
|
||
{ name: '工业互联网', value: 8 },
|
||
{ name: '算力基建', value: 7 }
|
||
]
|
||
},
|
||
{
|
||
name: '未来产业', value: 25,
|
||
children: [
|
||
{ name: '低空经济', value: 10 },
|
||
{ name: '商业航天', value: 5 },
|
||
{ name: '生物基经济', value: 5 },
|
||
{ name: '人形机器人', value: 5 }
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
name: '新消费经济',
|
||
value: 60,
|
||
children: [
|
||
{ name: '医美护肤', value: 20 },
|
||
{ name: '宠物经济', value: 15 },
|
||
{ name: 'Z世代经济', value: 15 },
|
||
{ name: '新型烟草', value: 10 }
|
||
]
|
||
}
|
||
]
|
||
}
|
||
],
|
||
color: ['#3b82f6', '#8b5cf6', '#10b981', '#ef4444', '#f97316', '#eab308']
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |