Files
vf_react/public/htmls/新质生产力.html
2025-12-05 13:29:18 +08:00

443 lines
30 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.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>
<style>
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@300;400;500;700&display=swap');
body {
font-family: 'Oxanium', sans-serif;
background-color: #050818;
background-image:
radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 0.1) 0px, transparent 50%),
radial-gradient(at 52% 99%, hsla(355, 98%, 61%, 0.1) 0px, transparent 50%),
radial-gradient(at 10% 29%, hsla(256, 96%, 61%, 0.1) 0px, transparent 50%),
radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 0.1) 0px, transparent 50%),
radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 0.1) 0px, transparent 50%),
radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 0.1) 0px, transparent 50%);
color: #E0E0E0;
}
.glass-card {
background: rgba(10, 15, 35, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem;
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 30px rgba(0, 255, 255, 0.2), 0 0 60px rgba(100, 100, 255, 0.1);
border: 1px solid rgba(0, 255, 255, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.grid-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.grid-item-4 { grid-column: span 4; }
.grid-item-6 { grid-column: span 6; }
.grid-item-8 { grid-column: span 8; }
.grid-item-12 { grid-column: span 12; }
}
.fui-title {
background: linear-gradient(90deg, #3388FF, #00FFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
}
.fui-timeline::before {
content: '';
position: absolute;
left: 1.25rem;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, rgba(0, 255, 255, 0) 0%, rgba(0, 255, 255, 0.5) 50%, rgba(0, 255, 255, 0) 100%);
}
.fui-timeline-dot {
position: absolute;
left: 1.25rem;
top: 0.5rem;
transform: translateX(-50%);
width: 1rem;
height: 1rem;
border-radius: 9999px;
background-color: #00FFFF;
box-shadow: 0 0 10px #00FFFF, 0 0 20px #00FFFF;
}
.fui-table thead th {
background-color: rgba(0, 255, 255, 0.05);
color: #00FFFF;
border-bottom: 1px solid rgba(0, 255, 255, 0.2);
}
.fui-table tbody tr {
transition: background-color 0.2s ease;
}
.fui-table tbody tr:hover {
background-color: rgba(0, 255, 255, 0.1);
}
</style>
</head>
<body class="p-4 sm:p-6 lg:p-8">
<div class="container mx-auto max-w-7xl">
<!-- Header and Disclaimer -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold fui-title tracking-widest">新质生产力</h1>
<p class="text-xl text-cyan-300/80 mt-2 tracking-wider">深度行研报告</p>
<p class="text-xs text-gray-500 mt-4 px-4 py-2 bg-gray-900/30 rounded-full inline-block border border-gray-700">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。
</p>
</header>
<main class="space-y-8">
<!-- Insight Section -->
<section id="insight" class="glass-card p-8 space-y-8">
<h2 class="text-3xl font-bold fui-title">核心洞察 (Core Insight)</h2>
<div class="p-6 bg-black/20 rounded-3xl border border-cyan-500/20">
<h3 class="text-xl font-semibold text-cyan-300 mb-2">核心观点摘要</h3>
<p class="text-gray-300">新质生产力是当前中国最高级别的、由顶层设计驱动的经济转型战略,其核心是<strong class="text-cyan-400">通过科技自立自强,摆脱传统增长路径依赖,重塑国家长期竞争力</strong>。目前,该概念正处于从宏大政策叙事向产业具体落地的关键过渡期,市场表现呈现出政策预期驱动与部分领域基本面改善共存的“混合驱动”特征,长期潜力巨大,但短期发展路径存在显著的结构性分化和不确定性。</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-12 gap-6">
<!-- Concept Timeline -->
<div class="lg:col-span-4 space-y-4">
<h3 class="text-xl font-semibold text-cyan-300">概念演进脉络</h3>
<div class="relative pl-10 fui-timeline space-y-8">
<div class="relative">
<div class="fui-timeline-dot"></div>
<p class="font-bold text-cyan-400">2023年9月</p>
<p class="text-sm text-gray-400">概念首提:总书记在黑龙江考察时首次提出,强调发展战略性新兴产业和未来产业。</p>
</div>
<div class="relative">
<div class="fui-timeline-dot"></div>
<p class="font-bold text-cyan-400">2023年12月</p>
<p class="text-sm text-gray-400">中央定调:中央经济工作会议明确以科技创新引领现代化产业体系建设。</p>
</div>
<div class="relative">
<div class="fui-timeline-dot"></div>
<p class="font-bold text-cyan-400">2024年1月</p>
<p class="text-sm text-gray-400">系统阐释:中央政治局集体学习,对新质生产力进行系统性阐释,理论走向成熟。</p>
</div>
<div class="relative">
<div class="fui-timeline-dot"></div>
<p class="font-bold text-cyan-400">2024年两会</p>
<p class="text-sm text-gray-400">全面部署:被列为政府十大工作任务之首,凸显其在国家战略中的核心地位。</p>
</div>
<div class="relative">
<div class="fui-timeline-dot"></div>
<p class="font-bold text-cyan-400">2024年至今</p>
<p class="text-sm text-gray-400">政策深化:大规模设备更新、央企焕新行动、四中全会公报等政策密集落地。</p>
</div>
</div>
</div>
<!-- Core Logic -->
<div class="lg:col-span-8 p-6 bg-black/20 rounded-3xl border border-cyan-500/20 space-y-4">
<h3 class="text-xl font-semibold text-cyan-300">核心驱动逻辑与市场认知</h3>
<div>
<h4 class="font-bold text-cyan-400">根本驱动力:内外双重压力下的国家战略选择</h4>
<ul class="list-disc list-inside text-sm text-gray-400 pl-2 mt-1 space-y-1">
<li><strong>内生驱动:</strong>传统增长模式难以为继,提升全要素生产率(TFP)成为突破增长瓶颈的唯一出路当前中国TFP仅为美国的40%-44%)。</li>
<li><strong>外生驱动:</strong>应对全球科技竞争与“卡脖子”问题,实现产业链自主可控,赢得大国博弈战略主动权。</li>
<li><strong>政策催化:</strong>前所未有的政策支持广度与深度,结合资本市场改革提供金融血液。</li>
</ul>
</div>
<div>
<h4 class="font-bold text-rose-400">关键预期差分析</h4>
<ul class="list-disc list-inside text-sm text-gray-400 pl-2 mt-1 space-y-1">
<li><strong class="text-rose-400">宏大叙事 vs. 微观盈利:</strong>政策强力推动与市场乐观情绪,同战略新兴产业整体<strong class="text-rose-400">-13.9%</strong>的利润增速形成鲜明对比,是最大风险点。</li>
<li><strong class="text-rose-400">全面开花 vs. 结构分化:</strong>市场资金高度集中于AI、机器人、航天等少数尖端领域对传统产业技术改造的关注度不足可能存在价值洼地。</li>
<li><strong class="text-rose-400">经济拉动效应:</strong>新质生产力(资本密集型)对就业拉动弱于地产链(劳动密集型),可能导致“宏观热、微观冷”现象。</li>
<li><strong class="text-rose-400">政策初衷 vs. 市场投机:</strong>监管已警示“跑马圈地”、概念炒作等泡沫化乱象,部分个股涨幅与投机行为强相关。</li>
</ul>
</div>
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="p-6 bg-black/20 rounded-3xl border border-cyan-500/20">
<h3 class="text-xl font-semibold text-cyan-300 mb-2">关键催化剂与长期发展路径</h3>
<h4 class="font-bold text-cyan-400">近期催化剂 (未来3-6个月)</h4>
<p class="text-sm text-gray-400 mb-4">“人工智能+”行动方案细则、未来产业规划发布;人形机器人商业化量产、商业航天密集发射;固态电池量产装车;支持未盈利科技企业上市等政策落地。</p>
<h4 class="font-bold text-cyan-400">长期发展路径 (三步走)</h4>
<ol class="list-decimal list-inside text-sm text-gray-400 space-y-1">
<li><strong>第一阶段 (当前-2025)</strong>政策驱动与基础建设期。重点是算力、组网、核心零部件国产化攻关。</li>
<li><strong>第二阶段 (2025-2028)</strong>应用渗透与业绩分化期。关键技术规模化应用企业业绩分化TFP数据成为关键验证指标。</li>
<li><strong>第三阶段 (2028-)</strong>全面融合与经济重塑期。与传统产业深度融合,未来产业成为新增长极。</li>
</ol>
</div>
<div class="p-6 bg-black/20 rounded-3xl border border-cyan-500/20">
<h3 class="text-xl font-semibold text-cyan-300 mb-2">综合结论与投资启示</h3>
<h4 class="font-bold text-cyan-400">最终看法</h4>
<p class="text-sm text-gray-400 mb-4">新质生产力已进入由国家战略驱动的产业重塑早期阶段。当前是充满机遇但也极具挑战的“播种期”,投资核心在于区分“真成长”与“纯概念”。</p>
<h4 class="font-bold text-cyan-400">最具投资价值细分方向</h4>
<ul class="list-disc list-inside text-sm text-gray-400 space-y-1">
<li><strong>确定性最高:</strong>“设备更新+国产替代”,聚焦工业母机、核心零部件(减速器、数控系统)。</li>
<li><strong>弹性最大:</strong>“AI+与算力基建”聚焦AI应用、算力硬件光模块、液冷、商业航天。</li>
</ul>
</div>
</div>
<div class="p-6 bg-black/20 rounded-3xl border border-rose-500/20">
<h3 class="text-xl font-semibold text-rose-400 mb-2">潜在风险与挑战</h3>
<ul class="list-disc list-inside text-sm text-gray-400 space-y-2">
<li><strong>技术风险:</strong> 高端机床国产化率低约20%),人形机器人技术处早期,技术追赶不及预期是最大风险。</li>
<li><strong>商业化风险:</strong> 未来产业产品成本高昂,商业化路径尚不清晰,部分领域存在脱离实际的过度投资和概念炒作。</li>
<li><strong>政策与竞争风险:</strong> 地方政府和企业可能出现“一哄而上、重复建设”的内卷式竞争,导致资源错配。</li>
<li><strong>核心矛盾点:</strong> <strong class="text-rose-300">政策/市场的极度乐观与产业当前的盈利困境(新兴产业利润增速-13.9%)之间的巨大反差</strong>,是当前最大的认知挑战和风险来源。</li>
</ul>
</div>
</section>
<!-- Supporting Data Bento Grid -->
<section id="supporting-data">
<h2 class="text-3xl font-bold fui-title text-center mb-8">多维数据透视</h2>
<div class="bento-grid">
<div class="grid-item lg:grid-item-8 glass-card p-6">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">宏观政策与顶层设计</h3>
<ul class="space-y-3 text-sm text-gray-300">
<li><strong>核心定位:</strong> <span class="text-cyan-400">中央经济工作会议</span>明确以科技创新引领新质生产力发展;<span class="text-cyan-400">四中全会</span>提出加快高水平科技自立自强,抢占科技发展制高点。</li>
<li><strong>制度保障:</strong> <span class="text-cyan-400">何立峰</span>指出要加快形成同新质生产力相适应的生产关系,打通堵点。具体措施包括一体推进教育科技人才发展、完善要素市场化配置、深化财税金融体制改革。</li>
<li><strong>央企角色:</strong> <span class="text-cyan-400">国资委</span>表示要加快形成同新质生产力相适应的新型生产关系,推动国资央企在原始创新、战新产业中发挥作用。</li>
</ul>
</div>
<div class="grid-item lg:grid-item-4 glass-card p-6">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">资本市场作用</h3>
<ul class="space-y-2 text-sm text-gray-300">
<li><strong>定位:</strong> 支持新质生产力发展的主阵地,分担创新风险,优化资源配置。</li>
<li><strong>改革方向:</strong> 升级“工具箱”(上市融资、并购重组等),增强制度包容性(支持未盈利科技企业),壮大耐心资本(引入险资、社保等长线资金)。</li>
</ul>
</div>
<div class="grid-item lg:grid-item-12 glass-card p-6">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">科技创新与产业应用</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 text-sm">
<div class="bg-black/20 p-4 rounded-2xl">
<h4 class="font-bold text-cyan-400">人工智能 (AI)</h4>
<p>作为新质生产力核心引擎布局大算力、大模型、大应用。私募重点关注AI应用预计2025年百花齐放。</p>
</div>
<div class="bg-black/20 p-4 rounded-2xl">
<h4 class="font-bold text-cyan-400">机器人</h4>
<p>新质生产力代表涵盖人形、工业、四足等。预计2025年人形机器人有望实现量产和商业化。</p>
</div>
<div class="bg-black/20 p-4 rounded-2xl">
<h4 class="font-bold text-cyan-400">商业航天</h4>
<p>低轨卫星组网成科技竞争焦点。政策支持,工信部改革准入制度,推动民间资本进入。</p>
</div>
<div class="bg-black/20 p-4 rounded-2xl">
<h4 class="font-bold text-cyan-400">其他前沿领域</h4>
<p>低空经济、固态电池、生物制造、量子技术、新材料等成为重点布局和投资方向。</p>
</div>
</div>
</div>
<div class="grid-item lg:grid-item-6 glass-card p-6">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">量化指标对比:新质生产力 vs. 全市场</h3>
<div id="metrics-chart" style="width: 100%; height: 300px;"></div>
<p class="text-xs text-gray-500 mt-2 text-center">数据显示,新质生产力相关产业在研发和资本投入上显著高于市场平均水平,但当前盈利能力承压。</p>
</div>
<div class="grid-item lg:grid-item-6 glass-card p-6">
<h3 class="text-xl font-semibold text-rose-400 mb-4">发展原则与注意事项</h3>
<ul class="space-y-3 text-sm text-gray-300">
<li><strong class="text-rose-300">因地制宜,分类指导:</strong> 坚持全国一盘棋,防止一哄而上、重复建设;发挥各地比较优势,发展特色产业,切忌一味“求高求新”。</li>
<li><strong class="text-rose-300">强化企业主体作用:</strong> 企业是发展新质生产力的主力军,发挥国企战略支撑和民企机制灵活优势。</li>
<li><strong class="text-rose-300">警惕泡沫化乱象:</strong> <span class="text-white">经济日报</span>指出,要坚决防止以建设氢能项目名义“跑马圈地”、借“元宇宙”概念实施炒作诈骗、集成电路大项目“烂尾”等泡沫化乱象重演。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Data Section -->
<section id="stock-data">
<h2 class="text-3xl font-bold fui-title text-center my-8">相关标的分析</h2>
<div class="glass-card p-6">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">新质生产力概念股梳理</h3>
<div class="overflow-x-auto">
<table class="table table-sm fui-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>细分领域</th>
</tr>
</thead>
<tbody>
<tr><td>克来机电</td><td><a href="https://valuefrontier.cn/company?scode=603960" target="_blank" class="text-cyan-400 hover:underline">603960</a></td><td>新质生产力概念</td><td>机器人</td></tr>
<tr><td>工业富联</td><td><a href="https://valuefrontier.cn/company?scode=601138" target="_blank" class="text-cyan-400 hover:underline">601138</a></td><td>新质生产力概念</td><td>机器人</td></tr>
<tr><td>绿的谐波</td><td><a href="https://valuefrontier.cn/company?scode=688017" target="_blank" class="text-cyan-400 hover:underline">688017</a></td><td>新质生产力概念</td><td>减速器</td></tr>
<tr><td>双环传动</td><td><a href="https://valuefrontier.cn/company?scode=002472" target="_blank" class="text-cyan-400 hover:underline">002472</a></td><td>新质生产力概念</td><td>减速器</td></tr>
<tr><td>先导智能</td><td><a href="https://valuefrontier.cn/company?scode=300450" target="_blank" class="text-cyan-400 hover:underline">300450</a></td><td>新质生产力概念</td><td>智能装备</td></tr>
<tr><td>立中集团</td><td><a href="https://valuefrontier.cn/company?scode=300428" target="_blank" class="text-cyan-400 hover:underline">300428</a></td><td>新质生产力概念</td><td>工业4.0</td></tr>
<tr><td>海天精工</td><td><a href="https://valuefrontier.cn/company?scode=601882" target="_blank" class="text-cyan-400 hover:underline">601882</a></td><td>新质生产力概念</td><td>工业母机</td></tr>
<tr><td>创世纪</td><td><a href="https://valuefrontier.cn/company?scode=300083" target="_blank" class="text-cyan-400 hover:underline">300083</a></td><td>新质生产力概念</td><td>工业母机</td></tr>
<tr><td>华中数控</td><td><a href="https://valuefrontier.cn/company?scode=300161" target="_blank" class="text-cyan-400 hover:underline">300161</a></td><td>新质生产力概念</td><td>工业母机</td></tr>
<!-- Add other stocks from the list -->
<tr><td>赛摩智能</td><td><a href="https://valuefrontier.cn/company?scode=300466" target="_blank" class="text-cyan-400 hover:underline">300466</a></td><td>新质生产力概念</td><td>机器人</td></tr>
<tr><td>东土科技</td><td><a href="https://valuefrontier.cn/company?scode=300353" target="_blank" class="text-cyan-400 hover:underline">300353</a></td><td>新质生产力概念</td><td>机器人</td></tr>
<tr><td>中大力德</td><td><a href="https://valuefrontier.cn/company?scode=002896" target="_blank" class="text-cyan-400 hover:underline">002896</a></td><td>新质生产力概念</td><td>减速器</td></tr>
<tr><td>拓斯达</td><td><a href="https://valuefrontier.cn/company?scode=300607" target="_blank" class="text-cyan-400 hover:underline">300607</a></td><td>新质生产力概念</td><td>工业母机</td></tr>
</tbody>
</table>
</div>
</div>
<div class="glass-card p-6 mt-8">
<h3 class="text-xl font-semibold text-cyan-300 mb-4">异动个股涨幅归因分析</h3>
<div class="overflow-x-auto">
<table class="table table-sm fui-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>异动日期</th>
<th>涨幅</th>
<th class="w-2/3">归因分析</th>
</tr>
</thead>
<tbody>
<tr><td>三六零</td><td><a href="https://valuefrontier.cn/company?scode=601360" target="_blank" class="text-cyan-400 hover:underline">601360</a></td><td>2025-11-17</td><td class="text-green-400">+10.01%</td><td class="text-xs">政策定调“AI+安全”为新质生产力重点,工信部点名+华为联合发布安全方案,形成“政策+订单+业绩”三击资金确认其为AI安全赛道最先兑现标的。</td></tr>
<tr><td>退市九有</td><td><a href="https://valuefrontier.cn/company?scode=600462" target="_blank" class="text-cyan-400 hover:underline">600462</a></td><td>2025-07-14</td><td class="text-green-400">+10.53%</td><td class="text-xs">核心催化为“固态电池借壳+新质生产力绿色通道+地方国资5亿元级支持”三重预期共振退市壳价值向固态电池赛道估值切换。</td></tr>
<tr><td>万通发展</td><td><a href="https://valuefrontier.cn/company?scode=600246" target="_blank" class="text-cyan-400 hover:underline">600246</a></td><td>2025-08-28</td><td class="text-green-400">+10.01%</td><td class="text-xs">收购数渡科技落地,由地产彻底转型半导体算力赛道。叠加卫星互联网新政与顶级游资锁仓,形成“并购+政策+资金”共振。</td></tr>
<tr><td>深振业A</td><td><a href="https://valuefrontier.cn/company?scode=000006" target="_blank" class="text-cyan-400 hover:underline">000006</a></td><td>2025-10-13</td><td class="text-green-400">+9.97%</td><td class="text-xs">深圳国资委要求地产平台转型新质生产力平台,公司是唯一已净壳、现金充裕的标的,资金博弈其被半导体资产(新凯来)注入的预期。</td></tr>
<tr><td>新恒汇</td><td><a href="https://valuefrontier.cn/company?scode=301678" target="_blank" class="text-cyan-400 hover:underline">301678</a></td><td>2025-08-01</td><td class="text-green-400">+14.37%</td><td class="text-xs">直接原因为半导体板块整体走强。背后受新质生产力政策导向、国际贸易环境变化、产业链利好消息等多重因素影响。</td></tr>
<tr><td>华光新材</td><td><a href="https://valuefrontier.cn/company?scode=688379" target="_blank" class="text-cyan-400 hover:underline">688379</a></td><td>2025-08-01</td><td class="text-green-400">+6.81%</td><td class="text-xs">新材料板块走强,受益于液冷散热、海外建厂(泰国基地)等热门概念。公司相对较低的估值和技术面走好吸引投资者。</td></tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('metrics-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(10, 15, 35, 0.8)',
borderColor: '#00FFFF',
textStyle: {
color: '#E0E0E0'
}
},
legend: {
data: ['新质生产力产业', '全A非金融'],
textStyle: {
color: '#ccc'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: { lineStyle: { color: 'rgba(0, 255, 255, 0.3)' } },
splitLine: { show: true, lineStyle: { color: 'rgba(255, 255, 255, 0.05)' } },
},
yAxis: {
type: 'category',
data: ['归母净利润增速(TTM)', '资本开支强度', '研发支出强度'],
axisLine: { lineStyle: { color: 'rgba(0, 255, 255, 0.3)' } }
},
series: [
{
name: '新质生产力产业',
type: 'bar',
data: [-13.9, 9.8, 4.0],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#83bff6' },
{ offset: 0.5, color: '#188df0' },
{ offset: 1, color: '#188df0' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#2378f7' },
{ offset: 0.7, color: '#2378f7' },
{ offset: 1, color: '#83bff6' }
])
}
},
label: {
show: true,
position: 'right',
formatter: '{c}%',
color: '#fff'
}
},
{
name: '全A非金融',
type: 'bar',
data: [/* Assuming a baseline for comparison, derived from general market knowledge */ 2.5, 6.0, 2.5],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#FFB74D' },
{ offset: 1, color: '#FF8A65' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#FF8A65' },
{ offset: 1, color: '#FFD54F' }
])
}
},
label: {
show: true,
position: 'right',
formatter: '{c}%',
color: '#fff'
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>