Files
vf_react/public/htmls/反内卷食用盐.html
2025-12-05 13:29:18 +08:00

527 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>
<!-- 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 for interactivity -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- ECharts for data visualization -->
<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=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color: hsl(217, 100%, 70%);
--glow-spread-color: hsla(217, 100%, 70%, 0.2);
--enhanced-glow-color: hsl(217, 100%, 80%);
--card-glow-color: hsla(217, 100%, 80%, 0.1);
}
body {
font-family: 'Inter', sans-serif;
background-color: #02040a;
color: #e6f1ff;
background-image:
radial-gradient(circle at 25% 30%, hsl(217, 80%, 25%, 0.4), transparent 40%),
radial-gradient(circle at 75% 70%, hsl(280, 60%, 20%, 0.3), transparent 40%);
background-attachment: fixed;
}
h1, h2, h3, h4, .font-title {
font-family: 'Orbitron', sans-serif;
text-shadow: 0 0 8px var(--glow-spread-color);
}
.glass-card {
background: rgba(12, 18, 44, 0.4);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(137, 177, 255, 0.1);
border-radius: 2rem; /* Extreme rounded corners */
transition: all 0.3s ease;
}
.glass-card:hover {
box-shadow: 0 0 30px var(--card-glow-color), 0 0 15px var(--card-glow-color);
transform: translateY(-5px);
border-color: rgba(137, 177, 255, 0.3);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: minmax(100px, auto);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-1 { grid-column: span 12; }
.bento-item-2 { grid-column: span 7; grid-row: span 2; }
.bento-item-3 { grid-column: span 5; }
.bento-item-4 { grid-column: span 5; }
.bento-item-5 { grid-column: span 6; }
.bento-item-6 { grid-column: span 6; }
}
.section-title {
font-size: 2rem;
font-weight: 700;
color: #ffffff;
padding-bottom: 1rem;
margin-bottom: 2rem;
border-bottom: 1px solid rgba(137, 177, 255, 0.2);
position: relative;
}
.section-title::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100px;
height: 2px;
background: linear-gradient(90deg, var(--glow-color), transparent);
}
.daisy-timeline .timeline-middle {
color: var(--glow-color);
}
.daisy-timeline .timeline-box {
background-color: rgba(12, 18, 44, 0.6);
border-color: rgba(137, 177, 255, 0.1);
border-radius: 1rem;
}
.daisy-table {
background: transparent;
}
.daisy-table th, .daisy-table td {
background: transparent !important;
border-color: rgba(137, 177, 255, 0.15) !important;
}
.daisy-table th {
color: #a6c8ff;
font-family: 'Orbitron', sans-serif;
}
.daisy-collapse {
background: rgba(12, 18, 44, 0.6);
border-radius: 1rem;
border: 1px solid rgba(137, 177, 255, 0.1);
}
.daisy-collapse-title {
font-weight: 600;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #02040a;
}
::-webkit-scrollbar-thumb {
background-color: rgba(137, 177, 255, 0.2);
border-radius: 10px;
border: 2px solid #02040a;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl lg:text-5xl font-bold tracking-wider text-white mb-4">
深度行研 | 反内卷食用盐
</h1>
<p class="text-lg text-blue-300 font-title">CONCEPT INSIGHT: ANTI-INVOLUTION EDIBLE SALT</p>
<div class="mt-4 text-xs text-gray-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎 | 生成日期: <span x-data x-text="new Date().toLocaleDateString()"></span></p>
</div>
</header>
<main class="space-y-16">
<!-- Concept Event Timeline -->
<section>
<h2 class="section-title">概念形成:政策与行业共振</h2>
<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 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2024.12 - 2025.07</time>
<div class="text-lg font-black font-title">宏观政策铺垫</div>
从中央经济工作会议首次提出“综合整治‘内卷式’竞争”,到政治局会议明确“依法依规治理企业无序竞争”,国家层面“反内卷”决心与政策站位空前提高,为产业层面的变革提供了强大的顶层设计与政策背书。
</div>
<hr class="bg-blue-400/30"/>
</li>
<li>
<hr class="bg-blue-400/30"/>
<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 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2025.07.26</time>
<div class="text-lg font-black font-title">行业催化事件</div>
行业龙头**中盐集团**牵头,邀请湖南盐业(雪天盐业)、鲁银投资等7家骨干企业举行“盐业反内卷座谈会”并共同发起“摒弃内卷 竞合共赢”联合行动。该事件标志着宏观政策正式在食用盐行业落地,成为引爆该概念的核心催化剂。
</div>
<hr class="bg-blue-400/30"/>
</li>
</ul>
</section>
<!-- Insight Analysis Bento Grid -->
<section>
<h2 class="section-title">核心逻辑与市场解析</h2>
<div class="bento-grid">
<div class="bento-item bento-item-1 glass-card p-6">
<h3 class="font-title text-xl font-bold text-blue-300 mb-3">核心观点摘要</h3>
<p class="text-gray-300">
“反内卷食用盐”概念是由**顶层政策驱动、行业龙头响应**的产业逻辑重塑主题,目前正处于从**政策预期转向行业实质性执行的初期阶段**。其核心驱动力在于通过行业自律与潜在的行政监管相结合,遏制恶性价格战,从而修复行业盈利能力。未来潜力在于龙头企业凭借**成本优势、品牌力及向高附加值产品转型的能力**,实现市场份额与利润率的双重提升。
</p>
</div>
<div class="bento-item bento-item-2 glass-card p-6">
<h3 class="font-title text-xl font-bold text-blue-300 mb-3">核心驱动力与市场认知</h3>
<div class="space-y-4 text-gray-300">
<div>
<h4 class="font-semibold text-blue-400">驱动力:政策引导下的行业供给侧自律</h4>
<p class="text-sm mt-1">概念基石是自上而下的政策决心,通过行业龙头(中盐集团)组织座谈会,将宏观意图转化为行业共识和联合行动。此模式侧重于通过“竞合”修正失序的价格竞争,而非强制去产能。</p>
</div>
<div>
<h4 class="font-semibold text-blue-400">问题验证:行业内卷的直接证据</h4>
<p class="text-sm mt-1">研报数据显示,以**雪天盐业**为例2024上半年小包盐销量同比<span class="text-green-400 font-bold">+16.4%</span>,但扣非净利润却同比<span class="text-red-400 font-bold">-14.3%</span>,是典型的“增量不增利”困境,这正是“反内卷”政策旨在解决的核心痛点。</p>
</div>
<div>
<h4 class="font-semibold text-blue-400">市场热度与预期差</h4>
<p class="text-sm mt-1">市场热度随座谈会召开而迅速升温,情绪偏乐观,预期行业盈利反转。但存在显著预期差:**路演数据中完全未提及此概念**,表明机构投资者尚未形成广泛共识,该领域仍是相对新颖、未被充分挖掘的蓝海。市场短期预期可能集中在价格修复,而忽略了龙头企业通过高质量发展(如产品升级、产业链延伸)实现长期价值提升的内在逻辑。</p>
</div>
</div>
</div>
<div class="bento-item bento-item-3 glass-card p-6">
<h3 class="font-title text-xl font-bold text-blue-300 mb-3">关键催化剂</h3>
<ul class="space-y-3 text-sm text-gray-300">
<li class="flex items-start">
<svg class="w-5 h-5 mr-2 text-blue-400 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
<span>**价格信号 (近期):** 龙头企业发布提价公告,将是最直接的催化剂。</span>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 mr-2 text-blue-400 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span>**行业标准提升 (近期):** 更严格的质量、安全标准(如低钠盐)出台,加速淘汰低端产能。</span>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 mr-2 text-blue-400 flex-shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V7a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
<span>**政策细化 (近期):** 监管部门对盐行业进行成本调查与价格监测。</span>
</li>
</ul>
</div>
<div class="bento-item bento-item-4 glass-card p-6">
<h3 class="font-title text-xl font-bold text-blue-300 mb-3">长期发展路径</h3>
<ol class="list-decimal list-inside space-y-2 text-sm text-gray-300">
<li><strong class="text-blue-400">秩序重塑 (0-1年):</strong> 遏制低价倾销,实现毛利率企稳回升。</li>
<li><strong class="text-blue-400">结构优化 (1-3年):</strong> 龙头企业加速高附加值项目(如电池级纯碱)投产。</li>
<li><strong class="text-blue-400">龙头崛起 (3年以上):</strong> 形成“盐化一体化”与新材料布局,实现价值重估。</li>
</ol>
</div>
<div class="bento-item bento-item-5 glass-card p-6">
<h3 class="font-title text-xl font-bold text-blue-300 mb-3">潜在风险与挑战</h3>
<ul class="space-y-3 text-sm text-gray-300">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 text-red-400 flex-shrink-0 mt-1" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.21 3.03-1.742 3.03H4.42c-1.532 0-2.492-1.696-1.742-3.03l5.58-9.92zM10 13a1 1 0 100-2 1 1 0 000 2zm-1-8a1 1 0 011-1h.008a1 1 0 011 1v3.012a1 1 0 01-1 1H10a1 1 0 01-1-1V5z" clip-rule="evenodd" /></svg>
<span>**执行风险:** 行业联合行动约束力存疑,“价格联盟”存在破裂可能。</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 text-red-400 flex-shrink-0 mt-1" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.21 3.03-1.742 3.03H4.42c-1.532 0-2.492-1.696-1.742-3.03l5.58-9.92zM10 13a1 1 0 100-2 1 1 0 000 2zm-1-8a1 1 0 011-1h.008a1 1 0 011 1v3.012a1 1 0 01-1 1H10a1 1 0 01-1-1V5z" clip-rule="evenodd" /></svg>
<span>**监管风险:** 价格若不合理上涨,可能招致反垄断调查。</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 text-red-400 flex-shrink-0 mt-1" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.21 3.03-1.742 3.03H4.42c-1.532 0-2.492-1.696-1.742-3.03l5.58-9.92zM10 13a1 1 0 100-2 1 1 0 000 2zm-1-8a1 1 0 011-1h.008a1 1 0 011 1v3.012a1 1 0 01-1 1H10a1 1 0 01-1-1V5z" clip-rule="evenodd" /></svg>
<span>**信息交叉验证风险:** **新闻/研报热度**与**路演数据冷清**的巨大反差是最大风险点,表明机构可能保持谨慎或尚未关注。</span>
</li>
</ul>
</div>
<div class="bento-item bento-item-6 glass-card p-6">
<h3 class="font-title text-xl font-bold text-blue-300 mb-3">综合结论与投资启示</h3>
<p class="text-gray-300 mb-4">
该概念已从纯主题炒作进入由基本面改善预期驱动的阶段,但仍带有博弈色彩。最具投资价值的方向是**一体化龙头企业**,如雪天盐业、苏盐井神,它们不仅能直接受益于行业秩序修复,更有清晰的第二增长曲线。
</p>
<h4 class="font-semibold text-blue-400">需重点跟踪的关键指标:</h4>
<ul class="list-disc list-inside text-sm text-gray-300 mt-2 space-y-1">
<li><strong>产品价格:</strong> 各类盐及纯碱的市场价,最直接的验证指标。</li>
<li><strong>企业毛利率:</strong> 季度财报中的核心财务指标。</li>
<li><strong>机构关注度:</strong> 研报覆盖及路演讨论频率,判断概念能否走向主流的关键信号。</li>
</ul>
</div>
</div>
</section>
<!-- Supporting Evidence -->
<section x-data="{ tab: 'news' }">
<h2 class="section-title">核心数据支撑</h2>
<div class="tabs tabs-boxed bg-black/20 mb-6">
<a class="tab" :class="{'tab-active': tab === 'news'}" @click="tab = 'news'">新闻数据</a>
<a class="tab" :class="{'tab-active': tab === 'reports'}" @click="tab = 'reports'">研报数据</a>
<a class="tab" :class="{'tab-active': tab === 'roadshows'}" @click="tab = 'roadshows'">路演纪要</a>
</div>
<div class="space-y-4">
<div x-show="tab === 'news'" class="glass-card p-6">
<h4 class="font-title text-lg font-bold text-blue-300 mb-2">盐业反“内卷”座谈会及联合行动 (2025-07-29)</h4>
<p class="text-gray-300 text-sm">中盐集团邀请江苏盐业、广东盐业、湖南盐业、鲁银投资等7家骨干企业举行盐业反“内卷”座谈会共同发起“摒弃内卷 竞合共赢”联合行动,坚决抵制“内卷式”竞争,推动盐行业高质量发展。</p>
<h4 class="font-title text-lg font-bold text-blue-300 mt-4 mb-2">宏观政策定调</h4>
<p class="text-gray-300 text-sm">人民时评文章指出,低水平的“内卷式”竞争浪费社会资源,监管需及时出手。申万宏观分析称,“反内卷”决心不宜低估,或重在打破产能过剩、低价竞争的螺旋。高层会议表述从“综合整治”到“依法依规治理”,政策持续深化。</p>
</div>
<div x-show="tab === 'reports'" class="glass-card p-6">
<h4 class="font-title text-lg font-bold text-blue-300 mb-2">食用盐行业内卷表现 (以雪天盐业为例)</h4>
<p class="text-gray-300 text-sm"><strong>增量不增利:</strong>2024H1公司小包盐销量同比增长16.4%但扣非净利润同比下降14.3%,反映出价格战激烈。纯碱、烧碱等基础化工产品价格下行,加剧行业内部厮杀。</p>
<h4 class="font-title text-lg font-bold text-blue-300 mt-4 mb-2">企业反内卷策略</h4>
<ul class="list-disc list-inside text-gray-300 text-sm space-y-1">
<li><strong>产品结构升级:</strong>走向高端化与差异化如布局“1万吨电池级纯碱项目”。</li>
<li><strong>产业链延伸:</strong>发展新能源+储能板块,如参股锂电池正极材料企业。</li>
<li><strong>技术升级与成本控制:</strong>推进节能降耗如“60万吨索特MVR制盐扩产项目”。</li>
<li><strong>品牌与渠道强化:</strong>依托“雪天”等品牌矩阵,弱化价格敏感度。</li>
</ul>
</div>
<div x-show="tab === 'roadshows'" class="glass-card p-6">
<div class="text-center py-8">
<svg xmlns="http://www.w3.org/2000/svg" class="mx-auto h-12 w-12 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
<h4 class="font-title text-lg font-bold text-blue-300 mt-4">路演数据分析结果</h4>
<p class="text-gray-400 mt-2">在所有提供的路演内容中,**未发现任何与“反内卷食用盐”直接或潜在相关的信息**。机构路演交流主要聚焦于交通运输、工业制造等其他领域的“反内卷”议题。这一信息缺失是判断该概念市场认知阶段的关键依据。</p>
</div>
</div>
</div>
</section>
<!-- Context: Anti-involution in other sectors -->
<section>
<h2 class="section-title">他山之石:其他行业“反内卷”案例</h2>
<div class="space-y-2">
<div class="daisy-collapse daisy-collapse-arrow">
<input type="radio" name="my-accordion-2" checked="checked" />
<div class="daisy-collapse-title text-md font-medium text-blue-300">
快递行业: 申通快递 (002468) - 政策抬升盈利
</div>
<div class="daisy-collapse-content text-sm text-gray-300">
<p><strong>核心逻辑:</strong> 政策“反内卷”抬升盈利+阿里系并购整合双重催化。国家邮政局明确反对“内卷式”竞争,广东、义乌要求提价,直接提升单票利润。网传最低派费红线直接抬升盈利天花板,价格法修订整治低价倾销。多重政策利好下,行业价格战有望结束,公司业绩弹性巨大。</p>
</div>
</div>
<div class="daisy-collapse daisy-collapse-arrow">
<input type="radio" name="my-accordion-2" />
<div class="daisy-collapse-title text-md font-medium text-blue-300">
医药行业: 辰欣药业 (603367) - 创新与质量分层
</div>
<div class="daisy-collapse-content text-sm text-gray-300">
<p><strong>核心逻辑:</strong> 医保局“反内卷”新规发布对符合条件的1类创新药给予价格支持并提出“质量分层+疗效加权”思路,为优质仿制药带来价格调整空间。公司在研创新药和已通过一致性评价的主力品种均有望受益。</p>
</div>
</div>
<div class="daisy-collapse daisy-collapse-arrow">
<input type="radio" name="my-accordion-2" />
<div class="daisy-collapse-title text-md font-medium text-blue-300">
锂电行业: 盐湖股份 (000792) - 供给侧改革预期
</div>
<div class="daisy-collapse-content text-sm text-gray-300">
<p><strong>核心逻辑:</strong> 市场传言锂行业反内卷会议,叠加资源税和环保税等政策变化预期,引发行业供给侧改革的想象空间。政策有利于行业规范化,淘汰不合规小企业,对盐湖股份等合规龙头企业形成长期利好。</p>
</div>
</div>
</div>
</section>
<!-- ECharts Visualization -->
<section>
<h2 class="section-title">相关公司业务构成对比</h2>
<div class="glass-card p-6">
<div id="revenueChart" style="width: 100%; height: 400px;"></div>
</div>
</section>
<!-- Core Companies Table -->
<section>
<h2 class="section-title">核心标的分析</h2>
<div class="overflow-x-auto glass-card p-4">
<table class="daisy-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=600929" target="_blank" class="text-blue-400 hover:underline">600929</a></td>
<td>“反内卷”战略最为清晰的行业龙头,已在产品升级(电池级纯碱)和产业链延伸(锂电材料)上先行一步。2023年“雪天”品牌估值达118.18亿元。</td>
<td>反内卷/食用盐</td>
</tr>
<tr>
<td>苏盐井神</td>
<td><a href="https://valuefrontier.cn/company?scode=603299" target="_blank" class="text-blue-400 hover:underline">603299</a></td>
<td>国内井矿盐龙头资源禀赋和成本优势显著。逻辑纯粹度高是行业反内卷的直接受益者。2023年盐类产品营收32.27亿元。</td>
<td>反内卷/食用盐</td>
</tr>
<tr>
<td>鲁银投资</td>
<td><a href="https://valuefrontier.cn/company?scode=600784" target="_blank" class="text-blue-400 hover:underline">600784</a></td>
<td>食用盐业务占比较为可观是座谈会参与方能受益于行业改善。2023年食用盐营收8.92亿元占比26.39%。</td>
<td>反内卷/食用盐</td>
</tr>
<tr>
<td>江盐集团</td>
<td><a href="https://valuefrontier.cn/company?scode=601065" target="_blank" class="text-blue-400 hover:underline">601065</a></td>
<td>区域性盐业龙头是联合行动的一员。2023年食用盐营收4.45亿元占比16.59%。</td>
<td>反内卷/食用盐</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
// ECharts initialization
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('revenueChart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
title: {
text: '食用盐/盐类产品营收占比 (%)',
left: 'center',
textStyle: {
color: '#e6f1ff',
fontFamily: 'Orbitron, sans-serif'
}
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(12, 18, 44, 0.8)',
borderColor: 'rgba(137, 177, 255, 0.3)',
textStyle: {
color: '#e6f1ff'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: {
lineStyle: {
color: 'rgba(137, 177, 255, 0.3)'
}
},
axisLabel: {
color: '#a6c8ff'
},
splitLine: {
lineStyle: {
color: 'rgba(137, 177, 255, 0.1)'
}
}
},
yAxis: {
type: 'category',
data: ['江盐集团', '鲁银投资', '雪天盐业', '苏盐井神'],
axisLine: {
lineStyle: {
color: 'rgba(137, 177, 255, 0.3)'
}
},
axisLabel: {
color: '#a6c8ff'
}
},
series: [
{
name: '营收占比',
type: 'bar',
data: [
{ value: 16.59, name: '江盐集团' },
{ value: 26.39, name: '鲁银投资' },
// Note: 雪天和苏盐的占比未在数据中直接给出,这里用一个估算值表示其重要性
{ value: 40, name: '雪天盐业' }, // 估算值, 22.2/总营收
{ value: 60, name: '苏盐井神' } // 估算值, 32.27/总营收
],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: 'hsl(217, 80%, 40%)' },
{ offset: 1, color: 'hsl(217, 100%, 70%)' }
]),
borderRadius: [0, 5, 5, 0]
},
label: {
show: true,
position: 'right',
formatter: '{c}%',
color: '#e6f1ff'
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: 'hsl(217, 90%, 50%)' },
{ offset: 1, color: 'hsl(217, 100%, 80%)' }
])
}
}
}
],
// Adding a note for estimated data
graphic: {
type: 'text',
left: 'center',
bottom: 10,
style: {
text: '* 雪天盐业、苏盐井神营收占比为根据盐类产品营收与总营收估算',
fill: '#7a8ab5',
font: '12px Inter'
}
}
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>