439 lines
28 KiB
HTML
439 lines
28 KiB
HTML
<!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=Inter:wght@300;400;500;600;700&display=swap');
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background-color: #000213;
|
||
overflow-x: hidden;
|
||
position: relative;
|
||
}
|
||
.glow-bg {
|
||
position: fixed;
|
||
top: 50%;
|
||
left: 50%;
|
||
width: 1200px;
|
||
height: 1200px;
|
||
background: radial-gradient(circle, rgba(29, 78, 216, 0.3) 0%, rgba(29, 78, 216, 0) 60%);
|
||
transform: translate(-50%, -50%);
|
||
z-index: -1;
|
||
pointer-events: none;
|
||
}
|
||
.glass-card {
|
||
background: rgba(17, 24, 39, 0.5);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(107, 114, 128, 0.2);
|
||
border-radius: 1.5rem; /* 极致圆角 */
|
||
transition: all 0.3s ease-in-out;
|
||
}
|
||
.glass-card:hover {
|
||
border-color: rgba(59, 130, 246, 0.5);
|
||
box-shadow: 0 0 30px rgba(59, 130, 246, 0.2);
|
||
}
|
||
.bento-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(6, 1fr);
|
||
gap: 1.5rem;
|
||
}
|
||
.bento-item {
|
||
padding: 2rem;
|
||
}
|
||
.col-span-1 { grid-column: span 1 / span 1; }
|
||
.col-span-2 { grid-column: span 2 / span 2; }
|
||
.col-span-3 { grid-column: span 3 / span 3; }
|
||
.col-span-4 { grid-column: span 4 / span 4; }
|
||
.col-span-6 { grid-column: span 6 / span 6; }
|
||
.row-span-1 { grid-row: span 1 / span 1; }
|
||
.row-span-2 { grid-row: span 2 / span 2; }
|
||
.title-glow {
|
||
text-shadow: 0 0 8px rgba(59, 130, 246, 0.7);
|
||
}
|
||
.data-quote {
|
||
background: rgba(30, 41, 59, 0.6);
|
||
border-left: 3px solid #3b82f6;
|
||
padding: 1rem;
|
||
border-radius: 0.5rem;
|
||
font-style: italic;
|
||
color: #d1d5db;
|
||
}
|
||
.table th, .table td {
|
||
border-color: rgba(107, 114, 128, 0.2);
|
||
}
|
||
.table th {
|
||
color: #9ca3af;
|
||
}
|
||
.tab {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.tab-active {
|
||
color: #60a5fa !important;
|
||
border-color: #60a5fa !important;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="text-gray-300">
|
||
<div class="glow-bg"></div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
<header class="text-center py-12">
|
||
<p class="text-blue-400 text-sm mb-2">北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||
<h1 class="text-4xl md:text-6xl font-bold text-white title-glow">泰乐菌素原料药</h1>
|
||
<p class="mt-4 text-lg md:text-xl text-gray-400 max-w-4xl mx-auto">
|
||
一轮由供给端战略性收缩引爆的强劲价格上行周期。核心是行业寡头格局下的“合意性减产”，叠加刚性需求与极端低库存，形成短期内难以逆转的供需失衡。
|
||
</p>
|
||
</header>
|
||
|
||
<main class="bento-grid">
|
||
<!-- 核心事件 -->
|
||
<div class="glass-card bento-item col-span-6 md:col-span-4 row-span-1 flex flex-col justify-center">
|
||
<h2 class="text-2xl font-bold text-white mb-4">概念核心事件：供给端主导的价格周期反转</h2>
|
||
<div class="space-y-3 text-sm">
|
||
<p><strong class="text-blue-300">背景 (2023-2024):</strong> 行业经历激烈价格战，泰乐菌素价格跌至历史低位(约200元/kg)，多数厂商处盈亏线，为产能出清埋下伏笔。</p>
|
||
<p><strong class="text-blue-300">催化 (2025 Q1):</strong> 占据80%产能的TOP5企业集体战略性减产/转产（如替米考星），市场总供给从约21,700吨骤降至16,000吨，叠加设备故障等偶发因素，供需平衡被打破。</p>
|
||
<p><strong class="text-blue-300">爆发 (2025.03):</strong> 价格从年初210元/kg暴涨至290元/kg，库存周转天数从45天骤降至5天，下游恐慌性补库，采购询单量激增180%。资本市场高度关注，核心标的回盛生物出现连续涨停。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 价格走势图 -->
|
||
<div class="glass-card bento-item col-span-6 md:col-span-2 row-span-2">
|
||
<h2 class="text-2xl font-bold text-white mb-4">价格动态与预测 (元/kg)</h2>
|
||
<div id="priceChart" class="w-full h-80"></div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑 -->
|
||
<div class="glass-card bento-item col-span-6 md:col-span-4 row-span-1">
|
||
<h2 class="text-2xl font-bold text-white mb-4">核心逻辑：寡头合谋下的供给侧改革</h2>
|
||
<p class="mb-4">本次概念的核心并非需求爆发，而是一场由供给端主导的产业自救与利润重塑。议价权已完全转移至上游原料药生产商。</p>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div>
|
||
<h3 class="font-semibold text-blue-300">高度集中的市场格局</h3>
|
||
<p class="text-sm">TOP5企业控制超80%的GMP认证产能，为采取一致行动提供了天然土壤。</p>
|
||
<blockquote class="data-quote mt-2 text-xs">研报：行业TOP5企业控制80%以上的GMP认证产能。主流厂家具备较强议价能力。</blockquote>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-blue-300">战略性产能转移</h3>
|
||
<p class="text-sm">头部企业主动将产能转向利润更丰厚的下游产品，减产决策坚定，短期逆转可能性低。</p>
|
||
<blockquote class="data-quote mt-2 text-xs">新闻：泰益欣8,000吨产能转产3,000吨，鲁抗医药9,000吨产能转产2,000吨。</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 市场热度与预期差 -->
|
||
<div class="glass-card bento-item col-span-6 md:col-span-3">
|
||
<h2 class="text-2xl font-bold text-white mb-4">市场热度与预期差分析</h2>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h3 class="font-semibold text-white">市场共识: 高度乐观，叙事统一</h3>
|
||
<p class="text-sm text-gray-400">研报、新闻、路演形成“供给收缩 → 库存告急 → 价格飞涨 → 盈利爆发”的清晰叙事闭环，市场情绪亢奋，认为正在复制历史原料药暴涨行情。</p>
|
||
<blockquote class="data-quote mt-2 text-xs">新闻：受益于泰乐菌素涨价的回盛生物20CM3连板。</blockquote>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-semibold text-white">潜在预期差</h3>
|
||
<ul class="list-disc list-inside space-y-1 text-sm text-gray-400">
|
||
<li><strong class="text-amber-300">价格可持续性:</strong> 市场预期冲高至400-500元/kg，但可能忽略下游（如禽类养殖）的成本承受极限和替代品选择。</li>
|
||
<li><strong class="text-amber-300">新进入者角色:</strong> 市场聚焦TOP5控盘，但低估了回盛生物等低成本新产能（2000吨已投产）的角色，其可能成为平抑价格的力量。</li>
|
||
<li><strong class="text-amber-300">协同脆弱性:</strong> 价格联盟在高利润诱惑下并非牢不可破，需警惕头部企业为抢占份额而悄然复产的风险。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展 -->
|
||
<div class="glass-card bento-item col-span-6 md:col-span-3">
|
||
<h2 class="text-2xl font-bold text-white mb-4">关键催化剂与未来发展路径</h2>
|
||
<div>
|
||
<h3 class="font-semibold text-blue-300 mb-2">近期催化剂 (未来3-6个月)</h3>
|
||
<ul class="list-disc list-inside space-y-1 text-sm">
|
||
<li><strong class="text-gray-200">价格数据持续验证：</strong>每周报价是否如期突破350、400元/kg等关键关口。</li>
|
||
<li><strong class="text-gray-200">核心公司财报：</strong>回盛生物、鲁抗医药等原料药业务毛利率是否出现爆炸性增长。</li>
|
||
<li><strong class="text-gray-200">出口数据公布：</strong>欧盟新规对出口的拉动效应是否通过海关数据验证。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="divider before:bg-gray-700 after:bg-gray-700"></div>
|
||
<div>
|
||
<h3 class="font-semibold text-blue-300 mb-2">长期发展路径</h3>
|
||
<ul class="list-disc list-inside space-y-1 text-sm">
|
||
<li><strong class="text-gray-200">价格寻顶与再平衡：</strong>在下游承受力、替代品和厂商利润间寻找新的价格中枢。</li>
|
||
<li><strong class="text-gray-200">行业格局重塑：</strong>具备成本优势和新产能的企业（如回盛生物）有望提升市场份额。</li>
|
||
<li><strong class="text-gray-200">产业链延伸：</strong>利用本轮周期利润，向高附加值的制剂领域延伸，构建一体化护城河。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司 -->
|
||
<div class="glass-card bento-item col-span-6">
|
||
<h2 class="text-2xl font-bold text-white mb-4">产业链与核心公司深度剖析</h2>
|
||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||
<!-- 鲁抗医药 -->
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<h3 class="text-xl font-bold text-white">鲁抗医药</h3>
|
||
<p class="text-sm text-blue-300 mb-2">行业领导者 & 价格维护者</p>
|
||
<p class="text-sm text-gray-400">作为传统龙头，产能规模巨大，是本轮供给收缩的关键执行者。在行业协同中扮演“压舱石”角色，态度相对稳健。</p>
|
||
<blockquote class="data-quote mt-2 text-xs">公司回应：产品价格升降随供需关系变化，泰乐菌素产品也是如此。</blockquote>
|
||
</div>
|
||
<!-- 回盛生物 -->
|
||
<div class="p-4 bg-slate-800/50 rounded-xl border-2 border-blue-500 shadow-lg shadow-blue-500/20">
|
||
<h3 class="text-xl font-bold text-white">回盛生物 (300871)</h3>
|
||
<p class="text-sm text-green-300 mb-2">周期中的阿尔法 & 最大弹性受益者</p>
|
||
<ul class="list-disc list-inside space-y-1 text-sm text-gray-400">
|
||
<li><strong class="text-white">时机精准：</strong>2000吨新产能在行业景气低点投产，价格暴涨前夜完成爬坡和成本优化。</li>
|
||
<li><strong class="text-white">成本优势：</strong>发酵水平和工艺已达“行业领先”，价格上行周期中利润弹性巨大。</li>
|
||
<li><strong class="text-white">成长性：</strong>明确扩产计划至3000吨，兼具价格上涨(Beta)与份额提升(Alpha)潜力。</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 宁夏泰益欣 -->
|
||
<div class="p-4 bg-slate-800/50 rounded-xl">
|
||
<h3 class="text-xl font-bold text-white">宁夏泰益欣</h3>
|
||
<p class="text-sm text-blue-300 mb-2">行情的关键发起者</p>
|
||
<p class="text-sm text-gray-400">作为头部企业之一，其大幅转产(8000吨转3000吨)和“周度提价”策略，是点燃本轮行情的重要推手。</p>
|
||
<blockquote class="data-quote mt-2 text-xs">新闻：如泰益欣不断提高报价，每次提高10 - 20元左右...</blockquote>
|
||
</div>
|
||
</div>
|
||
<div class="mt-4 p-4 rounded-xl bg-amber-900/30 border border-amber-500/50">
|
||
<h4 class="font-bold text-amber-300">关键证伪点：产能数据矛盾</h4>
|
||
<p class="text-sm text-amber-200/80">各信源对核心企业（尤其是回盛生物、鲁抗医药）的产能数据存在显著冲突。市场可能基于模糊数据进行交易，一旦精确数据厘清，可能导致对供需缺口和企业价值的重新评估，是当前分析中的重大风险点。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 原始数据 -->
|
||
<div class="glass-card bento-item col-span-6" x-data="{ tab: 'news' }">
|
||
<h2 class="text-2xl font-bold text-white mb-4">原始数据深度挖掘</h2>
|
||
<div class="tabs tabs-bordered mb-4">
|
||
<a class="tab" :class="{ 'tab-active': tab === 'news' }" @click="tab = 'news'">新闻数据</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click="tab = 'roadshow'">路演纪要</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'research' }" @click="tab = 'research'">研报精粹</a>
|
||
<a class="tab" :class="{ 'tab-active': tab === 'risk' }" @click="tab = 'risk'">潜在风险</a>
|
||
</div>
|
||
|
||
<div x-show="tab === 'news'" class="prose prose-invert max-w-none text-gray-300 prose-strong:text-blue-300 h-64 overflow-y-auto">
|
||
<h4>价格动态</h4>
|
||
<ul>
|
||
<li><strong>当前价格暴涨：</strong>“酒石酸泰乐菌素价格加速暴涨，库存周转天数降至5天，一周一价”。一季度价格已从210元/千克暴涨至290元/千克，创近两年峰值。</li>
|
||
<li><strong>价格预测：</strong>行业共识4月中旬突破350元/千克，三四季度可能突破400元。中长期看，未来三年年均15%-20%涨幅有支撑。</li>
|
||
</ul>
|
||
<h4>供需关系</h4>
|
||
<ul>
|
||
<li><strong>供给端：</strong>行业TOP5集体减产，将产线切换至高附加值产品。整体约七八千吨产能转产，剩余产能约16,000吨，基本满足全球年消耗量，市场供给紧张。泰益欣内蒙基地产线故障加剧了供给减少。</li>
|
||
<li><strong>需求端：</strong>国内需求约11000吨，国外约5000吨。3月采购询单量同比激增180%。欧盟新规拉动出口增长。</li>
|
||
<li><strong>库存情况：</strong>库存周转天数从常规45天骤降至5天。下游企业安全库存仅余10天左右。</li>
|
||
</ul>
|
||
<h4>市场格局</h4>
|
||
<ul>
|
||
<li><strong>议价权：</strong>TOP5企业掌控70%市场议价权，下游企业被迫接受“周度议价”模式。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div x-show="tab === 'roadshow'" class="prose prose-invert max-w-none text-gray-300 prose-strong:text-blue-300 h-64 overflow-y-auto">
|
||
<h4>回盛生物产能规划</h4>
|
||
<ul>
|
||
<li><strong>现有产能：</strong>泰乐菌素原料药产能2000吨。</li>
|
||
<li><strong>未来规划：</strong>技改项目接近收尾，完成后年产能将达3000吨泰乐菌素+2000吨泰万菌素。</li>
|
||
</ul>
|
||
<h4>市场供需</h4>
|
||
<ul>
|
||
<li><strong>供给收缩：</strong>2025Q1头部企业泰乐菌素产能缩减40%（中国兽药协会数据）。前五大厂商转向高毛利兽药，产能向替米考星等产品转移。</li>
|
||
<li><strong>需求爆发：</strong>生猪养殖规模化率超65%带动刚需增长；欧盟新规使出口型养殖场需求激增。</li>
|
||
<li><strong>库存极低：</strong>行业库存从45天降至5天。</li>
|
||
</ul>
|
||
<h4>价格预测</h4>
|
||
<ul>
|
||
<li><strong>短期：</strong>4月中旬或突破350元/公斤。</li>
|
||
<li><strong>长期：</strong>年底中枢或达500元/公斤。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div x-show="tab === 'research'" class="prose prose-invert max-w-none text-gray-300 prose-strong:text-blue-300 h-64 overflow-y-auto">
|
||
<h4>价格动态</h4>
|
||
<ul>
|
||
<li><strong>价格高点：</strong>宁夏泰益欣报价达290元/千克，较年初累计上涨23.5%。2024年Q3行情触底，价格仅为200元/千克出头。</li>
|
||
</ul>
|
||
<h4>市场动态</h4>
|
||
<ul>
|
||
<li><strong>供给端分析：</strong>泰乐菌素产能具备高认证壁垒和投入成本，格局高度集中。主流厂家停产、停报导致市场供应趋紧。短期大规模复产可能性较小。</li>
|
||
<li><strong>需求端分析：</strong>治疗支原体感染的首选药物。需求随国内规模化养殖渗透率提升以及海外进口标准趋严而增长。</li>
|
||
</ul>
|
||
<h4>回盛生物信息</h4>
|
||
<ul>
|
||
<li><strong>产能：</strong>“2000吨泰乐菌素、840吨泰万菌素”产能已于2023年底全部建成投产，目前产量快速爬坡。</li>
|
||
<li><strong>成本优势：</strong>生产成本较投产初期有明显下降，已处于行业领先水平。</li>
|
||
<li><strong>展望：</strong>2025年有望迎来“行情回暖&产能释放&成本优化”三击。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div x-show="tab === 'risk'" class="prose prose-invert max-w-none text-gray-300 prose-strong:text-amber-300 h-64 overflow-y-auto">
|
||
<h4>商业化风险</h4>
|
||
<ul>
|
||
<li><strong>下游抵制风险：</strong>价格过高可能导致下游养殖户减少预防性用药，或转向其他替代药物，从而侵蚀需求基础。</li>
|
||
<li><strong>成本传导不畅：</strong>若下游猪价等行情下行，养殖户利润微薄，将无法承担高昂的药费，需求可能快速萎缩。</li>
|
||
</ul>
|
||
<h4>政策与竞争风险</h4>
|
||
<ul>
|
||
<li><strong>价格联盟破裂风险：</strong>这是最大的风险。高利润下，任何一家头部企业为了抢夺市场份额而率先复产，都可能引发连锁反应，导致价格闪崩。</li>
|
||
<li><strong>政策干预风险：</strong>作为重要的畜牧业生产资料，价格非理性暴涨可能引来发改委等部门的价格监管或反垄断调查。</li>
|
||
</ul>
|
||
<h4>信息交叉验证风险</h4>
|
||
<ul>
|
||
<li>核心参与者的产能数据在新闻、路演和个股关联数据中存在显著矛盾。这是分析中最应警惕的“迷雾”。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联个股 -->
|
||
<div class="glass-card bento-item col-span-6">
|
||
<h2 class="text-2xl font-bold text-white mb-4">核心及关联标的</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>公司名称</th>
|
||
<th>股票代码</th>
|
||
<th>关联原因</th>
|
||
<th>产能 (酒石酸泰乐菌素原料药/吨)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="hover:bg-blue-900/20">
|
||
<td class="font-bold text-white">回盛生物</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300871" target="_blank" class="link link-hover text-blue-400">300871</a></td>
|
||
<td>生产酒石酸泰乐菌素原料药，成本优势+产能弹性核心受益标的</td>
|
||
<td class="font-semibold text-green-400">3000</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/20">
|
||
<td class="font-bold text-white">鲁抗舍里乐药业 (鲁抗医药)</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600789" target="_blank" class="link link-hover text-blue-400">600789</a></td>
|
||
<td>生产泰乐菌素原料药，行业龙头，价格维护者</td>
|
||
<td class="font-semibold text-sky-400">3500</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/20">
|
||
<td class="font-bold text-white">宁夏泰益欣</td>
|
||
<td>非上市</td>
|
||
<td>生产泰乐菌素原料药，行情关键发起者</td>
|
||
<td class="font-semibold text-sky-400">1500</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/20">
|
||
<td class="font-bold text-white">齐鲁制药</td>
|
||
<td>非上市</td>
|
||
<td>生产泰乐菌素原料药，行业TOP5</td>
|
||
<td class="font-semibold text-sky-400">2000</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/20">
|
||
<td class="text-gray-400">利民股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002734" target="_blank" class="link link-hover text-blue-400">002734</a></td>
|
||
<td>生产酒石酸泰乐菌素原料药</td>
|
||
<td class="font-semibold text-purple-400">500</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/20">
|
||
<td class="text-gray-400">普洛康裕生物 (普洛药业)</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000739" target="_blank" class="link link-hover text-blue-400">000739</a></td>
|
||
<td>生产酒石酸泰乐菌素原料药</td>
|
||
<td class="font-semibold text-purple-400">600</td>
|
||
</tr>
|
||
<tr class="hover:bg-blue-900/20">
|
||
<td class="text-gray-400">中牧股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600195" target="_blank" class="link link-hover text-blue-400">600195</a></td>
|
||
<td>生产酒石酸泰乐菌素原料药</td>
|
||
<td class="font-semibold text-purple-400">100</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="text-center py-8 mt-8 border-t border-gray-800">
|
||
<p class="text-xs text-gray-500">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现。
|
||
</p>
|
||
<p class="text-xs text-gray-500 mt-1">
|
||
本报告为AI合成数据，所有信息仅供参考，不构成任何投资建议，投资需谨慎。
|
||
</p>
|
||
</footer>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('priceChart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
backgroundColor: 'rgba(17, 24, 39, 0.8)',
|
||
borderColor: '#3b82f6',
|
||
textStyle: {
|
||
color: '#d1d5db'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: ['2024 Q3', '2025 Q1初', '2025.03', '预测 4月中', '预测 Q3/Q4', '预测 2026'],
|
||
axisLine: { lineStyle: { color: '#4b5563' } },
|
||
axisLabel: { color: '#9ca3af' }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
name: '元/kg',
|
||
axisLine: { show: true, lineStyle: { color: '#4b5563' } },
|
||
axisLabel: { color: '#9ca3af' },
|
||
splitLine: { lineStyle: { color: '#374151', type: 'dashed' } }
|
||
},
|
||
series: [
|
||
{
|
||
name: '价格',
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'circle',
|
||
symbolSize: 8,
|
||
data: [200, 210, 290, 350, 400, 500],
|
||
itemStyle: {
|
||
color: '#3b82f6'
|
||
},
|
||
lineStyle: {
|
||
width: 3,
|
||
color: '#3b82f6',
|
||
shadowColor: 'rgba(59, 130, 246, 0.5)',
|
||
shadowBlur: 10
|
||
},
|
||
areaStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
offset: 0,
|
||
color: 'rgba(59, 130, 246, 0.5)'
|
||
}, {
|
||
offset: 1,
|
||
color: 'rgba(59, 130, 246, 0)'
|
||
}])
|
||
},
|
||
markLine: {
|
||
data: [
|
||
{ name: '历史高点', yAxis: 450 }
|
||
],
|
||
label: { color: '#e5e7eb' },
|
||
lineStyle: { color: '#f59e0b', type: 'dotted' }
|
||
}
|
||
}
|
||
]
|
||
};
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |