442 lines
28 KiB
HTML
442 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>量子材料钛酸锶 (SrTiO₃) 深度研究报告</title>
|
||
|
||
<!-- Tailwind CSS & DaisyUI -->
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
||
<!-- Alpine.js -->
|
||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||
|
||
<!-- ECharts -->
|
||
<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');
|
||
|
||
html, body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #020410;
|
||
color: #E0E0E0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
body::before {
|
||
content: '';
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-image:
|
||
radial-gradient(circle at 15% 20%, rgba(66, 7, 209, 0.2) 0%, transparent 40%),
|
||
radial-gradient(circle at 85% 70%, rgba(8, 145, 178, 0.2) 0%, transparent 40%);
|
||
z-index: -1;
|
||
filter: blur(100px);
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(20, 20, 40, 0.4);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 24px;
|
||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.5);
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.title-glow {
|
||
text-shadow: 0 0 8px rgba(200, 200, 255, 0.5), 0 0 16px rgba(100, 100, 255, 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; }
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
height: 8px;
|
||
}
|
||
::-webkit-scrollbar-track {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
border-radius: 10px;
|
||
}
|
||
::-webkit-scrollbar-thumb {
|
||
background: rgba(128, 128, 128, 0.3);
|
||
border-radius: 10px;
|
||
}
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(128, 128, 128, 0.5);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen p-4 sm:p-8">
|
||
|
||
<div class="max-w-7xl mx-auto space-y-8">
|
||
<!-- Header -->
|
||
<header class="text-center space-y-4">
|
||
<h1 class="text-4xl md:text-6xl font-bold title-glow">量子材料钛酸锶 (SrTiO₃)</h1>
|
||
<h2 class="text-2xl md:text-3xl font-light text-cyan-300">深度研究报告</h2>
|
||
<p class="text-xs text-gray-500 max-w-2xl mx-auto">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。
|
||
</p>
|
||
</header>
|
||
|
||
<!-- Concept Event & Timeline -->
|
||
<section class="glass-card p-6 md:p-8 space-y-6">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-cyan-400 pl-4">概念事件：双重共振下的价值发现</h3>
|
||
<p class="text-slate-300">
|
||
“量子材料钛酸锶”概念的爆发，是<strong class="text-amber-300">上游原材料供给危机</strong>与<strong class="text-sky-300">下游前沿科技突破</strong>双重共振的结果。供给侧的“完美风暴”重估了资源价值，而应用端的颠覆性进展则打开了产业的想象天花板。
|
||
</p>
|
||
<div id="timeline-chart" class="w-full h-96"></div>
|
||
</section>
|
||
|
||
<!-- Core Insight Bento Grid -->
|
||
<section class="bento-grid">
|
||
<div class="bento-item bento-item-span-12 glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-cyan-400 pl-4 mb-4">核心观点摘要</h3>
|
||
<p class="text-lg text-slate-200">
|
||
“量子材料钛酸锶”是一个典型的<strong class="text-cyan-300">双轮驱动型概念</strong>，正处于从<strong class="text-amber-400">上游资源炒作</strong>向<strong class="text-sky-400">下游应用预期</strong>过渡的关键阶段。
|
||
<span class="block mt-2">
|
||
<strong class="text-amber-400">近期驱动：</strong>由供给侧严重失衡引爆的上游原材料（碳酸锶）价格暴涨，提供了坚实的“资源价值重估”逻辑。
|
||
</span>
|
||
<span class="block mt-2">
|
||
<strong class="text-sky-400">远期驱动：</strong>由顶尖科研突破所描绘的在量子计算、固态电池等领域的颠覆性应用前景，打开了巨大的想象空间。
|
||
</span>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bento-item lg:bento-item-span-8 glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-cyan-400 pl-4 mb-4">核心逻辑与市场认知</h3>
|
||
<div class="space-y-4 text-slate-300">
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-slate-100">1. 资源稀缺性与供给冲击 (根本逻辑)</h4>
|
||
<p>锶矿作为全球稀缺战略资源，其核心产品碳酸锶的全球供应链在短期内遭遇三大冲击：国内环保淘汰落后产能、行业龙头破产、海外主要供应商因灾停产。这种供给侧的“完美风暴”直接导致价格飙升。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-slate-100">2. 前沿技术突破 (价值放大器)</h4>
|
||
<p>比利时和斯坦福大学在2025年11月的突破性研究，将“钛酸锶”赋予了“量子计算”、“量子传感”等前沿标签，将上游的“资源故事”与下游的“科技故事”完美缝合，极大提升了产业链天花板。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-slate-100">3. 国家战略与政策导向 (长期保障)</h4>
|
||
<p>科技部已将“量子功能材料”列为重点发展领域，表明钛酸锶的发展符合国家战略方向，为概念的长期发展提供了确定性。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bento-item lg:bento-item-span-4 glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-amber-400 pl-4 mb-4">预期差与关键忽略点</h3>
|
||
<div class="space-y-4 text-slate-300">
|
||
<p>市场可能<strong class="text-red-400">高估了下游应用的兑现速度</strong>。</p>
|
||
<p class="bg-red-900/30 p-3 rounded-lg border border-red-500/50">
|
||
<strong class="text-red-300">【关键证据】</strong>路演数据显示，钙钛矿太阳能电池对锶的需求仍停留在实验室阶段，<strong class="underline decoration-wavy">商业化需5-8年</strong>，短期无法形成万吨级需求。
|
||
</p>
|
||
<p>市场认知可能混淆了“上游原材料涨价”和“下游量子材料放量”两个阶段。当前业绩驱动主要来自前者，后者仍面临从实验室到工业化的巨大鸿沟。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bento-item lg:bento-item-span-6 glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-sky-400 pl-4 mb-4">关键催化剂与发展路径</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-sky-200">近期催化剂 (未来3-6个月)</h4>
|
||
<ul class="list-disc list-inside text-slate-300 space-y-1">
|
||
<li>碳酸锶价格能否维持在 <strong class="text-white">15,000元/吨</strong> 以上。</li>
|
||
<li>龙头企业（辛集化工、红星发展）的产能变动公告。</li>
|
||
<li>最新科研成果的商业转化消息（企业合作、专利申请）。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-sky-200">长期发展路径</h4>
|
||
<ul class="list-none space-y-2 text-slate-300">
|
||
<li><strong>阶段一 (当前-2026):</strong> <span class="badge badge-accent">资源为王</span>，利润集中于上游矿产及碳酸锶企业。</li>
|
||
<li><strong>阶段二 (2026-2028):</strong> <span class="badge badge-primary">材料突破</span>，焦点转向中游高性能钛酸锶粉体/薄膜的规模化制备。</li>
|
||
<li><strong>阶段三 (2028+):</strong> <span class="badge badge-secondary">应用驱动</span>，下游量子计算、固态电池等开始规模化采购。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bento-item lg:bento-item-span-6 glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-red-500 pl-4 mb-4">潜在风险与挑战</h3>
|
||
<div class="space-y-3 text-slate-300">
|
||
<p><strong class="text-red-300">技术风险：</strong>从实验室到工业化量产存在巨大技术鸿沟，成本高昂。</p>
|
||
<p><strong class="text-red-300">商业化风险：</strong>上游高成本可能抑制下游应用渗透，市场溢价支付意愿未知。</p>
|
||
<p><strong class="text-red-300">竞争风险：</strong>钛酸锶并非唯一量子材料选项，面临薄膜铌酸锂、碳化硅等竞争。</p>
|
||
<p><strong class="text-red-300">信息交叉验证风险：</strong>路演专家观点与研报/新闻渲染的宏大前景存在显著时间差，市场情绪可能已脱离产业实际节奏。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Supporting Data Tabs -->
|
||
<section x-data="{ activeTab: 'news' }" class="glass-card p-6 md:p-8">
|
||
<div role="tablist" class="tabs tabs-bordered tabs-lg">
|
||
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'news'}" @click.prevent="activeTab = 'news'">最新科研突破 (新闻)</a>
|
||
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'reports'}" @click.prevent="activeTab = 'reports'">产业链深度 (研报)</a>
|
||
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'roadshow'}" @click.prevent="activeTab = 'roadshow'">专家观点 (路演)</a>
|
||
</div>
|
||
|
||
<div class="pt-6 space-y-4">
|
||
<!-- News Content -->
|
||
<div x-show="activeTab === 'news'" x-transition>
|
||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800/50 p-6 rounded-2xl border border-slate-700">
|
||
<h4 class="text-xl font-bold text-sky-300">比利时团队：低温电光性能创新高</h4>
|
||
<p class="text-sm text-gray-400">发布时间: 2025-11-07 | 来源: 《科学》杂志</p>
|
||
<p class="mt-3 text-slate-200">研发出一种新型钛酸锶（SrTiO₃）薄膜，在4开尔文（约-269.15℃）的极低温下，不仅光损耗低，还实现了创纪录的电光性能，有望为量子模块提供更高效的光控组件。</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-6 rounded-2xl border border-slate-700">
|
||
<h4 class="text-xl font-bold text-sky-300">斯坦福团队：激发“量子之魂”</h4>
|
||
<p class="text-sm text-gray-400">发布时间: 2025-11-10</p>
|
||
<p class="mt-3 text-slate-200">找到一种能让钛酸锶变得更强的氧同位素替换新方法，通过简单调节氧同位素，将钛酸锶的光电效应提升<strong class="text-white">一倍多</strong>，压电效应提升<strong class="text-white">四倍多</strong>，甚至能够触及到量子临界点。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Research Reports Content -->
|
||
<div x-show="activeTab === 'reports'" x-transition class="space-y-4">
|
||
<div>
|
||
<h4 class="text-xl font-bold text-cyan-300">直接相关：钛酸锶的量子特性与应用</h4>
|
||
<ul class="list-disc list-inside text-slate-200 space-y-1 mt-2">
|
||
<li><strong>结构与特性：</strong>典型的钙钛矿结构，低温下表现出超导性，是重要的量子材料研究方向。</li>
|
||
<li><strong>应用领域：</strong><strong class="text-white">固态电池</strong>（能量密度提升40%）、<strong class="text-white">高灵敏度量子传感器</strong>、<strong class="text-white">水分解制氢催化剂</strong>。</li>
|
||
<li><strong>政策支持：</strong>科技部已将“量子功能材料”列为重点发展领域，获专项资助。</li>
|
||
<li><strong>市场前景：</strong>预测至2028年，全球量子材料市场850亿美元，钛酸锶基材料占比约<strong class="text-white">15%</strong>。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="divider"></div>
|
||
<div>
|
||
<h4 class="text-xl font-bold text-amber-300">潜在相关：上游原材料（碳酸锶）动态</h4>
|
||
<ul class="list-disc list-inside text-slate-200 space-y-1 mt-2">
|
||
<li><strong>供给端严重扰动：</strong>
|
||
<ul class="list-['-_'] list-inside ml-4">
|
||
<li>国内龙头企业河北辛集化工（产能占比29%）进入破产程序。</li>
|
||
<li>海外巨头墨西哥Kandelium因火灾停产，影响中国51%进口来源。</li>
|
||
<li>环保政策要求淘汰“间歇碳化法”工艺，影响国内近半产能。</li>
|
||
</ul>
|
||
</li>
|
||
<li><strong>价格趋势：</strong>受供给影响，碳酸锶价格从2024年Q3的约8000元/吨上涨至2025年3月的16000元/吨。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Roadshow Content -->
|
||
<div x-show="activeTab === 'roadshow'" x-transition>
|
||
<div class="bg-amber-900/30 p-6 rounded-2xl border border-amber-500/50">
|
||
<h4 class="text-xl font-bold text-amber-300">华安金属新材料碳酸锶专家交流会 (2025-01-23)</h4>
|
||
<p class="text-sm text-amber-200">核心观点：市场过于乐观，需警惕应用兑现速度风险。</p>
|
||
<blockquote class="mt-4 pl-4 border-l-4 border-amber-400 text-slate-100 text-lg">
|
||
"钙钛矿太阳能电池可能带动万吨级锶需求。" —— <strong class="text-red-400">修正与谬误点：</strong>当前钙钛矿中锶掺杂仅为实验室研究，商业化需<strong class="text-2xl font-bold text-white">5-8年</strong>，短期无法形成万吨需求。应标注为“长期潜力”。
|
||
</blockquote>
|
||
<p class="mt-3 text-amber-200">该信息是目前唯一直接指出下游应用商业化时间表的关键数据，为过热的市场情绪提供了重要的冷静剂。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Market Mood Analysis -->
|
||
<section class="glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-purple-400 pl-4 mb-4">市场情绪风向标：新材料概念热度分析</h3>
|
||
<p class="text-slate-300 mb-6">从近期新材料相关个股的涨幅逻辑分析，市场对“政策+稀缺+新应用”的叙事已有充分预热和高度偏好，为钛酸锶概念的爆发奠定了情绪基础。</p>
|
||
<div class="flex space-x-4 overflow-x-auto pb-4 -mb-4">
|
||
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<p class="font-bold text-lg text-purple-300">宝色股份 (300402)</p>
|
||
<p class="text-sm text-gray-400">核电级钛材国产化</p>
|
||
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> 政策首次强制国产化，公司手握唯一民营双牌照，订单弹性巨大，资金抢筹重定价。</p>
|
||
</div>
|
||
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<p class="font-bold text-lg text-purple-300">三祥新材 (603663)</p>
|
||
<p class="text-sm text-gray-400">铪出口管制</p>
|
||
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> 出口管制压缩全球供给90%，公司独享核级铪量产+出口许可，形成“涨价+稀缺+政策”三重共振。</p>
|
||
</div>
|
||
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<p class="font-bold text-lg text-purple-300">天通股份 (600330)</p>
|
||
<p class="text-sm text-gray-400">薄膜铌酸锂 (TFLN)</p>
|
||
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> TFLN材料稀缺性+光模块升级+英伟达认证催化，产业趋势与技术突破叠加。</p>
|
||
</div>
|
||
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
|
||
<p class="font-bold text-lg text-purple-300">国瓷材料 (300285)</p>
|
||
<p class="text-sm text-gray-400">固态电池陶瓷隔膜</p>
|
||
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> 海外技术突破直接催化，作为国内陶瓷材料龙头，受益于固态电池产业链加速发展预期。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Conclusion & Core Companies -->
|
||
<section class="glass-card p-6 md:p-8 space-y-6">
|
||
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-green-400 pl-4">综合结论与核心标的</h3>
|
||
<div class="space-y-4 text-slate-200">
|
||
<p>
|
||
<strong>最终看法：</strong>量子材料钛酸锶概念目前整体处于<strong class="text-white">主题炒作阶段</strong>，但其<strong class="text-green-300">上游环节已具备基本面驱动的雏形</strong>。市场正沿着“资源涨价 → 价值重估 → 应用想象”的路径演绎。短期行情的核心是碳酸锶的供需失衡，长期则完全取决于下游量子应用的商业化能否兑现。
|
||
</p>
|
||
<p>
|
||
<strong>最具投资价值环节：</strong>
|
||
<br>• <strong class="text-green-300">短期 (<1年):</strong> 上游碳酸锶生产环节，拥有合规产能和资源优势的企业是确定性最高的投资方向。
|
||
<br>• <strong class="text-green-300">中长期 (1-3年):</strong> 具备钛酸锶规模化生产能力与下游客户渠道的中游企业，需重点关注其相关业务的营收和毛利变化。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full">
|
||
<thead class="text-base text-white bg-slate-800/50">
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>核心逻辑</th>
|
||
<th>产业链环节</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-slate-200">
|
||
<tr>
|
||
<td>
|
||
<div class="font-bold">红星发展</div>
|
||
<div class="text-sm opacity-70"><a href="https://valuefrontier.cn/company?scode=600367" target="_blank" class="link link-hover">600367</a></div>
|
||
</td>
|
||
<td>碳酸锶产能第一（现有3万吨/年，新建6万吨/年），拥有高品位天青石矿资源。</td>
|
||
<td><span class="badge badge-warning badge-outline">上游-碳酸锶</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="font-bold">金瑞矿业</div>
|
||
<div class="text-sm opacity-70"><a href="https://valuefrontier.cn/company?scode=600714" target="_blank" class="link link-hover">600714</a></div>
|
||
</td>
|
||
<td>拥有大风山锶矿，探明保有储量约1500万吨；碳酸锶产能第二（现有2万吨/年，新建4.5万吨/年）。</td>
|
||
<td>
|
||
<span class="badge badge-error badge-outline mr-1">上游-锶矿</span>
|
||
<span class="badge badge-warning badge-outline">上游-碳酸锶</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="font-bold">新莱福</div>
|
||
<div class="text-sm opacity-70"><a href="https://valuefrontier.cn/company?scode=301323" target="_blank" class="link link-hover">301323</a></div>
|
||
</td>
|
||
<td>明确提及“需要用碳酸锶作为原料来合成钛酸锶”，并已将其应用于钛酸锶压敏电阻产品。</td>
|
||
<td><span class="badge badge-info badge-outline">中游-钛酸锶</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="text-center text-xs text-gray-600 py-4">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||
<p>本报告为AI合成数据，不构成任何投资建议，投资需谨慎。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('timeline-chart');
|
||
var myChart = echarts.init(chartDom, 'dark');
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
formatter: function (params) {
|
||
const param = params[0];
|
||
const date = param.name;
|
||
const data = param.data;
|
||
let tooltipHtml = `<div style="font-size: 14px; color: #fff;"><strong>${date}</strong></div>`;
|
||
tooltipHtml += `<div style="margin-top: 5px; font-size: 12px; color: #ddd;">${data.event}</div>`;
|
||
return tooltipHtml;
|
||
},
|
||
backgroundColor: 'rgba(20, 20, 40, 0.7)',
|
||
borderColor: 'rgba(255, 255, 255, 0.2)',
|
||
textStyle: {
|
||
color: '#E0E0E0'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '10%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: ['2024.10', '2025.03', '2025.11.07', '2025.11.10'],
|
||
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
|
||
axisLabel: { color: '#ccc' }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
splitLine: { lineStyle: { type: 'dashed', color: 'rgba(255,255,255,0.1)' } },
|
||
axisLabel: { show: false },
|
||
},
|
||
dataZoom: [{
|
||
type: 'inside',
|
||
start: 0,
|
||
end: 100
|
||
}],
|
||
series: [
|
||
{
|
||
name: '事件',
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'circle',
|
||
symbolSize: 12,
|
||
lineStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||
{ offset: 0, color: '#F59E0B' },
|
||
{ offset: 1, color: '#38BDF8' }
|
||
]),
|
||
width: 3
|
||
},
|
||
areaStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: 'rgba(56, 189, 248, 0.3)' },
|
||
{ offset: 1, color: 'rgba(245, 158, 11, 0.05)' }
|
||
])
|
||
},
|
||
itemStyle: {
|
||
color: '#fff',
|
||
borderColor: function(params) {
|
||
return params.data.type === 'supply' ? '#F59E0B' : '#38BDF8';
|
||
},
|
||
borderWidth: 3
|
||
},
|
||
data: [
|
||
{ value: 10, name: '2024.10', type: 'supply', event: '<strong>供给侧冲击:</strong> 国内碳酸锶巨头辛集化工申请破产。' },
|
||
{ value: 20, name: '2025.03', type: 'supply', event: '<strong>供给侧冲击:</strong> 环保改造大限，海外巨头Kandelium因火灾停产。' },
|
||
{ value: 60, name: '2025.11.07', type: 'demand', event: '<strong>应用端突破:</strong> 比利时团队在《科学》发表成果，新型薄膜实现创纪录电光性能。' },
|
||
{ value: 70, name: '2025.11.10', type: 'demand', event: '<strong>应用端突破:</strong> 斯坦福团队发现氧同位素替换新方法，大幅提升光电/压电效应。' }
|
||
]
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', function() {
|
||
myChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |