410 lines
27 KiB
HTML
410 lines
27 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.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>
|
||
<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=Lexend:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||
<style>
|
||
body {
|
||
font-family: 'Lexend', sans-serif;
|
||
background-color: #010409;
|
||
background-image:
|
||
radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 0.1) 0px, transparent 50%),
|
||
radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 0.1) 0px, transparent 50%),
|
||
radial-gradient(at 52% 99%, hsla(355, 98%, 61%, 0.1) 0px, transparent 50%),
|
||
radial-gradient(at 10% 29%, hsla(256, 96%, 61%, 0.1) 0px, transparent 50%),
|
||
radial-gradient(at 97% 96%, hsla(38, 60%, 72%, 0.1) 0px, transparent 50%),
|
||
radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 0.1) 0px, transparent 50%),
|
||
radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 0.1) 0px, transparent 50%);
|
||
color: #E6EDF3;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(13, 17, 23, 0.6);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border-radius: 20px;
|
||
border: 1px solid rgba(48, 54, 61, 0.5);
|
||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
box-shadow: 0 0 40px 0 rgba(0, 191, 255, 0.2);
|
||
border-color: rgba(0, 191, 255, 0.3);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(1, 1fr);
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
.bento-grid {
|
||
grid-template-columns: repeat(3, 1fr);
|
||
grid-template-rows: repeat(2, auto);
|
||
}
|
||
.bento-span-2 {
|
||
grid-column: span 2;
|
||
}
|
||
.bento-span-3 {
|
||
grid-column: span 3;
|
||
}
|
||
}
|
||
|
||
.glow-text {
|
||
text-shadow: 0 0 8px rgba(0, 191, 255, 0.7);
|
||
}
|
||
.highlight-text {
|
||
color: #79c0ff;
|
||
}
|
||
.positive-text {
|
||
color: #56d364;
|
||
}
|
||
.negative-text {
|
||
color: #f85149;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="min-h-screen">
|
||
|
||
<div class="max-w-7xl mx-auto p-4 sm:p-6 lg:p-8">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center py-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold glow-text tracking-wider">白银 (Silver)</h1>
|
||
<p class="mt-4 text-lg text-gray-400">深度行研报告</p>
|
||
<p class="text-xs text-gray-500 mt-2">北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||
</header>
|
||
|
||
<main class="space-y-12">
|
||
<!-- Insight Core Section -->
|
||
<section class="glass-card p-8 space-y-6">
|
||
<h2 class="text-3xl font-bold border-b border-gray-700 pb-4">概念核心洞察 (Insight)</h2>
|
||
|
||
<div class="bento-grid">
|
||
<div class="glass-card p-6 bento-span-2">
|
||
<h3 class="text-lg font-semibold text-gray-400 mb-2">核心观点</h3>
|
||
<p class="text-xl">白银正处于一轮由 <strong class="highlight-text">“结构性供需失衡”</strong> 驱动的基本面牛市。供给刚性与需求爆发性增长（尤其是光伏）导致库存持续去化，金银比高位提供了显著的估值修复空间，使其从黄金的“影子”转变为独立的强势资产。</p>
|
||
</div>
|
||
<div class="glass-card p-6 flex flex-col justify-center items-center">
|
||
<h3 class="text-lg font-semibold text-gray-400 mb-2">历史高点</h3>
|
||
<p class="text-4xl font-bold positive-text">$54.49/盎司</p>
|
||
<p class="text-sm text-gray-500">2025年10月17日</p>
|
||
</div>
|
||
<div class="glass-card p-6 flex flex-col justify-center items-center">
|
||
<h3 class="text-lg font-semibold text-gray-400 mb-2">2024年供需缺口</h3>
|
||
<p class="text-4xl font-bold negative-text">~5000吨</p>
|
||
<p class="text-sm text-gray-500">连续第四年短缺</p>
|
||
</div>
|
||
<div class="glass-card p-6 flex flex-col justify-center items-center">
|
||
<h3 class="text-lg font-semibold text-gray-400 mb-2">库存水平</h3>
|
||
<p class="text-4xl font-bold negative-text">↓ 70%</p>
|
||
<p class="text-sm text-gray-500">较2021年高点</p>
|
||
</div>
|
||
<div class="glass-card p-6 flex flex-col justify-center items-center">
|
||
<h3 class="text-lg font-semibold text-gray-400 mb-2">金银比</h3>
|
||
<p class="text-4xl font-bold highlight-text">~80-90</p>
|
||
<p class="text-sm text-gray-500">远高于历史均值58-72</p>
|
||
</div>
|
||
</div>
|
||
|
||
<article class="space-y-8 pt-6">
|
||
<div>
|
||
<h3 class="text-2xl font-semibold mb-4">核心逻辑与市场认知</h3>
|
||
<div class="prose prose-invert max-w-none text-gray-300 space-y-4">
|
||
<p>支撑白银概念的核心逻辑是深刻且持续的<strong class="highlight-text">供需错配</strong>，市场热度已进入全面看多甚至“狂热”阶段：</p>
|
||
<ul class="list-disc pl-6 space-y-2">
|
||
<li><strong>供给端刚性:</strong> 全球约<strong class="highlight-text">80%</strong>矿产银为伴生矿，供给弹性极低，无法对价格上涨做出快速响应。2023年全球银矿供应已是连续第四年减产。</li>
|
||
<li><strong>需求端结构性爆发:</strong> 工业需求是本轮牛市的“发动机”，尤其是<strong class="highlight-text">光伏领域</strong>。光伏需求占总需求比例从2018年10%跃升至2024年预计的<strong class="highlight-text">20%</strong>。关键增量在于<strong class="highlight-text">N型电池(TOPCon)</strong>的加速渗透（2024年预计达60%），其单瓦银耗较P型增加15%-20%。</li>
|
||
<li><strong>库存持续去化:</strong> 全球显性库存自2021年高点已下降<strong class="highlight-text">30%-70%</strong>，处于2016年以来最低水平。低库存状态放大了价格弹性。</li>
|
||
<li><strong>金融属性(估值修复):</strong> 在黄金已创历史新高的背景下，当前<strong class="highlight-text">80-90</strong>的金银比远高于历史均值，为白银提供了强烈的“补涨”需求和估值修复逻辑。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-2xl font-semibold mb-4">预期差分析</h3>
|
||
<div class="prose prose-invert max-w-none text-gray-300 space-y-4">
|
||
<ul class="list-disc pl-6 space-y-2">
|
||
<li><strong>风险认知不足:</strong> 市场可能低估了<strong class="negative-text">技术替代风险</strong>。高银价将倒逼下游加速研发<strong class="negative-text">“电镀铜”</strong>等降银耗技术，这可能成为长期需求的“达摩克利斯之剑”。</li>
|
||
<li><strong>标的纯度混淆:</strong> 市场追捧概念股时，可能忽略了各公司业务的“含银量”。产量巨大的公司（如江西铜业）白银营收占比可能很低（3.25%），其股价弹性远不如储量高、营收占比高的“纯”银标的（如兴业银锡，27.29%）。</li>
|
||
<li><strong>波动性预期不足:</strong> 在“超级牛市”的呼声中，市场可能对白银固有的高波动性准备不足。新闻数据显示牛市中仍有单日<strong class="negative-text">大跌4%-6%</strong>的情况，追高风险被乐观情绪掩盖。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<!-- Data & Timeline Section -->
|
||
<section class="glass-card p-8" x-data="{ tab: 'news' }">
|
||
<div class="flex border-b border-gray-700">
|
||
<button @click="tab = 'news'" :class="{'border-b-2 border-cyan-400 text-cyan-400': tab === 'news', 'text-gray-400': tab !== 'news'}" class="px-6 py-3 font-semibold focus:outline-none">市场动态与价格</button>
|
||
<button @click="tab = 'fundamentals'" :class="{'border-b-2 border-cyan-400 text-cyan-400': tab === 'fundamentals', 'text-gray-400': tab !== 'fundamentals'}" class="px-6 py-3 font-semibold focus:outline-none">核心基本面</button>
|
||
<button @click="tab = 'catalysts'" :class="{'border-b-2 border-cyan-400 text-cyan-400': tab === 'catalysts', 'text-gray-400': tab !== 'catalysts'}" class="px-6 py-3 font-semibold focus:outline-none">催化剂与风险</button>
|
||
</div>
|
||
|
||
<!-- News & Price Chart -->
|
||
<div x-show="tab === 'news'" class="pt-6 space-y-6">
|
||
<h3 class="text-2xl font-semibold">价格走势与市场情绪 (2024-2025)</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
|
||
<p><strong class="text-green-400">看涨信号:</strong> “白银即将迎来数十年的超级上涨周期...历史新高的银价指日可待！”</p>
|
||
<p><strong class="text-green-400">补涨逻辑:</strong> “本轮白银上涨是贵金属板块内部补涨需求...触发因素是金银比的修正。”</p>
|
||
<p><strong class="text-orange-400">市场狂热:</strong> “印度出现‘白银狂热’，即便价格创下14年新高，投资者仍在疯狂买入。”</p>
|
||
</div>
|
||
<div id="priceChart" class="w-full h-96 md:h-[500px]"></div>
|
||
</div>
|
||
|
||
<!-- Fundamentals -->
|
||
<div x-show="tab === 'fundamentals'" class="pt-6 grid md:grid-cols-2 gap-8">
|
||
<div class="space-y-4">
|
||
<h3 class="text-2xl font-semibold">供给端：高度刚性</h3>
|
||
<ul class="list-disc pl-5 space-y-2 text-gray-300">
|
||
<li><strong>伴生矿为主:</strong> 约<strong class="highlight-text">80%</strong>为铅锌铜的伴生矿，独立银矿不足30%，产量难以随价格快速调整。</li>
|
||
<li><strong>矿产银减产:</strong> 2023年全球银矿供应<strong class="negative-text">同比下降2%</strong>，为连续第四年减产。</li>
|
||
<li><strong>再生银瓶颈:</strong> 回收率已达高位（约30%），增量空间有限。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<h3 class="text-2xl font-semibold">需求端：光伏引爆</h3>
|
||
<ul class="list-disc pl-5 space-y-2 text-gray-300">
|
||
<li><strong>光伏成核心驱动力:</strong> 需求占比从2018年10%升至2024年预计<strong class="positive-text">20%</strong>。</li>
|
||
<li><strong>N型电池技术迭代:</strong> N型(TOPCon)电池渗透率从2023年25%预计升至2024年<strong class="positive-text">60%</strong>，单瓦银耗较P型增加15%-20%。</li>
|
||
<li><strong>印度需求激增:</strong> 2024年印度进口量预计达<strong class="positive-text">6000-7000吨</strong>，较2023年翻倍。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Catalysts & Risks -->
|
||
<div x-show="tab === 'catalysts'" class="pt-6 grid md:grid-cols-2 gap-8">
|
||
<div class="space-y-4">
|
||
<h3 class="text-2xl font-semibold text-green-400">未来关键催化剂</h3>
|
||
<ul class="list-disc pl-5 space-y-2 text-gray-300">
|
||
<li><strong>库存数据:</strong> 全球主要交易所(LME/COMEX)库存数据持续下降，将是验证缺口最直接的信号。</li>
|
||
<li><strong>光伏财报:</strong> 光伏龙头企业N型电池出货量和渗透率超预期。</li>
|
||
<li><strong>宏观政策:</strong> 美联储明确的降息信号或行动，释放流动性。</li>
|
||
<li><strong>新兴市场:</strong> 印度等市场进口数据持续维持高位。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<h3 class="text-2xl font-semibold text-red-400">潜在风险与挑战</h3>
|
||
<ul class="list-disc pl-5 space-y-2 text-gray-300">
|
||
<li><strong>技术替代风险 (核心):</strong> <strong class="negative-text">光伏降银耗技术</strong>（如电镀铜）是长期最大威胁，高银价会加速其商业化进程。</li>
|
||
<li><strong>价格波动风险:</strong> 白银固有的高波动性对投资者情绪和企业套保构成挑战。</li>
|
||
<li><strong>宏观政策风险:</strong> 美联储货币政策超预期鹰派，将压制贵金属价格。</li>
|
||
<li><strong>信息交叉验证风险:</strong> 不同研报路演对白银属性定义存在分歧，增加了预测复杂性。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain & Conclusion -->
|
||
<section class="glass-card p-8 space-y-6">
|
||
<h2 class="text-3xl font-bold border-b border-gray-700 pb-4">产业链与投资启示</h2>
|
||
<div class="prose prose-invert max-w-none text-gray-300 space-y-4">
|
||
<p><strong>最终看法:</strong> 白银已从主题炒作迈入<strong class="highlight-text">基本面驱动阶段</strong>。核心矛盾真实且持续，价格上涨是对过去几年供需格局变化的“集中兑现”。但市场情绪已趋于狂热，短期波动风险急剧累积。</p>
|
||
<p><strong>最具投资价值的细分环节:</strong> <strong class="highlight-text">上游矿产资源环节</strong>。原因在于其具备最大的价格弹性、资源稀缺性带来的护城河、以及与银价最直接的逻辑关联。投资应重点关注具备<strong class="highlight-text">高储量、高品位、高营收占比</strong>的“纯”银标的。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table -->
|
||
<section class="glass-card p-8">
|
||
<h2 class="text-3xl font-bold border-b border-gray-700 pb-4 mb-6">相关概念股</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="border-b border-gray-700">
|
||
<th class="bg-transparent text-base text-gray-400">股票名称</th>
|
||
<th class="bg-transparent text-base text-gray-400">核心逻辑</th>
|
||
<th class="bg-transparent text-base text-gray-400">2024年产量(吨)</th>
|
||
<th class="bg-transparent text-base text-gray-400">营收占比</th>
|
||
<th class="bg-transparent text-base text-gray-400">备注</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=000426" target="_blank" class="hover:text-cyan-400">兴业银锡 (000426)</a></td>
|
||
<td>A股三大银企之一，白银储量约1万吨，矿产银营收占比较高。</td>
|
||
<td>230</td>
|
||
<td class="font-mono positive-text">27.29%</td>
|
||
<td>A股“储量之王”，逻辑纯粹</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=000688" target="_blank" class="hover:text-cyan-400">国城矿业 (000688)</a></td>
|
||
<td>A股三大银企之一，白银储量约1.8万吨，银精矿营收占比较高。</td>
|
||
<td>预计72.87</td>
|
||
<td class="font-mono positive-text">20.95%</td>
|
||
<td>A股“潜力储量之王”</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=000603" target="_blank" class="hover:text-cyan-400">盛达资源 (000603)</a></td>
|
||
<td>A股三大银企之一，白银储量约0.6万吨，盈利能力强。</td>
|
||
<td>138.59</td>
|
||
<td class="font-mono">8.12%</td>
|
||
<td>高品位矿，毛利高</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=002716" target="_blank" class="hover:text-cyan-400">湖南白银 (002716)</a></td>
|
||
<td>白银相关业务营收占比较高。</td>
|
||
<td>761</td>
|
||
<td class="font-mono positive-text">54.48%</td>
|
||
<td>营收占比极高</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=600531" target="_blank" class="hover:text-cyan-400">豫光金铅 (600531)</a></td>
|
||
<td>2024年白银产量国内第一。</td>
|
||
<td>1566.24</td>
|
||
<td class="font-mono positive-text">25.45%</td>
|
||
<td>国内“产量之王”</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=600362" target="_blank" class="hover:text-cyan-400">江西铜业 (600362)</a></td>
|
||
<td>2024年白银产量国内第二。</td>
|
||
<td>1214.18</td>
|
||
<td class="font-mono negative-text">3.25%</td>
|
||
<td>产量大但营收占比较低</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=002237" target="_blank" class="hover:text-cyan-400">恒邦股份 (002237)</a></td>
|
||
<td>2024年白银产量国内第三。</td>
|
||
<td>825.68</td>
|
||
<td class="font-mono">7.24%</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=601212" target="_blank" class="hover:text-cyan-400">白银有色 (601212)</a></td>
|
||
<td>主营业务包含电解银。</td>
|
||
<td>544.09</td>
|
||
<td class="font-mono">5.21%</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=601899" target="_blank" class="hover:text-cyan-400">紫金矿业 (601899)</a></td>
|
||
<td>2024年白银产量为436吨。</td>
|
||
<td>436</td>
|
||
<td class="font-mono">-</td>
|
||
<td>综合性矿业巨头</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=000878" target="_blank" class="hover:text-cyan-400">云南铜业 (000878)</a></td>
|
||
<td>2024年白银产量为348.99吨。</td>
|
||
<td>348.99</td>
|
||
<td class="font-mono">-</td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-800/50">
|
||
<td class="font-semibold"><a href="https://valuefrontier.cn/company?scode=600961" target="_blank" class="hover:text-cyan-400">株冶集团 (600961)</a></td>
|
||
<td>银锭为公司产品之一。</td>
|
||
<td>294</td>
|
||
<td class="font-mono">10.17%</td>
|
||
<td>-</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="text-center py-10 mt-12 border-t border-gray-800">
|
||
<p class="text-xs text-gray-500">本报告为AI合成数据，据此投资，风险自担。投资需谨慎。</p>
|
||
<p class="text-xs text-gray-600 mt-1">© 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
const priceData = [
|
||
['2024-07-25', 28.29], ['2024-07-29', 27.35], ['2024-08-14', 27.55], ['2024-09-06', 28.23],
|
||
['2024-09-07', 27.77], ['2024-09-11', 28.10], ['2024-09-13', 29.81], ['2024-09-19', 31.00],
|
||
['2024-09-25', 31.77], ['2024-09-30', 31.30], ['2024-10-07', 31.50], ['2024-10-17', 32.00],
|
||
['2024-10-18', 32.67], ['2024-10-19', 33.60], ['2024-11-26', 30.61], ['2024-12-04', 30.70],
|
||
['2024-12-13', 30.63], ['2025-01-30', 31.43], ['2025-02-04', 32.23], ['2025-02-08', 31.88],
|
||
['2025-02-28', 30.93], ['2025-03-27', 34.29], ['2025-04-03', 32.19], ['2025-04-09', 29.50],
|
||
['2025-04-30', 32.81], ['2025-06-17', 36.00], ['2025-07-14', 38.00], ['2025-08-22', 38.88],
|
||
['2025-09-12', 42.00], ['2025-09-29', 47.00], ['2025-10-02', 47.83], ['2025-10-16', 50.00], // Approximation for "new high"
|
||
['2025-10-17', 54.49], ['2025-10-21', 49.67], ['2025-11-04', 46.99]
|
||
];
|
||
|
||
var chartDom = document.getElementById('priceChart');
|
||
var myChart = echarts.init(chartDom, 'dark');
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross'
|
||
},
|
||
backgroundColor: 'rgba(13, 17, 23, 0.8)',
|
||
borderColor: '#30363d',
|
||
textStyle: {
|
||
color: '#e6edf3'
|
||
}
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: { lineStyle: { color: '#8b949e' } },
|
||
splitLine: { show: false }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
name: '美元/盎司',
|
||
axisLine: { lineStyle: { color: '#8b949e' } },
|
||
splitLine: { lineStyle: { color: '#30363d' } }
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
series: [{
|
||
data: priceData,
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
lineStyle: {
|
||
width: 3,
|
||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||
{ offset: 0, color: '#00BFFF' },
|
||
{ offset: 1, color: '#1E90FF' }
|
||
]),
|
||
shadowColor: 'rgba(0, 191, 255, 0.5)',
|
||
shadowBlur: 10
|
||
},
|
||
areaStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: 'rgba(0, 191, 255, 0.3)' },
|
||
{ offset: 1, color: 'rgba(0, 191, 255, 0)' }
|
||
])
|
||
},
|
||
markPoint: {
|
||
data: [
|
||
{ type: 'max', name: '历史高点' },
|
||
{ type: 'min', name: '区间低点' }
|
||
],
|
||
label: {
|
||
color: '#fff'
|
||
}
|
||
}
|
||
}]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |