vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions
Download Patch File Download Diff File Expand all files Collapse all files

549
public/htmls/钴.html Normal file
View File

@@ -0,0 +1,549 @@
<!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>深度行研报告：钴 (Cobalt)</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.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>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
background: #00000a;
background-image: radial-gradient(circle at 1% 1%, rgba(66, 79, 210, 0.3), transparent 30%),
radial-gradient(circle at 99% 99%, rgba(132, 7, 128, 0.3), transparent 40%);
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(18, 18, 28, 0.55);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem; /* Extreme rounded corners */
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
.glow-effect {
position: relative;
overflow: hidden;
}
.glow-effect::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(79, 70, 229, 0.15) 0%, transparent 50%);
transform: translate(-50%, -50%);
animation: rotateGlow 15s linear infinite;
z-index: 0;
}
@keyframes rotateGlow {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.content-prose {
@apply prose prose-invert max-w-none prose-p:text-slate-300 prose-headings:text-slate-100 prose-strong:text-white prose-ul:list-disc prose-ul:pl-6 prose-li:marker:text-indigo-400;
}
.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
</style>
</head>
<body class="text-slate-200 antialiased">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center mb-16 relative">
<div class="absolute inset-0 flex items-center justify-center -z-10">
<div class="w-2/3 h-48 bg-indigo-600/30 rounded-full blur-3xl"></div>
</div>
<h1 class="font-orbitron text-4xl md:text-6xl font-bold tracking-widest text-white uppercase">
钴 <span class="text-indigo-400">(Cobalt)</span>
</h1>
<p class="mt-4 text-lg text-slate-400">深度行研报告</p>
<div class="mt-2 text-xs text-slate-500">
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据，投资需谨慎。</p>
</div>
</header>
<!-- Insight Core Section -->
<section id="insight-core" class="mb-16">
<div class="glass-card glow-effect p-8 md:p-12">
<div class="relative z-10">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-indigo-300 mb-6 border-b border-indigo-500/30 pb-4">核心观点摘要</h2>
<div class="content-prose">
<p>钴概念已从传统的周期性底部反转逻辑，彻底演变为一场由<strong class="text-cyan-300">地缘政治驱动的、供给侧强制出清的结构性牛市</strong>。其核心驱动力是刚果（金）通过“出口禁令+配额制”的组合拳，实现了对全球 <strong class="text-cyan-300">76%</strong> 钴供应的绝对控制，从而根本性地重塑了全球供需格局。当前市场正处于从短期供给中断的恐慌，向量化、长期的结构性短缺逻辑过渡的阶段，未来潜力取决于配额制的执行刚性与下游需求的承受能力。</p>
</div>
</div>
</div>
</section>
<!-- Event Timeline -->
<section id="timeline" class="mb-16">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-center text-indigo-300 mb-12">概念叙事：从过剩到短缺的政策剧变</h2>
<div class="relative wrap overflow-hidden p-2 md:p-10 h-full">
<div class="border-2-2 absolute border-opacity-20 border-indigo-700 h-full border" style="left: 50%"></div>
<!-- Timeline Items -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
<h1 class="mx-auto font-semibold text-lg text-white">1</h1>
</div>
<div class="order-1 glass-card w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2024年及以前</h3>
<p class="text-sm leading-snug tracking-wide text-slate-300">市场普遍预期供应过剩，钴价跌至2007年以来最低点（<18万元/吨）。</p>
</div>
</div>
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
<h1 class="mx-auto text-white font-semibold text-lg">2</h1>
</div>
<div class="order-1 glass-card w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2025.02.24【关键催化剂】</h3>
<p class="text-sm leading-snug tracking-wide text-slate-300">刚果（金）宣布暂停钴出口4个月，引爆市场，钴价由16万元/吨迅速上涨。</p>
</div>
</div>
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
<h1 class="mx-auto font-semibold text-lg text-white">3</h1>
</div>
<div class="order-1 glass-card w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2025.06.21</h3>
<p class="text-sm leading-snug tracking-wide text-slate-300">出口禁令再延长3个月，总计7个月。政策实际影响显现，6月中国进口量环比锐减超50%。</p>
</div>
</div>
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
<h1 class="mx-auto text-white font-semibold text-lg">4</h1>
</div>
<div class="order-1 glass-card w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2025.10.16后</h3>
<p class="text-sm leading-snug tracking-wide text-slate-300">出口配额制正式实施，2026-27年配额仅为2024年产量的44%，市场进入长期结构性短缺预期。</p>
</div>
</div>
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
<h1 class="mx-auto font-semibold text-lg text-white">5</h1>
</div>
<div class="order-1 glass-card w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2025.12</h3>
<p class="text-sm leading-snug tracking-wide text-slate-300">市场对配额制长期影响定价，价格从30万元/吨跳涨至40万元/吨。</p>
</div>
</div>
</div>
</section>
<!-- Price Chart -->
<section id="price-chart" class="mb-16">
<div class="glass-card p-4 md:p-8">
<h2 class="font-orbitron text-xl md:text-2xl font-bold text-indigo-300 mb-4 text-center">钴价走势 (政策驱动)</h2>
<div id="cobaltPriceChart" class="w-full h-96"></div>
</div>
</section>
<!-- Core Logic & Market Perception -->
<section id="logic-analysis" class="mb-16">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="glass-card p-8">
<h3 class="font-orbitron text-xl font-bold text-indigo-300 mb-4">核心驱动力：供给侧革命</h3>
<div class="content-prose">
<p>钴的根本逻辑已非需求拉动，而是<strong>供给侧的强制性、国家级干预</strong>。刚果（金）凭借其在全球钴产量中 <strong>76%</strong> 的绝对垄断地位，通过行政命令直接将市场从2024年<strong>过剩5万吨</strong>的格局，强行扭转为2025年<strong>短缺7.8万吨</strong>，乃至2026-27年年均<strong>短缺超6万吨</strong>的局面。这种以国家意志重塑商品定价权的逻辑，是本轮行情最坚实的基础。</p>
</div>
</div>
<div class="glass-card p-8">
<h3 class="font-orbitron text-xl font-bold text-indigo-300 mb-4">预期差分析：认知颠覆</h3>
<div class="content-prose">
<p>最大的预期差在于市场对刚果（金）政策<strong>决心和执行力的严重低估</strong>。</p>
<ul>
<li><strong>政策落地预期差：</strong> 从“短期落地概率较低”到一个月后雷霆出台。</li>
<li><strong>政策力度预期差：</strong> 从短期行为预期到“禁令延长+严厉配额制”的长期战略。</li>
<li><strong>被忽略的关键点：</strong> 印尼MHP伴生钴产量远无法弥补刚果（金）的缺口，强化了供给短缺的确定性。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Data Deep Dive -->
<section id="data-dive" class="mb-16" x-data="{ tab: 'news' }">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-center text-indigo-300 mb-8">多维数据深度解析</h2>
<div class="glass-card p-4 sm:p-8">
<div class="tabs tabs-boxed justify-center bg-black/20">
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">核心新闻</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演纪要</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'research' }" @click.prevent="tab = 'research'">研报精粹</a>
</div>
<div class="p-4 mt-6 content-prose min-h-[500px]">
<!-- News Content -->
<div x-show="tab === 'news'">
<h4>一、核心事件：刚果（金）钴出口政策</h4>
<ul>
<li><strong>出口禁令及延期：</strong> 2025年2月24日宣布暂停出口4个月，6月21日再延长3个月至9月21日，后短暂延期至10月15日。政策目的是争夺定价权，调节全球供应。</li>
<li><strong>后续政策：出口配额制：</strong> 10月16日正式实施。中信证券研报称，2026—2027年钴出口配额仅为年产量的44%。</li>
<li><strong>国际合作：</strong> 提出与第二大供应国印度尼西亚合作，以“更好地控制”全球钴价。</li>
</ul>
<h4>二、市场影响：供应、库存与价格</h4>
<ul>
<li><strong>全球供应格局：</strong> 刚果（金）占全球产量76%。印尼无法补齐缺口。</li>
<li><strong>供需平衡转变：</strong> 禁令延长使2025年全球钴行业由供应过剩转为短缺7.8万吨。配额制将导致2025-27年持续供不应求，年均短缺量或超6万吨。</li>
<li><strong>库存消耗：</strong> 国内冶炼厂及社会库存无法覆盖禁令期，持续去化，预计8-9月基本消化完毕，库存持有者惜售。</li>
<li><strong>价格走势：</strong> 价格上涨从“情绪驱动”转为“基本面驱动”，普遍预测价格将上涨至30-40万/吨。</li>
</ul>
<h4>三、下游影响与相关公司</h4>
<ul>
<li><strong>国内生产：</strong> 原料紧缺导致7月国内钴盐及电钴产量同比大幅减少（-31.9% / -40.3%），部分厂商已停产。</li>
<li><strong>下游需求：</strong> 消费电子（钴酸锂）成本传导顺畅，三元材料影响可控。边际变量是电子复苏和军工需求增长（美国计划战略储备7500吨）。</li>
<li><strong>核心公司：</strong> 华友钴业（印尼产能受益）、洛阳钼业（库存优势）、腾远钴业（弹性大）等被视为主要受益标的。</li>
</ul>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'" style="display: none;">
<h4>核心信息概览：</h4>
<p>贯穿所有路演的核心主线是<strong>刚果（金）的钴出口政策</strong>及其对全球供应、价格和相关公司战略的深远影响。政策演变路径清晰：从2024年的市场讨论，到2025年2月实施出口禁令，再到后续演变为配额制，导致全球钴供应出现结构性短缺，推动钴价大幅上涨。</p>
<ul>
<li><strong>2024年 (寒锐/腾远):</strong> 普遍共识为供应过剩，需求疲软，价格跌至成本线。对刚果（金）政策干预预期极低。</li>
<li><strong>2025.01.09 (寒锐钴业):</strong> 明确判断刚果（金）限制出口政策因行政效率低，<strong>短期（1-2年内）落地概率较低</strong>，构成巨大预期差。</li>
<li><strong>2025.02.25 (华友/寒锐/腾远):</strong> 禁令发布后，市场迅速反应。判断禁令将导致全球供给收缩18-20%，价格短期反弹，但受制于过剩格局。此时<strong>华友钴业</strong>的印尼产能优势开始凸显。</li>
<li><strong>2025.03.15 (腾远钴业):</strong> 确认政策执行严格，库存出口已全面禁绝。公司开始利用库存缓冲，并预期政府可能通过配额制将出口量缩减至60%-70%。</li>
<li><strong>2025.07.23 (多家):</strong> 市场逻辑转变。确认6月进口数据锐减，全产业链库存仅能支撑3-4个月，印尼无法填补缺口。价格预期从短期反弹转向突破30-40万/吨。</li>
<li><strong>2025.12.02 (多家):</strong> 配额制落地后，市场前景完全重塑。确认2026-27年配额较2024年产量折让约45-50%，全球市场面临年均<strong>6万吨</strong>级别的显性缺口。价格跳涨至40万/吨，且被认为“并非终点”。</li>
</ul>
</div>
<!-- Research Content -->
<div x-show="tab === 'research'" style="display: none;">
<h4>腾远钴业 (多份研报综合):</h4>
<ul>
<li><strong>配额政策影响：</strong> 2026-27年配额仅为24年产量的44%，国内钴资源将维持1-2万吨缺口，<strong>未来钴价将进入长牛趋势</strong>。</li>
<li><strong>价格预测：</strong> 研报上调2025-27年钴价中枢假设至<strong>23.5 / 33.6 / 33.6 万元/吨</strong>。</li>
<li><strong>公司受益：</strong> 公司钴产能位居行业前列，产品结构优化，有望受益于钴价中枢上移。预计储备了充足原料库存。</li>
</ul>
<h4>华友钴业 (ESG报告提取):</h4>
<ul>
<li><strong>资源布局：</strong> 刚果（金）和印尼双核心。印尼华越项目采用高压酸浸工艺同步处理钴资源。</li>
<li><strong>产业链：</strong> "钴新材料市场占比领先"，并布局退役动力电池回收提取钴资源。</li>
</ul>
<h4>寒锐钴业 (多份研报综合):</h4>
<ul>
<li><strong>经营状况：</strong> 2023年受钴价下跌影响，钴产品毛利率降至历史新低。</li>
<li><strong>未来看点：</strong> 随着5000吨电积钴项目投产，销量有望增长。钴价触底反弹预期下，盈利或逐步修复。</li>
</ul>
<h4>核心逻辑总结:</h4>
<p>研报普遍认为，刚果（金）的出口禁令及配额制从根本上改变了全球钴的供需格局。供给端的强制收缩是钴价上涨的核心驱动力，远期价格中枢被系统性重估。拥有上游资源、多元化布局（如印尼产能）以及充足库存的公司将在本轮周期中显著受益。</p>
</div>
</div>
</div>
</section>
<!-- Catalysts & Future Path -->
<section id="catalysts" class="mb-16">
<div class="glass-card p-8 md:p-12">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-indigo-300 mb-6 border-b border-indigo-500/30 pb-4">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 content-prose">
<div>
<h4 class="text-xl text-cyan-300">近期催化剂 (未来3-6个月)</h4>
<ul>
<li><strong>配额分配细则公布:</strong> 直接影响各公司产量和业绩预期。</li>
<li><strong>2026年Q1进出口数据验证:</strong> 检验配额制执行力度的“试金石”。</li>
<li><strong>刚果（金）与印尼合作进展:</strong> 任何实质合作都将形成“类OPEC”组织，是重磅利好。</li>
<li><strong>美国战略储备采购启动:</strong> 美国防部7500吨钴采购计划将提供额外需求支撑。</li>
</ul>
</div>
<div>
<h4 class="text-xl text-cyan-300">长期发展路径</h4>
<ul>
<li><strong>价格重估与企稳 (2026年):</strong> 钴价将在30-40万元/吨寻找新平衡中枢。</li>
<li><strong>产业链利润再分配 (2026-2027年):</strong> 利润持续向上游资源端集中。</li>
<li><strong>需求端应对与技术替代加速 (2027年+):</strong> 高价将倒逼下游加速“去钴化”进程，回收产业战略价值急剧提升。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Core Companies Analysis -->
<section id="companies" class="mb-16">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-center text-indigo-300 mb-8">核心玩家对比分析：地缘决定命运</h2>
<div class="overflow-x-auto">
<table class="table table-zebra glass-card w-full">
<thead>
<tr class="text-white text-base">
<th>公司</th>
<th>核心逻辑</th>
<th>竞争优势</th>
<th>潜在风险 / 验证点</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-bold">华友钴业 (603799)</td>
<td>印尼产能免疫+一体化龙头</td>
<td class="text-green-400"><strong>地缘优势：</strong>印尼2万吨钴副产品不受禁令影响，最直接、最确定的受益者。产业链完整。</td>
<td>其在刚果（金）仍有少量自有矿受影响。需关注印尼项目实际产量及钴产品毛利率变化。</td>
</tr>
<tr>
<td class="font-bold">洛阳钼业</td>
<td>库存王者+资源巨头</td>
<td class="text-green-400"><strong>库存优势：</strong>拥有2.6万吨在途库存，可在高价时变现，短期业绩弹性巨大。未来配额分配的核心受益者。</td>
<td>对刚果（金）政策依赖度极高，未来产量完全取决于配额。业绩弹性测算需持续跟踪验证。</td>
</tr>
<tr>
<td class="font-bold">腾远钴业 (301219)</td>
<td>纯粹的钴价弹性标的</td>
<td class="text-green-400"><strong>业务纯粹：</strong>国内钴盐龙头，主业高度聚焦，对钴价上涨敏感性最高。在手原料库存充足。</td>
<td class="text-amber-400">几乎所有原料来自刚果（金），是政策冲击最直接承受者。未来能否获得稳定配额是其生存和发展的关键。</td>
</tr>
<tr>
<td class="font-bold">格林美 (002340)</td>
<td>循环经济的战略对冲</td>
<td class="text-green-400"><strong>资源来源：</strong>8000吨回收钴资源不依赖原生矿，是对冲地缘政治风险的独特存在，战略价值凸显。</td>
<td>需关注其回收体系的效率和成本，以及在高钴价下回收钴产品的经济性。</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Risk Assessment -->
<section id="risks" class="mb-16">
<div class="glass-card p-8 md:p-12">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-red-400 mb-6 border-b border-red-500/30 pb-4">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 content-prose">
<div class="border-l-4 border-red-500 pl-4">
<h4 class="text-xl text-red-300">政策风险 (最大风险)</h4>
<p>刚果（金）政策反复的可能性是颠覆整个投资逻辑的根本性风险。同时，信息不对称性高，对非洲国家政策动向预测极其困难。</p>
</div>
<div class="border-l-4 border-yellow-500 pl-4">
<h4 class="text-xl text-yellow-300">商业化风险</h4>
<p>高钴价对需求的潜在抑制作用。若价格长期维持高位，可能加速下游客户转向LFP等无钴技术路线。成本传导不畅可能导致需求萎缩。</p>
</div>
<div class="border-l-4 border-orange-500 pl-4">
<h4 class="text-xl text-orange-300">技术风险</h4>
<p>高企的钴价是催化无钴电池（钠离子电池等）技术成熟和商业化的最强催化剂。长期来看，技术替代是悬在钴头上的“达摩克利斯之剑”。</p>
</div>
</div>
</div>
</section>
<!-- Related Stocks -->
<section id="stock-list">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold text-center text-indigo-300 mb-8">概念相关标的</h2>
<div class="overflow-x-auto glass-card">
<table class="table w-full text-base">
<thead>
<tr class="text-white text-lg">
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
</tr>
</thead>
<tbody>
<tr>
<td>华友钴业</td>
<td><a href="https://valuefrontier.cn/company?scode=603799" target="_blank" class="link link-hover text-indigo-400">603799</a></td>
<td>拥有从镍钴锂资源开发到锂电材料制造一体化产业链，在刚果（金）、津巴布韦打造了稳定可靠的钴、锂原料保障体系。</td>
</tr>
<tr>
<td>腾远钴业</td>
<td><a href="https://valuefrontier.cn/company?scode=301219" target="_blank" class="link link-hover text-indigo-400">301219</a></td>
<td>国内钴盐龙头生产企业，在刚果（金）设立原料采购和初加工基地，并已取得矿权。</td>
</tr>
<tr>
<td>寒锐钴业</td>
<td><a href="https://valuefrontier.cn/company?scode=300618" target="_blank" class="link link-hover text-indigo-400">300618</a></td>
<td>国内少数拥有钴完整产业链的企业之一，在刚果（金）拥有铜钴矿山开采权。</td>
</tr>
<tr>
<td>格林美</td>
<td><a href="https://valuefrontier.cn/company?scode=002340" target="_blank" class="link link-hover text-indigo-400">002340</a></td>
<td>2023年回收钴资源超8000吨，占中国原生钴开采数量350%以上，超细钴粉全球市占率超50%。</td>
</tr>
<tr>
<td>盛屯矿业</td>
<td><a href="https://valuefrontier.cn/company?scode=600711" target="_blank" class="link link-hover text-indigo-400">600711</a></td>
<td>积极推进刚果（金）铜钴板块生产建设，卡隆威铜钴采冶一体化项目已建成投产。</td>
</tr>
<tr>
<td>合纵科技</td>
<td>-</td>
<td>参股的天津茂联在赞比亚冶炼厂规划产能为5000-6000金属吨粗制氢氧化钴产品。</td>
</tr>
<tr>
<td>中伟股份</td>
<td><a href="https://valuefrontier.cn/company?scode=300919" target="_blank" class="link link-hover text-indigo-400">300919</a></td>
<td>下游材料厂商，可以生产四氧化三钴产品。</td>
</tr>
<tr>
<td>当升科技</td>
<td><a href="https://valuefrontier.cn/company?scode=300073" target="_blank" class="link link-hover text-indigo-400">300073</a></td>
<td>下游材料厂商，可以生产四氧化三钴产品。</td>
</tr>
<tr>
<td>厦门钨业</td>
<td><a href="https://valuefrontier.cn/company?scode=600549" target="_blank" class="link link-hover text-indigo-400">600549</a></td>
<td>间接受益，是腾远钴业第三大股东。</td>
</tr>
<tr>
<td>容百科技</td>
<td><a href="https://valuefrontier.cn/company?scode=688005" target="_blank" class="link link-hover text-indigo-400">688005</a></td>
<td>技术相关，拥有一种可以回收正极材料中钴元素的技术。</td>
</tr>
</tbody>
</table>
</div>
</section>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('cobaltPriceChart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
formatter: function (params) {
const param = params[0];
return `<b>${param.name}</b><br/>${param.marker} 价格: ${param.value} 万元/吨<br/>事件: ${param.data.event}`;
},
backgroundColor: 'rgba(20, 20, 30, 0.8)',
borderColor: '#4f46e5',
borderWidth: 1,
textStyle: {
color: '#e2e8f0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2024年底', '2025.02', '2025.03', '2025.06', '2025.08', '2025.10', '2025.12'],
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
}
},
axisLabel: {
color: '#94a3b8'
}
},
yAxis: {
type: 'value',
name: '万元/吨',
nameTextStyle: {
color: '#94a3b8'
},
axisLabel: {
formatter: '{value}',
color: '#94a3b8'
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
}
},
series: [
{
name: '钴价',
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 8,
data: [
{ value: 18.0, event: '市场供应过剩，价格低迷' },
{ value: 16.0, event: '禁令前夕，价格底部' },
{ value: 23.8, event: '刚果(金)宣布禁令，价格急涨' },
{ value: 25.0, event: '禁令延长，市场消化' },
{ value: 27.0, event: '基本面驱动，库存消耗' },
{ value: 30.0, event: '配额制落地，预期强化' },
{ value: 40.0, event: '市场为长期短缺定价' }
],
itemStyle: {
color: '#818cf8'
},
lineStyle: {
width: 3,
color: '#6366f1',
shadowColor: 'rgba(99, 102, 241, 0.5)',
shadowBlur: 10
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(99, 102, 241, 0.3)'
}, {
offset: 1,
color: 'rgba(99, 102, 241, 0)'
}])
},
markLine: {
symbol: 'none',
data: [
{
name: '关键催化剂',
xAxis: '2025.02',
lineStyle: { color: '#f87171', type: 'dashed' },
label: { formatter: '禁令发布', color: '#f87171' }
},
{
name: '配额制落地',
xAxis: '2025.10',
lineStyle: { color: '#fb923c', type: 'dashed' },
label: { formatter: '配额制实施', color: '#fb923c' }
}
]
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>