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

450 lines
32 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.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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #0c0a18;
background-image:
radial-gradient(circle at 15% 15%, rgba(100, 116, 139, 0.2) 0%, transparent 40%),
radial-gradient(circle at 85% 75%, rgba(76, 29, 149, 0.25) 0%, transparent 50%);
background-attachment: fixed;
color: #e2e8f0;
}
.glass-card {
background: rgba(23, 23, 40, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
box-shadow: 0 0 40px rgba(128, 90, 213, 0.2);
border-color: rgba(128, 90, 213, 0.3);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
.glow-text {
text-shadow: 0 0 8px rgba(192, 132, 252, 0.5), 0 0 20px rgba(128, 90, 213, 0.3);
}
.section-title {
font-size: 1.875rem;
font-weight: 700;
letter-spacing: -0.025em;
background: linear-gradient(90deg, #a78bfa, #c4b5fd);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 1.5rem;
}
.table-custom thead th {
background-color: rgba(128, 90, 213, 0.1);
color: #d1d5db;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.table-custom tbody tr {
background-color: rgba(255, 255, 255, 0.03);
transition: background-color 0.2s ease-in-out;
}
.table-custom tbody tr:hover {
background-color: rgba(128, 90, 213, 0.15);
}
.table-custom td, .table-custom th {
padding: 1rem 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
</style>
</head>
<body class="min-h-screen">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center py-8 mb-8">
<h1 class="text-5xl md:text-6xl font-bold glow-text tracking-tight">概念深度研究:就业</h1>
<p class="mt-4 text-slate-400">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
</header>
<main class="space-y-8">
<!-- Insight Section -->
<section class="glass-card p-6 md:p-8">
<h2 class="section-title">核心观点与逻辑推演</h2>
<div class="space-y-6 text-slate-300">
<p class="text-lg bg-slate-800/50 p-4 rounded-xl border border-purple-500/20">
“就业”概念已从周期性的宏观经济指标,升维为由国家顶层战略驱动、旨在解决深层次结构性矛盾的<strong class="text-violet-300">政策主题</strong>。其核心驱动力源于“保民生、稳社会”的政治底线与经济转型中“新质生产力”创造高质量岗位的迫切需求。未来潜力在于,政策强力支持下的<strong class="text-violet-300">人力资源服务数字化、智能化升级</strong>以及<strong class="text-violet-300">职业教育改革</strong>,将成为连接劳动力供给与新兴产业需求的“金钥匙”。
</p>
</div>
</section>
<!-- Bento Grid Layout -->
<div class="bento-grid">
<!-- Concept Events -->
<div class="bento-item bento-item-span-12 lg:bento-item-span-8 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold mb-4 text-violet-300">0. 概念关键事件</h3>
<ul class="space-y-4 text-slate-300 list-disc list-inside">
<li><strong class="text-slate-100">宏观数据发布 (2024-2025年):</strong> 2024年城镇新增就业<strong class="text-sky-300">1256万人</strong>超额完成目标2025年Q1新增<strong class="text-sky-300">308万</strong>人,但外部冲击显现,就业承压。</li>
<li><strong class="text-slate-100">顶层政策定调 (2024下半年):</strong> 中共中央、国务院发布《意见》,正式将<strong class="text-purple-300">“高质量充分就业”</strong>确立为经济社会发展的<strong class="text-purple-300">优先目标</strong>。后续出台“岗位开发计划”,从新质生产力等七方面挖潜。</li>
<li><strong class="text-slate-100">市场结构性矛盾凸显 (2024-2025年):</strong> 青年就业压力巨大16-24岁失业率达<strong class="text-red-400">18.8%</strong>就业质量挑战周工时超48小时“教育失配”严重新业态崛起灵活就业规模达<strong class="text-amber-300">2亿</strong>人)。</li>
<li><strong class="text-slate-100">外部环境催化 (贯穿2024-2025年):</strong> 美国非农数据波动加剧全球经济不确定性,影响中国出口型就业(关税影响测算达<strong class="text-red-400">668万-995万</strong>岗位)。就业数据成为全球宏观交易的关键锚点,直接影响黄金等资产价格。</li>
</ul>
</div>
<!-- Key Data Visualization -->
<div class="bento-item bento-item-span-12 lg:bento-item-span-4 glass-card p-6 md:p-8 flex flex-col justify-center">
<h3 class="text-2xl font-bold mb-4 text-violet-300">就业结构性矛盾</h3>
<div id="unemployment_chart" class="w-full h-64"></div>
</div>
<!-- Core Logic -->
<div class="bento-item bento-item-span-12 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold mb-4 text-violet-300">2. 核心逻辑与市场认知分析</h3>
<div class="space-y-4 text-slate-300">
<div>
<h4 class="text-lg font-semibold text-slate-100 mb-2">核心驱动力</h4>
<ul class="list-decimal pl-5 space-y-2">
<li><strong class="text-purple-300">政策托底与战略升级:</strong> 驱动根本逻辑是自上而下的强政策意愿,将“高质量充分就业”提升至优先目标,构成最坚实底层支撑。</li>
<li><strong class="text-amber-300">结构性矛盾倒逼改革:</strong> 表面数据稳定失业率5.1%掩盖深层矛盾总量压力、供需错配35%教育失配)、质量不高(周工时>48小时是政策发力的真正靶点。</li>
<li><strong class="text-sky-300">技术赋能:</strong> AI、大数据为解决矛盾提供新路径如AI就业助手提升人岗匹配效率是技术驱动的内生逻辑。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-slate-100 mb-2">预期差分析</h4>
<ul class="list-decimal pl-5 space-y-2">
<li><strong class="text-purple-300">从“保量”到“提质”的认知不足:</strong> 市场低估了因“提质”催生的产业机遇,如现代职业教育、新业态服务平台。</li>
<li><strong class="text-amber-300">概念外延的狭隘认知:</strong> 市场将“就业”等同于人力资源服务,但其宏观属性更广。美国非农数据不及预期,直接驱动<strong class="text-yellow-300">黄金股</strong>大涨,表明“就业”是影响全球流动性的核心变量。</li>
<li><strong class="text-sky-300">对城市集聚效应的忽视:</strong> 超大城市对就业有强大“稳定器”作用,市场可能未充分定价在核心城市群深度布局的服务公司。</li>
</ul>
</div>
</div>
</div>
<!-- Data Insights -->
<div class="bento-item bento-item-span-12 lg:bento-item-span-6 glass-card p-6 md:p-8 flex flex-col justify-center">
<h3 class="text-2xl font-bold mb-4 text-violet-300">就业供给端挑战</h3>
<div id="supply_chart" class="w-full h-64"></div>
</div>
<div class="bento-item bento-item-span-12 lg:bento-item-span-6 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold mb-4 text-violet-300">4. 产业链与核心公司剖析</h3>
<div class="space-y-4 text-slate-300">
<div>
<h4 class="text-lg font-semibold text-slate-100 mb-2">产业链图谱</h4>
<p><strong class="text-sky-400">上游:</strong> 政策与资金供给 (人社部、财政部等)。</p>
<p><strong class="text-green-400">中游:</strong> 就业服务与能力建设 (综合人力资源、技术平台、职业培训)。</p>
<p><strong class="text-amber-400">下游:</strong> 用人单位与劳动者 (企业、政府、各类劳动者群体)。</p>
</div>
<div>
<h4 class="text-lg font-semibold text-slate-100 mb-2">核心玩家对比</h4>
<ul class="list-disc pl-5 space-y-1">
<li><strong class="text-slate-100">领导者 (规模驱动):</strong> <strong class="text-white">北京人力</strong> (国资背景,大而全)、<strong class="text-white">外服控股</strong></li>
<li><strong class="text-slate-100">创新者 (技术驱动):</strong> <strong class="text-white">科锐国际</strong> (AI+平台生态)、<strong class="text-white">德生科技</strong> (政策落地+零工市场)。</li>
<li><strong class="text-slate-100">跨界者 (场景延伸):</strong> <strong class="text-white">中公教育</strong> (公考流量切入就业服务)。</li>
</ul>
</div>
</div>
</div>
<div class="bento-item bento-item-span-12 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold mb-4 text-violet-300">6. 综合结论与投资启示</h3>
<div class="space-y-4">
<p class="text-slate-300">“就业”概念正处于从宏观议题向<strong class="text-violet-300">基本面驱动的政策主题</strong>过渡的关键阶段。投资核心是识别能将宏大政策叙事转化为具体产品、服务和收入的细分赛道。</p>
<div>
<h4 class="text-lg font-semibold text-slate-100 mb-2">最具投资价值的细分环节</h4>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-slate-800/50 p-4 rounded-xl border border-sky-500/30">
<h5 class="font-bold text-sky-300">1. AI+HR科技服务</h5>
<p class="text-sm text-slate-400">最具成长性,直击“供需错配”痛点,有望重塑行业格局 (如:科锐国际)。</p>
</div>
<div class="bg-slate-800/50 p-4 rounded-xl border border-purple-500/30">
<h5 class="font-bold text-purple-300">2. 公共就业服务数字化</h5>
<p class="text-sm text-slate-400">政策确定性最高,直接受益于政府预算投入,商业模式清晰 (如:德生科技)。</p>
</div>
<div class="bg-slate-800/50 p-4 rounded-xl border border-green-500/30">
<h5 class="font-bold text-green-300">3. 现代职业教育与技能培训</h5>
<p class="text-sm text-slate-400">解决结构性矛盾的根本出路,具备长期价值 (如:学大教育转型方向)。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Supporting Data Tabs -->
<section x-data="{ tab: 'news' }" class="glass-card p-6 md:p-8">
<div role="tablist" class="tabs tabs-boxed bg-black/20 mb-6">
<a role="tab" class="tab" :class="{ 'tab-active !bg-violet-600 !text-white': tab === 'news' }" @click.prevent="tab = 'news'">关键新闻摘要</a>
<a role="tab" class="tab" :class="{ 'tab-active !bg-violet-600 !text-white': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演精要</a>
<a role="tab" class="tab" :class="{ 'tab-active !bg-violet-600 !text-white': tab === 'research' }" @click.prevent="tab = 'research'">研报洞察</a>
</div>
<div class="text-slate-300 space-y-4 text-sm">
<div x-show="tab === 'news'" x-transition>
<h4 class="text-lg font-bold mb-2 text-slate-100">新闻数据摘要</h4>
<ul class="list-disc pl-5 space-y-2">
<li><strong>宏观形势:</strong>2024年全国城镇新增就业<strong class="text-white">1256万</strong>人,失业率平均<strong class="text-white">5.1%</strong>,总体稳定。但国家统计局指出“就业难、招工难并存的结构性矛盾”突出,外部冲击(如美国关税)导致就业压力上升。</li>
<li><strong>国家政策:</strong>发布《关于实施就业优先战略促进高质量充分就业的意见》,将就业作为<strong class="text-white">优先目标</strong>。出台岗位开发计划,从<strong class="text-white">新质生产力、先进制造、重大工程</strong>等七方面挖潜,并延续援企稳岗政策。</li>
<li><strong>重点群体:</strong>中央强调做好高校毕业生、农民工、脱贫人口等重点人群就业。人社部开展“百万见习岗位募集计划”、“10+N”公共就业服务等专项活动。</li>
<li><strong>地方实践:</strong>上海目标新增就业60万人以上广州打造15分钟就业服务圈四川将一次性吸纳就业补贴提至2000元/人;福建建立产业就业共同体。</li>
<li><strong>新技术:</strong>支付宝发布AI就业助手“晓叶”提升招聘与求职体验。</li>
</ul>
</div>
<div x-show="tab === 'roadshow'" x-transition style="display: none;">
<h4 class="text-lg font-bold mb-2 text-slate-100">路演数据精要 (主要聚焦美国市场)</h4>
<ul class="list-disc pl-5 space-y-2">
<li><strong>数据矛盾与波动:</strong>美国非农数据(雇主调查)与失业率(家庭调查)频繁出现<strong class="text-white">背离</strong>,且初值常被大幅下修,显示数据本身存在极大不确定性,成为全球宏观交易的扰动项。</li>
<li><strong>市场降温信号:</strong>尽管单次数据可能超预期如5月新增27.2万但职位空缺率下降、劳动参与率回落、失业率升至4%等指标均显示美国就业市场在<strong class="text-white">边际走弱</strong></li>
<li><strong>结构性问题:</strong>55岁以上及20-24岁群体劳动参与率下降。行业增长主要由教育保健、休闲酒店业贡献制造业就业疲软。</li>
<li><strong>政策锚点转变:</strong>美联储货币政策目标从通胀转向对就业的关注,就业数据成为判断降息节奏的<strong class="text-white">核心风向标</strong></li>
<li><strong>中国视角:</strong>路演指出中国未来就业风险需关注外需转弱对制造业就业的冲击需通过地产等政策在2-3年内稳定就业。超大城市人口>1500万对就业冲击的抵御能力远强于小城市。</li>
</ul>
</div>
<div x-show="tab === 'research'" x-transition style="display: none;">
<h4 class="text-lg font-bold mb-2 text-slate-100">研究报告洞察</h4>
<ul class="list-disc pl-5 space-y-2">
<li><strong>当前形势严峻:</strong>研报指出2024年8月16-24岁劳动力调查失业率高达<strong class="text-white">18.8%</strong>;企业职工周劳动时长攀升至<strong class="text-white">48小时以上</strong>,高质量就业目标面临挑战。</li>
<li><strong>结构性矛盾根源:</strong>结构性失业成主要矛盾原因包括技术进步冲击如ChatGPT、产业转移、教育与需求脱节教育失配率35%)、就业观念滞后(追求“铁饭碗”)等。</li>
<li><strong>外部冲击量化:</strong>关税政策或将减少<strong class="text-white">668.4万至995.7万</strong>个就业岗位,皮革制鞋、木材家具、纺织行业受影响最大。</li>
<li><strong>政策核心:</strong>“保”与“创”并举。“保”即发挥国企引领作用、稳岗扩岗;“创”即发展新质生产力,在数字经济、绿色产业、银发经济中催生新增长点。</li>
<li><strong>政策建议:</strong>核心在于<strong class="text-white">改革职业及专业教育体制</strong>,推动“产学研”一体化,提升服务业就业环境,畅通供需信息。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Tables -->
<section class="space-y-8">
<div>
<h2 class="section-title">'就业' 概念核心标的</h2>
<div class="overflow-x-auto glass-card">
<table class="table w-full table-custom">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<tr>
<td>北京人力</td>
<td><a href="https://valuefrontier.cn/company?scode=600861" target="_blank" class="text-violet-400 hover:text-violet-300">600861</a></td>
<td>A股营收第一2024年人力资源营收425.74亿元AI招聘产品规划覆盖ToB和ToC。</td>
<td><div class="badge badge-primary badge-outline">人力资源</div> <div class="badge badge-info badge-outline">AI就业</div></td>
</tr>
<tr>
<td>外服控股</td>
<td><a href="https://valuefrontier.cn/company?scode=600662" target="_blank" class="text-violet-400 hover:text-violet-300">600662</a></td>
<td>A股营收第二2024年人力资源营收222.3亿元。</td>
<td><div class="badge badge-primary badge-outline">人力资源</div></td>
</tr>
<tr>
<td>科锐国际</td>
<td><a href="https://valuefrontier.cn/company?scode=300662" target="_blank" class="text-violet-400 hover:text-violet-300">300662</a></td>
<td>A股营收第三打造AI驱动的人力资源产业互联生态平台-禾蛙。</td>
<td><div class="badge badge-primary badge-outline">人力资源</div> <div class="badge badge-info badge-outline">AI就业</div></td>
</tr>
<tr>
<td>德生科技</td>
<td><a href="https://valuefrontier.cn/company?scode=002908" target="_blank" class="text-violet-400 hover:text-violet-300">002908</a></td>
<td>构建“零工市场系统+微信小程序+就业地图”服务矩阵,打造新就业形态服务模式。</td>
<td><div class="badge badge-accent badge-outline">技术支持</div></td>
</tr>
<tr>
<td>中公教育</td>
<td><a href="https://valuefrontier.cn/company?scode=002607" target="_blank" class="text-violet-400 hover:text-violet-300">002607</a></td>
<td>发展AI就业服务业务、整合就业服务资源。</td>
<td><div class="badge badge-info badge-outline">AI就业</div></td>
</tr>
<tr>
<td>东软集团</td>
<td><a href="https://valuefrontier.cn/company?scode=600718" target="_blank" class="text-violet-400 hover:text-violet-300">600718</a></td>
<td>为河北省就业服务提供全面一体化IT解决方案以及服务与维护支持。</td>
<td><div class="badge badge-accent badge-outline">技术支持</div></td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<h2 class="section-title">宏观交易逻辑延展标的</h2>
<div class="overflow-x-auto glass-card">
<table class="table w-full table-custom">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>日期 / 涨幅</th>
<th class="w-1/2">核心逻辑与驱动分析 (就业数据作为宏观锚点)</th>
</tr>
</thead>
<tbody>
<tr>
<td>西部黄金</td>
<td><a href="https://valuefrontier.cn/company?scode=601069" target="_blank" class="text-violet-400 hover:text-violet-300">601069</a></td>
<td>2025-09-09 / <span class="text-red-400">10.0%</span></td>
<td class="text-sm whitespace-normal">核心逻辑美国劳工部下修非农就业数据直接触发市场对美联储9月降息50bp的概率预期跳升COMEX金价创历史新高。<strong>就业数据成为全球定价锚</strong>,机构资金据此对黄金股进行再定价,西部黄金因高弹性被选为龙头攻击标的。</td>
</tr>
<tr>
<td>学大教育</td>
<td><a href="https://valuefrontier.cn/company?scode=000526" target="_blank" class="text-violet-400 hover:text-violet-300">000526</a></td>
<td>2025-08-01 / <span class="text-red-400">7.06%</span></td>
<td class="text-sm whitespace-normal">核心逻辑职业教育业务转型成效显著。旗下学校从就业导向转为升学为主新增AI等前沿专业符合<strong class="text-white">未来就业市场需求</strong>。辽宁省将落地职教高考政策,强化其文化课教研优势,市场预期其在解决就业结构性矛盾中持续受益。</td>
</tr>
<tr>
<td>紫金矿业</td>
<td><a href="https://valuefrontier.cn/company?scode=601899" target="_blank" class="text-violet-400 hover:text-violet-300">601899</a></td>
<td>2025-08-25 / <span class="text-red-400">7.50%</span></td>
<td class="text-sm whitespace-normal">核心逻辑:美联储主席鲍威尔发言偏鸽,强调<strong class="text-white">就业下行风险</strong>,降低了通胀对降息的约束,市场降息预期增强。美元指数和美债利率下行,利好铜、金等以美元计价的资产价格,紫金矿业作为行业龙头直接受益。</td>
</tr>
<tr>
<td>香溢融通</td>
<td><a href="https://valuefrontier.cn/company?scode=600830" target="_blank" class="text-violet-400 hover:text-violet-300">600830</a></td>
<td>2025-08-01 / <span class="text-red-400">6.01%</span></td>
<td class="text-sm whitespace-normal">核心逻辑:国资委会议强调要更好助力“<strong>稳就业</strong>、稳企业、稳市场、稳预期”。作为国资控股的类金融企业,其融资租赁、担保等业务直接服务中小企业,与“稳就业”政策目标高度契合,市场对国企改革和其发挥作用的预期升温。</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
<footer class="text-center py-8 mt-8 text-xs text-slate-500">
<p>本报告为AI合成数据信息来源于公开资料可能存在滞后或误差。</p>
<p>投资需谨慎,报告内容不构成任何投资建议。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Chart 1: Unemployment Comparison
var unemploymentChart = echarts.init(document.getElementById('unemployment_chart'));
var unemploymentOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' },
formatter: '{b}<br/>{a0}: {c0}%<br/>{a1}: {c1}%'
},
legend: {
data: ['16-24岁青年失业率', '全国城镇调查失业率'],
textStyle: { color: '#94a3b8' },
top: 'bottom'
},
grid: { left: '3%', right: '4%', bottom: '15%', containLabel: true },
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLabel: { color: '#94a3b8', formatter: '{value}%' },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
},
yAxis: {
type: 'category',
data: ['失业率对比'],
axisLabel: { color: '#e2e8f0' }
},
series: [
{
name: '16-24岁青年失业率',
type: 'bar',
data: [18.8],
itemStyle: { color: '#f87171' },
label: { show: true, position: 'right', formatter: '{c}%', color: '#f87171' }
},
{
name: '全国城镇调查失业率',
type: 'bar',
data: [5.1],
itemStyle: { color: '#60a5fa' },
label: { show: true, position: 'right', formatter: '{c}%', color: '#60a5fa' }
}
]
};
unemploymentChart.setOption(unemploymentOption);
// Chart 2: Supply Side Challenges (Flexible Employment)
var supplyChart = echarts.init(document.getElementById('supply_chart'));
var supplyOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c}人 ({d}%)'
},
legend: {
orient: 'vertical',
left: 'left',
textStyle: { color: '#94a3b8' }
},
series: [
{
name: '就业结构',
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: { show: false, position: 'center' },
emphasis: {
label: { show: true, fontSize: '20', fontWeight: 'bold', color: '#fff' }
},
labelLine: { show: false },
data: [
{ value: 20000, name: '灵活就业人员', itemStyle: { color: '#facc15'} },
{ value: 74000 - 20000, name: '其他就业人员', itemStyle: { color: '#a78bfa' } }
]
}
],
title: {
text: '灵活就业规模达2亿人',
subtext: '占总就业人口约27%',
left: 'center',
top: 'center',
textStyle: { color: '#e2e8f0', fontSize: 16 },
subtextStyle: { color: '#94a3b8', fontSize: 12 }
}
};
supplyChart.setOption(supplyOption);
window.addEventListener('resize', function() {
unemploymentChart.resize();
supplyChart.resize();
});
});
</script>
</body>
</html>