Files
vf_react/public/htmls/电子烟.html
2025-12-05 13:29:18 +08:00

416 lines
32 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.11.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>
@keyframes subtle-glow {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
body {
background-color: #020011;
background-image:
radial-gradient(at 20% 20%, hsla(212, 80%, 30%, 0.25) 0px, transparent 50%),
radial-gradient(at 80% 20%, hsla(288, 80%, 35%, 0.25) 0px, transparent 50%),
radial-gradient(at 20% 80%, hsla(180, 80%, 40%, 0.25) 0px, transparent 50%),
radial-gradient(at 80% 80%, hsla(340, 80%, 45%, 0.25) 0px, transparent 50%);
background-size: 200% 200%;
animation: subtle-glow 25s ease infinite;
color: #e0e0e0;
}
.glass-card {
background: rgba(10, 10, 30, 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 {
border-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 20px rgba(100, 150, 255, 0.2);
}
.text-glow {
text-shadow: 0 0 8px rgba(173, 216, 230, 0.7), 0 0 10px rgba(173, 216, 230, 0.5);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 768px) {
.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; }
}
.alpine-tab-button {
transition: all 0.3s ease;
border-bottom: 2px solid transparent;
}
.alpine-tab-button.active {
color: #ffffff;
border-bottom-color: #3b82f6;
text-shadow: 0 0 5px #3b82f6;
}
.echarts-container {
width: 100%;
height: 300px;
}
</style>
</head>
<body class="font-sans antialiased">
<div class="container mx-auto p-4 md:p-8">
<header class="text-center my-8 md:my-12">
<h1 class="text-4xl md:text-6xl font-bold text-glow tracking-wider">电子烟</h1>
<h2 class="text-2xl md:text-3xl font-light text-blue-300 mt-2">概念深度投研</h2>
<p class="text-sm text-gray-500 mt-4">价小前投研</p>
</header>
<main class="space-y-8">
<!-- Insight Section -->
<section id="insight" class="glass-card p-6 md:p-8" x-data="{ tab: 'summary' }">
<div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
<h3 class="text-2xl font-bold text-glow mb-4 md:mb-0">深度洞察 (Insight)</h3>
<div class="tabs tabs-boxed bg-black/20">
<a class="tab" :class="{ 'tab-active': tab === 'summary' }" @click="tab = 'summary'">核心观点</a>
<a class="tab" :class="{ 'tab-active': tab === 'logic' }" @click="tab = 'logic'">核心逻辑</a>
<a class="tab" :class="{ 'tab-active': tab === 'catalyst' }" @click="tab = 'catalyst'">催化剂与路径</a>
<a class="tab" :class="{ 'tab-active': tab === 'chain' }" @click="tab = 'chain'">产业链与公司</a>
<a class="tab" :class="{ 'tab-active': tab === 'risk' }" @click="tab = 'risk'">风险与挑战</a>
</div>
</div>
<div class="prose max-w-none prose-invert prose-headings:text-glow prose-a:text-blue-400 prose-strong:text-white">
<div x-show="tab === 'summary'">
<h4>核心观点摘要</h4>
<p>电子烟概念已走过野蛮生长的草莽阶段,进入了<strong>“政策驱动下的结构性分化”</strong>新时期。其核心驱动力已从消费潮流转向<strong>全球监管的“筛选效应”</strong>,合规化、减害性与技术壁垒成为制胜关键。未来潜力在于,监管洗牌将清出大量不合规产能,市场份额将向拥有<strong>合规认证能力、技术护城河特别是HNB和高端雾化芯以及全球化渠道布局</strong>的头部企业高度集中。</p>
<p>行业正处在全球监管重塑和产品结构变迁的关键节点,近期核心催化剂完全由全球各主要市场的监管政策所驱动。</p>
</div>
<div x-show="tab === 'logic'">
<h4>核心逻辑与市场认知分析</h4>
<h5>核心驱动力</h5>
<ul>
<li><strong>监管的“供给侧改革”</strong>全球主要市场的监管政策中国国标、美国PMTA、欧洲一次性禁令本质上是在进行供给侧改革通过抬高准入门槛淘汰弱小企业利好龙头。</li>
<li><strong>减害性科学评估</strong>美国FDA对薄荷醇口味的批准标志着监管从“一刀切”转向基于“科学依据”的评估使“减害”从营销口号变为核心竞争力。</li>
<li><strong>产品形态的强制进化</strong>:对一次性产品的禁令,直接推动市场向价值更高、利润更厚的<strong>换弹式、开放式和加热不燃烧HNB</strong>产品形态迁移,重塑产业链价值。</li>
</ul>
<h5>市场热度与情绪</h5>
<p>市场情绪呈现<strong>“谨慎乐观下的结构性分歧”</strong>。乐观源于美国口味政策边际放松、HNB高速增长及龙头集中度提升谨慎则来自欧洲禁令的短期冲击和全球政策的不确定性。</p>
<h5>预期差分析</h5>
<ol>
<li><strong>对“禁令”的认知偏差</strong>:市场普遍认为欧洲禁令是利空,但对思摩尔国际这类以换弹式为优势的企业反而是<strong>利好</strong>因其产品毛利率更高其24H1欧洲换弹业务环比增长90%+)。</li>
<li><strong>美国市场的真实格局</strong>:专家对美国市场合规率的判断从<strong>15%到90%</strong>不等,存在巨大信息矛盾和认知盲点,直接影响对合规产品替代空间的判断。</li>
<li><strong>被忽视的增量品类</strong>:市场焦点集中于雾化电子烟,但<strong>口含式尼古丁产品增速超40%</strong><strong>CBD大麻器具</strong>的增长潜力可能被低估。</li>
</ol>
</div>
<div x-show="tab === 'catalyst'">
<h4>关键催化剂与未来发展路径</h4>
<h5>近期催化剂 (未来3-6个月)</h5>
<ul>
<li><strong>PMI的IQOS ILUMA在美国的FDA授权进展</strong>预计在2025年下半年是HNB能否在美国打开局面的标志性事件。</li>
<li><strong>中国薄荷口味国标产品审批</strong>路演专家预测3-4个月内可能跟进将是国内市场自果味禁令后的一次重要“松绑”。</li>
<li><strong>欧洲禁令生效后的市场数据</strong>2025年4月1日后需密切关注换弹式、开放式产品的销售数据。</li>
<li><strong>美国大选结果</strong>:特朗普的潜在上任可能对调味电子烟政策更为宽松,但会加大对非法走私的打击。</li>
</ul>
<h5>长期发展路径</h5>
<ol>
<li><strong>短期 (1-2年) - 合规化出清期</strong>:全球市场清理不合规产品,龙头企业享受市场集中度提升的红利。</li>
<li><strong>中期 (2-3年) - HNB崛起期</strong>HNB产品在美国完成渗透并可能在中国等新兴市场获得政策突破专家预计2026年后</li>
<li><strong>长期 (3-5年) - 寡头垄断与多元化</strong>:市场由国际烟草巨头及其核心供应商主导,产品形态进一步多元化。</li>
</ol>
</div>
<div x-show="tab === 'chain'">
<h4>产业链与核心公司深度剖析</h4>
<h5>产业链图谱</h5>
<ul>
<li><strong>上游(原材料)</strong>:尼古丁盐(润都股份)、香精香料、电池等。</li>
<li><strong>中游(零部件与制造)</strong>核心部件如雾化芯思摩尔国际、显示屏骏成科技以及OEM/ODM代工。</li>
<li><strong>下游(品牌与渠道)</strong>品牌方如雾芯科技RELX、斯科尔SKE、国际烟草巨头IQOS, VUSE以及包装劲嘉股份和分销爱施德</li>
</ul>
<h5>核心玩家对比</h5>
<ul>
<li><strong>思摩尔国际</strong><strong>技术领导者与“卖水人”</strong>。拥有雾化芯技术专利护城河,深度绑定国际巨头,受益于行业向高技术、高利润产品升级。</li>
<li><strong>赢合科技 (斯科尔)</strong><strong>面临转型的品牌挑战者</strong>。高度依赖即将被禁的一次性产品和英国市场,未来取决于新市场和新品类的开拓。</li>
<li><strong>中烟香港</strong><strong>HNB领域的“国家队”出口平台</strong>。以价格优势主攻东南亚、中东等新兴市场,增长逻辑清晰且风险相对隔离。</li>
<li><strong>润都股份</strong><strong>政策敏感的上游原材料供应商</strong>。国内尼古丁盐核心供应商,股价弹性与尼古丁浓度等政策直接挂钩。</li>
</ul>
</div>
<div x-show="tab === 'risk'">
<h4>潜在风险与挑战</h4>
<ul>
<li><strong>政策风险</strong>:行业最大风险。全球监管趋严的大方向不变,任何主要市场的超预期收紧都将是沉重打击。</li>
<li><strong>商业化风险</strong>HNB推广效果不及预期非法市场若打击不力将严重挤压合规产品空间。</li>
<li><strong>技术风险</strong>HNB领域存在专利壁垒可能延缓市场竞争和技术迭代MEMS等新技术商业化路径不明。</li>
<li><strong>信息交叉验证风险</strong><strong>美国非法市场规模的巨大矛盾</strong>,反映了市场信息的高度不透明和分析基础的脆弱性,投资者需对此类数据保持警惕。</li>
</ul>
<h5>综合结论与投资启示</h5>
<p>电子烟概念正从主题炒作向“政策定义下的基本面”驱动过渡。最具投资价值的细分环节包括:<strong>1) HNB产业链2) 合规雾化技术核心供应商3) 持牌稀缺资源</strong>。投资者需重点跟踪FDA审批清单、海关出口数据、烟草巨头财报以及核心供应商的毛利率变化。</p>
</div>
</div>
</section>
<!-- Bento Grid Section -->
<section id="data-visualization" class="bento-grid">
<div class="bento-item bento-item-span-6 md:bento-item-span-4 glass-card p-4">
<h4 class="font-bold text-center mb-2">中美英出口额同比 (前8月)</h4>
<div id="exportChart" class="echarts-container"></div>
</div>
<div class="bento-item bento-item-span-6 md:bento-item-span-4 glass-card p-4">
<h4 class="font-bold text-center mb-2">全球市场格局 (预估)</h4>
<div id="marketShareChart" class="echarts-container"></div>
</div>
<div class="bento-item bento-item-span-12 md:bento-item-span-4 glass-card p-4">
<h4 class="font-bold text-center mb-2">信息黑洞:美国市场合规率</h4>
<div id="complianceChart" class="echarts-container"></div>
</div>
<div class="bento-item bento-item-span-12 glass-card p-6">
<h4 class="font-bold text-xl mb-4 text-glow">关键事件时间轴</h4>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
<li>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2022</time>
<div class="text-lg font-black">中国监管改革</div>
实施《电子烟管理办法》和国标禁止果味纳入专卖体系行业进入“2.0时代”。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2024.06</time>
<div class="text-lg font-black">FDA里程碑事件</div>
历史性首次批准Njoy薄荷醇口味产品被解读为监管思路转向“科学审批”。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2025.04 (预期)</time>
<div class="text-lg font-black">欧洲禁令生效</div>
英国、法国等国一次性电子烟禁令正式生效,将深刻改变欧洲市场产品结构。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2025 H2 (预期)</time>
<div class="text-lg font-black">HNB在美国破冰</div>
PMI的IQOS ILUMA产品有望获得美国FDA授权标志HNB在美国市场的重要进展。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-start md:text-end">
<time class="font-mono italic">2026 (远期预期)</time>
<div class="text-lg font-black">中国HNB政策窗口</div>
国内传统烟草税收压力增大可能为HNB等新型烟草在国内的推广打开政策窗口。
</div>
</li>
</ul>
</div>
</section>
<!-- Data Summary Section -->
<section id="data-summary" class="space-y-4">
<div class="collapse collapse-arrow glass-card">
<input type="radio" name="my-accordion-2" checked="checked" />
<div class="collapse-title text-xl font-medium text-glow">
新闻数据摘要
</div>
<div class="collapse-content">
<ul class="list-disc pl-5 space-y-2">
<li><strong>国际监管:</strong>英国、法国将禁售一次性电子烟2025年生效。美国FDA首次批准薄荷醇产品释放口味政策缓和信号。特朗普若上任可能对行业更“友好”。</li>
<li><strong>国内监管:</strong>建立全国统一电子烟交易平台,价格由市场调节。严控产能,打击非法销售,特别是向未成年人销售和“上头电子烟”。</li>
<li><strong>市场数据:</strong>中国电子烟2024年前8个月出口至美国金额同比+34%,至英国同比-20%,反映政策影响。</li>
<li><strong>企业动态:</strong>思摩尔国际受益于产品结构优化(换弹式毛利更高);赢合科技子公司斯科尔受英国禁令影响大,积极开拓美国市场。</li>
<li><strong>健康问题:</strong>多项研究指出电子烟对青少年存在诱导吸烟及健康风险,是各国加强监管主因。</li>
</ul>
</div>
</div>
<div class="collapse collapse-arrow glass-card">
<input type="radio" name="my-accordion-2" />
<div class="collapse-title text-xl font-medium text-glow">
路演纪要精选
</div>
<div class="collapse-content">
<ul class="list-disc pl-5 space-y-2">
<li><strong>FDA政策解读</strong>批准薄荷味是历史性突破表明FDA以“科学依据”为审批核心利好大型合规企业可能加速中国薄荷味审批。</li>
<li><strong>产品迭代趋势:</strong>一次性电子烟普遍带屏换弹式向小型化、智能化如手表式发展。HNB技术创新光波加热和市场渗透预计2025年进入快车道是长期看点。</li>
<li><strong>市场结构变化:</strong>一次性产品增速放缓,换弹式/开放式和口含式尼古丁产品增长迅速后者增速超40%)。产能有从中国向东南亚转移趋势。</li>
<li><strong>HNB市场</strong>菲莫国际PMIIQOS市占率超70%英美烟草BAT追赶。2025年美国市场重启是关键催化剂。中国企业在加热技术上有所创新。</li>
<li><strong>中烟香港策略:</strong>采取差异化定价主攻东南亚、中东等新兴市场规避欧美高壁垒竞争HNB业务增长迅速。</li>
</ul>
</div>
</div>
<div class="collapse collapse-arrow glass-card">
<input type="radio" name="my-accordion-2" />
<div class="collapse-title text-xl font-medium text-glow">
研报观点提炼
</div>
<div class="collapse-content">
<ul class="list-disc pl-5 space-y-2">
<li><strong>出口数据分析:</strong>2024年中国电子烟出口额整体平稳但结构分化美国需求旺盛欧洲受禁令预期影响。东南亚是新兴增长市场。</li>
<li><strong>欧洲禁令影响:</strong>将引导市场需求从一次性转向可重复使用的换弹式、开放式产品,利好相关布局的企业。</li>
<li><strong>英国市场前瞻:</strong>有望在2025年成为全球首个电子烟使用率超过卷烟的国家其对电子烟的积极减害态度值得关注。</li>
<li><strong>国内政策影响:</strong>《电子烟交易管理细则》修订,将定价权更多交由市场,利于行业规范化发展,龙头企业受益。</li>
<li><strong>重点企业关注:</strong>思摩尔国际(技术壁垒)、赢合科技(自有品牌)、中烟香港(独特渠道)、雾芯科技(国内龙头)等是产业链关键节点。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Tables Section -->
<section id="stock-data" class="space-y-8">
<div class="glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-glow mb-6">相关上市公司分析</h3>
<div class="overflow-x-auto">
<table class="table table-zebra bg-transparent">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>自由流通市值</th>
<th>核心逻辑</th>
</tr>
</thead>
<tbody>
<tr><td>小崧股份</td><td><a href="https://valuefrontier.cn/company?scode=002723" target="_blank" class="link link-hover link-primary">002723</a></td><td>10亿</td><td>拥有电子烟代加工许可证,构建了全产业链布局。</td></tr>
<tr><td>顺灏股份</td><td><a href="https://valuefrontier.cn/company?scode=002565" target="_blank" class="link link-hover link-primary">002565</a></td><td>18亿</td><td>2013年开始布局电子烟领域通过控股子公司进行产品投资、生产和销售。</td></tr>
<tr><td>骏成科技</td><td><a href="https://valuefrontier.cn/company?scode=301106" target="_blank" class="link link-hover link-primary">301106</a></td><td>8亿</td><td>提供电子烟用TFT屏幕已形成规模化增量业务。</td></tr>
<tr><td>集友股份</td><td><a href="https://valuefrontier.cn/company?scode=603429" target="_blank" class="link link-hover link-primary">603429</a></td><td>11亿</td><td>拥有生产许可证,与中烟合作研发新型烟草制品(烟液、加热器等)。</td></tr>
<tr><td>唯科科技</td><td><a href="https://valuefrontier.cn/company?scode=301196" target="_blank" class="link link-hover link-primary">301196</a></td><td>11亿</td><td>电子烟配件终端品牌商为IQOSIQOS是唯一获FDA减害认证的HNB产品。</td></tr>
<tr><td>金龙机电</td><td><a href="https://valuefrontier.cn/company?scode=300032" target="_blank" class="link link-hover link-primary">300032</a></td><td>23亿</td><td>与电子烟品牌广东弗我签订大额日常经营性合同订单。</td></tr>
<tr><td>劲嘉股份</td><td><a href="https://valuefrontier.cn/company?scode=002191" target="_blank" class="link link-hover link-primary">002191</a></td><td>32亿</td><td>子公司与国外厂商研发新型电子烟,并与国内多家中烟公司合作。</td></tr>
<tr><td>亚香股份</td><td><a href="https://valuefrontier.cn/company?scode=301220" target="_blank" class="link link-hover link-primary">301220</a></td><td>10亿</td><td>为RELX悦刻电子烟生产商提供凉味剂产品。</td></tr>
</tbody>
</table>
</div>
</div>
<div class="glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-glow mb-6">涨幅异动归因分析</h3>
<div class="overflow-x-auto">
<table class="table table-zebra bg-transparent">
<thead>
<tr>
<th>股票</th>
<th>代码</th>
<th>异动日期</th>
<th>涨幅</th>
<th>归因分析</th>
</tr>
</thead>
<tbody>
<tr><td>国光电器</td><td><a href="https://valuefrontier.cn/company?scode=002045" target="_blank" class="link link-hover link-primary">002045</a></td><td>2025-09-22</td><td class="text-error font-bold">10.01%</td><td>持有的电子烟代加工牌照作为稀缺标签,在新型烟草板块异动时被动映射,由“持牌稀缺性+板块β”短线资金驱动。</td></tr>
<tr><td>润都股份</td><td><a href="https://valuefrontier.cn/company?scode=002923" target="_blank" class="link link-hover link-primary">002923</a></td><td>2025-07-16</td><td class="text-error font-bold">10.03%</td><td>政策松绑(电子烟尼古丁盐上限拟提升),作为尼古丁盐核心供应商直接受益,机构资金抢筹。</td></tr>
<tr><td>金城医药</td><td><a href="https://valuefrontier.cn/company?scode=300233" target="_blank" class="link link-hover link-primary">300233</a></td><td>2025-08-11</td><td class="text-error font-bold">7.65%</td><td>市场对其口含烟业务前景的关注度提升,该品类作为替代品增长趋势显著,公司在该产业链中定位受关注。</td></tr>
<tr><td>翔港科技</td><td><a href="https://valuefrontier.cn/company?scode=603499" target="_blank" class="link link-hover link-primary">603499</a></td><td>2025-10-24</td><td class="text-error font-bold">9.99%</td><td>中标中烟HNB硬盒招标年订单1.8亿),叠加三季报净利大增,形成产能落地与业绩兑现共振。</td></tr>
<tr><td>金时科技</td><td><a href="https://valuefrontier.cn/company?scode=002951" target="_blank" class="link link-hover link-primary">002951</a></td><td>2025-07-09</td><td class="text-error font-bold">9.98%</td><td>中标云南中烟2.3亿新型烟草包装项目,叠加国家烟标集采提高技术门槛,形成基本面突变。</td></tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
<footer class="text-center py-8 mt-8">
<p class="text-xs text-gray-600">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Export Chart
var exportChart = echarts.init(document.getElementById('exportChart'));
var exportOption = {
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
legend: { show: false },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'value', boundaryGap: [0, 0.01], splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } } },
yAxis: { type: 'category', data: ['对英国出口 YoY', '对美国出口 YoY'], axisLabel: { color: '#ccc' } },
color: ['#c23531', '#2f4554'],
series: [{
name: 'YoY Growth',
type: 'bar',
data: [-20, 34],
itemStyle: {
color: function(params) {
return params.value > 0 ? '#63b2ee' : '#e54035';
}
},
label: { show: true, position: 'right', formatter: '{c}%', color: '#fff' }
}]
};
exportChart.setOption(exportOption);
// Market Share Chart
var marketShareChart = echarts.init(document.getElementById('marketShareChart'));
var marketShareOption = {
tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c}%' },
legend: { top: 'bottom', textStyle: { color: '#ccc' } },
color: ['#3b82f6', '#10b981', '#f97316', '#8b5cf6'],
series: [{
name: '全球市场份额',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
label: { show: false, position: 'center' },
emphasis: { label: { show: true, fontSize: '20', fontWeight: 'bold' } },
labelLine: { show: false },
data: [
{ value: 48.5, name: '美国' },
{ value: 20, name: '英国' },
{ value: 31.5, name: '其他' }
]
}]
};
marketShareChart.setOption(marketShareOption);
// Compliance Chart
var complianceChart = echarts.init(document.getElementById('complianceChart'));
var complianceOption = {
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
legend: { show: false },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'category', data: ['专家观点A', '专家观点B'], axisLabel: { color: '#ccc' } },
yAxis: { type: 'value', axisLabel: { formatter: '{value} %', color: '#ccc' }, splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } } },
color: ['#f59e0b', '#ef4444'],
series: [{
name: '合规产品占比',
type: 'bar',
barWidth: '40%',
data: [90, 15],
label: { show: true, position: 'top', formatter: '{c}%', color: '#fff' }
}]
};
complianceChart.setOption(complianceOption);
window.addEventListener('resize', function() {
exportChart.resize();
marketShareChart.resize();
complianceChart.resize();
});
});
</script>
</body>
</html>