384 lines
26 KiB
HTML
384 lines
26 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>华为P70 概念深度研究</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: #000010;
|
||
color: #E0E0E0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.space-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
background: radial-gradient(ellipse at 50% 50%, rgba(20, 20, 80, 0.4) 0%, #000010 100%);
|
||
animation: pulse-bg 15s infinite ease-in-out;
|
||
}
|
||
|
||
@keyframes pulse-bg {
|
||
0% { background: radial-gradient(ellipse at 40% 60%, rgba(30, 30, 100, 0.5) 0%, #000010 100%); }
|
||
50% { background: radial-gradient(ellipse at 60% 40%, rgba(60, 20, 90, 0.5) 0%, #000010 100%); }
|
||
100% { background: radial-gradient(ellipse at 40% 60%, rgba(30, 30, 100, 0.5) 0%, #000010 100%); }
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(10, 10, 30, 0.4);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(100, 100, 220, 0.2);
|
||
border-radius: 24px;
|
||
transition: all 0.3s ease;
|
||
box-shadow: 0 0 15px rgba(120, 80, 255, 0.1), 0 0 30px rgba(80, 120, 255, 0.1);
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px) scale(1.01);
|
||
border-color: rgba(150, 150, 255, 0.4);
|
||
box-shadow: 0 0 25px rgba(120, 80, 255, 0.2), 0 0 50px rgba(80, 120, 255, 0.2);
|
||
}
|
||
|
||
.card-glow {
|
||
position: absolute;
|
||
top: -2px; left: -2px; right: -2px; bottom: -2px;
|
||
border-radius: 26px;
|
||
z-index: -1;
|
||
background: linear-gradient(135deg, rgba(128, 0, 128, 0.3), rgba(0, 128, 255, 0.3));
|
||
filter: blur(20px);
|
||
opacity: 0;
|
||
transition: opacity 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover .card-glow {
|
||
opacity: 0.7;
|
||
}
|
||
|
||
h1, h2, h3 {
|
||
text-shadow: 0 0 10px rgba(150, 200, 255, 0.3);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem; /* 24px */
|
||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||
}
|
||
|
||
@media (min-width: 1024px) {
|
||
.bento-grid {
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
}
|
||
.grid-col-span-2 {
|
||
grid-column: span 2 / span 2;
|
||
}
|
||
.grid-col-span-3 {
|
||
grid-column: span 3 / span 3;
|
||
}
|
||
.grid-row-span-2 {
|
||
grid-row: span 2 / span 2;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="space-bg"></div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-br from-blue-300 via-purple-400 to-cyan-300 mb-2">
|
||
华为P70 概念深度研究
|
||
</h1>
|
||
<p class="text-sm text-gray-400">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现
|
||
</p>
|
||
<p class="text-xs text-gray-500 mt-1">本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<main class="bento-grid">
|
||
|
||
<!-- Insight Section (Main) -->
|
||
<section class="relative glass-card p-6 lg:p-8 lg:grid-col-span-2 lg:grid-row-span-2">
|
||
<div class="card-glow"></div>
|
||
<h2 class="text-2xl font-bold mb-4 text-cyan-300">概念Insight：华为P70 深度分析</h2>
|
||
<div class="prose prose-invert max-w-none text-gray-300 text-sm">
|
||
<h3 class="text-lg font-semibold text-purple-300">0. 概念事件</h3>
|
||
<p>华为P70概念是继华为Mate 60系列成功回归市场后，市场关注的又一焦点。它不仅是华为高端手机产品线的延续，更是验证其自主供应链韧性、技术创新能力（尤其在光学影像领域）以及市场号召力的关键事件。</p>
|
||
<p><strong>背景</strong>：华为在经历外部制裁后，于2023年8月凭借搭载自研麒麟9000S芯片和5G功能的Mate 60系列强势回归，引发市场热潮，并带动其终端业务实现<strong>17.3%</strong>的同比增长。P70系列作为其后发布的影像旗舰，承载着巩固高端市场份额、引领影像技术创新的战略使命。</p>
|
||
|
||
<h3 class="text-lg font-semibold text-purple-300 mt-4">1. 核心观点摘要</h3>
|
||
<p>华为P70概念已从发布前的“预期驱动”阶段，过渡到当前的“业绩验证”阶段。其核心驱动力源于<strong>技术自主化的延续</strong>与<strong>影像技术的显著升级</strong>双轮驱动，叠加华为强大的品牌号召力。未来潜力不仅在于其自身销量对产业链的拉动，更在于其作为技术标杆，将持续引领国产高端手机供应链的价值重估。</p>
|
||
|
||
<h3 class="text-lg font-semibold text-purple-300 mt-4">2. 核心逻辑与市场认知分析</h3>
|
||
<ul>
|
||
<li><strong>核心驱动力</strong>:
|
||
<ol>
|
||
<li><strong>技术自主与国产替代的深化</strong>：再次证明其具备设计、整合并量产搭载自主核心芯片（麒麟9000S系列）高端手机的能力。</li>
|
||
<li><strong>光学影像技术的代际升级</strong>：P系列的核心标签是“影像旗舰”，重大革新包括1英寸超大底传感器、1G6P玻塑混合镜头、旋涂滤光片、CMI马达及潜望式长焦全系标配。</li>
|
||
<li><strong>AI大模型赋能的智能化体验</strong>：内置盘古大模型，将AI能力深度融合于操作系统和核心应用中，顺应终端设备AI化的行业趋势。</li>
|
||
</ol>
|
||
</li>
|
||
<li><strong>市场热度与情绪</strong>: 市场对P70概念抱有极高的关注度和普遍的<strong>乐观情绪</strong>。“销售火爆”、“秒空现象”等词汇频繁出现。</li>
|
||
<li><strong>预期差分析</strong>:
|
||
<ol>
|
||
<li><strong>销量预期差（正面）</strong>：前三季度500万台的销量已大幅超越300万台的原计划。</li>
|
||
<li><strong>销量目标预期差（中性/潜在负面）</strong>：专业机构预测（800-900万台）与市场展望（1500万台生命周期）存在温差，产能爬坡和竞品压力不容忽视。</li>
|
||
<li><strong>技术细节预期差（风险点）</strong>：部分芯片信息（如麒麟9140S）未经证实，市场可能存在过度解读。</li>
|
||
</ol>
|
||
</li>
|
||
</ul>
|
||
|
||
<h3 class="text-lg font-semibold text-purple-300 mt-4">3. 关键催化剂与未来发展路径</h3>
|
||
<ul>
|
||
<li><strong>近期催化剂</strong>：权威销量报告发布、鸿蒙星河版（HarmonyOS NEXT）正式推送、核心供应商财报披露。</li>
|
||
<li><strong>长期发展路径</strong>：
|
||
<ol>
|
||
<li><strong>第一阶段（当前）</strong>：单点突破，以影像为尖刀，夺回影像旗舰话语权。</li>
|
||
<li><strong>第二阶段（2025年）</strong>：矩阵协同，与Mate 70、P80共同冲击4000-5000万台年销量目标。</li>
|
||
<li><strong>第三阶段（长期）</strong>：生态领导，推动鸿蒙原生生态全面繁荣，形成“硬件+软件+服务”的商业闭环。</li>
|
||
</ol>
|
||
</li>
|
||
</ul>
|
||
<h3 class="text-lg font-semibold text-purple-300 mt-4">4. 潜在风险与挑战</h3>
|
||
<ul>
|
||
<li><strong>技术风险</strong>：芯片性能与竞品存在代差；供应链良率与产能爬坡速度。</li>
|
||
<li><strong>商业化风险</strong>：定价与成本控制；新功能实际体验与市场接受度。</li>
|
||
<li><strong>政策与竞争风险</strong>：外部环境不确定性；高端手机市场竞争加剧。</li>
|
||
<li><strong>信息交叉验证风险</strong>：销量数据口径不一；核心配置信息在多信源中存在矛盾。</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Sales Performance Card -->
|
||
<section class="relative glass-card p-6">
|
||
<div class="card-glow"></div>
|
||
<h2 class="text-xl font-bold mb-4 text-cyan-300">销量表现 & 市场预期</h2>
|
||
<p class="text-sm text-gray-300 mb-4">P70系列市场反响热烈，初期销量远超计划，长期目标彰显华为重返高端市场的雄心。</p>
|
||
<div id="salesChart" style="width: 100%; height: 250px;"></div>
|
||
<ul class="text-xs text-gray-400 mt-4 space-y-2">
|
||
<li><span class="font-semibold text-purple-300">前三季度销量：</span>已达<strong class="text-cyan-300 text-base">500万台</strong>，超出原计划(300万台)达<strong class="text-cyan-300 text-base">60%</strong>。</li>
|
||
<li><span class="font-semibold text-purple-300">生命周期预测：</span>销量目标约<strong class="text-cyan-300 text-base">1500万台</strong>。</li>
|
||
<li><span class="font-semibold text-purple-300">高端机型矩阵：</span>预计到2025年底，Mate 70, P70, P80三款机型累计销量有望达<strong class="text-cyan-300 text-base">4000-5000万台</strong>。</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- Tech Highlights Card -->
|
||
<section class="relative glass-card p-6 lg:grid-col-span-3">
|
||
<div class="card-glow"></div>
|
||
<h2 class="text-xl font-bold mb-4 text-cyan-300">技术亮点与核心配置</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-sm">
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300 mb-2">芯片、系统与AI</h4>
|
||
<ul class="list-disc list-inside space-y-1 text-gray-300">
|
||
<li><strong>芯片:</strong> 麒麟9000S (Pro/Art版或有超频版本)</li>
|
||
<li><strong>系统:</strong> 鸿蒙OS (有望首批体验鸿蒙星河版)</li>
|
||
<li><strong>AI模型:</strong> 内置盘古大模型，主打AI摄影、语音助手</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300 mb-2">影像系统 (核心升级)</h4>
|
||
<ul class="list-disc list-inside space-y-1 text-gray-300">
|
||
<li><strong>传感器:</strong> Pro/Art版搭载索尼IMX989 (1英寸大底)</li>
|
||
<li><strong>镜头:</strong> 全系潜望式长焦, Pro+采用1G6P玻塑混合方案</li>
|
||
<li><strong>滤光片:</strong> 导入旋涂滤光片技术</li>
|
||
<li><strong>马达:</strong> 采用CMI方案</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300 mb-2">通信与网络</h4>
|
||
<ul class="list-disc list-inside space-y-1 text-gray-300">
|
||
<li><strong>网络:</strong> 全系支持5G, 升级支持5.5G技术</li>
|
||
<li><strong>卫星通信:</strong> 功能标配化，或实现视频传输升级</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Supply Chain Card -->
|
||
<section class="relative glass-card p-6 lg:grid-col-span-3">
|
||
<div class="card-glow"></div>
|
||
<h2 class="text-xl font-bold mb-4 text-cyan-300">供应链与产业链机会</h2>
|
||
<div class="prose prose-invert max-w-none text-gray-300 text-sm">
|
||
<p>P70的发布不仅是产品的成功，更是对国产供应链韧性的一次集中检阅，为多个环节的国内厂商带来明确增量。</p>
|
||
<h3 class="text-lg font-semibold text-purple-300">最具投资价值细分环节</h3>
|
||
<ul class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<li><strong>光学创新链:</strong> 价值增量最大，技术壁垒高。
|
||
<ul class="list-disc ml-5 text-xs text-gray-400">
|
||
<li>滤光片 (水晶光电)</li>
|
||
<li>特种马达 (昀冢科技)</li>
|
||
<li>微棱镜 (中光学, 蓝特光学)</li>
|
||
<li>镜头 (大立光, 舜宇光学)</li>
|
||
</ul>
|
||
</li>
|
||
<li><strong>关键生产设备:</strong> 深度绑定华为未来产品迭代。
|
||
<ul class="list-disc ml-5 text-xs text-gray-400">
|
||
<li>精密设备 (凯格精机) - 明确获7000万P70项目订单</li>
|
||
</ul>
|
||
</li>
|
||
<li><strong>核心元器件 & 代工:</strong>
|
||
<ul class="list-disc ml-5 text-xs text-gray-400">
|
||
<li>微晶玻璃 (戈碧迦)</li>
|
||
<li>整机代工 (光弘科技)</li>
|
||
<li>卫星通信 (华力创通)</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Tables Section -->
|
||
<section class="lg:grid-col-span-3 w-full">
|
||
<h2 class="text-3xl font-bold text-center my-8 text-cyan-300">产业链图谱与相关个股</h2>
|
||
|
||
<!-- Core Concept Stocks -->
|
||
<div class="relative glass-card p-6 lg:p-8 mb-8">
|
||
<div class="card-glow"></div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-300">华为P70 核心概念股</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-sm w-full">
|
||
<thead>
|
||
<tr class="text-cyan-300">
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑</th>
|
||
<th>其他标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- Data will be dynamically inserted here by a script or server -->
|
||
<tr><td>光弘科技</td><td><a href='https://valuefrontier.cn/company?scode=300735' target='_blank' class='link link-hover'>300735</a></td><td>代工</td><td>代工</td></tr>
|
||
<tr><td>福日电子</td><td><a href='https://valuefrontier.cn/company?scode=600203' target='_blank' class='link link-hover'>600203</a></td><td>代工</td><td>代工</td></tr>
|
||
<tr><td>水晶光电</td><td><a href='https://valuefrontier.cn/company?scode=002273' target='_blank' class='link link-hover'>002273</a></td><td>镜头</td><td>镜头</td></tr>
|
||
<tr><td>东田微</td><td><a href='https://valuefrontier.cn/company?scode=301183' target='_blank' class='link link-hover'>301183</a></td><td>镜头</td><td>镜头</td></tr>
|
||
<tr><td>欣旺达</td><td><a href='https://valuefrontier.cn/company?scode=300207' target='_blank' class='link link-hover'>300207</a></td><td>电池</td><td>电池</td></tr>
|
||
<tr><td>德赛电池</td><td><a href='https://valuefrontier.cn/company?scode=000049' target='_blank' class='link link-hover'>000049</a></td><td>电池</td><td>电池</td></tr>
|
||
<tr><td>华力创通</td><td><a href='https://valuefrontier.cn/company?scode=300045' target='_blank' class='link link-hover'>300045</a></td><td>卫星通话</td><td>卫星通话</td></tr>
|
||
<tr><td>盟升电子</td><td><a href='https://valuefrontier.cn/company?scode=688311' target='_blank' class='link link-hover'>688311</a></td><td>卫星通话</td><td>卫星通话</td></tr>
|
||
<tr><td>隆盛科技</td><td><a href='https://valuefrontier.cn/company?scode=300680' target='_blank' class='link link-hover'>300680</a></td><td>卫星通话</td><td>卫星通话</td></tr>
|
||
<tr><td>京东方</td><td>N/A</td><td>显示模组</td><td>显示模组</td></tr>
|
||
<tr><td>联创光电</td><td><a href='https://valuefrontier.cn/company?scode=600363' target='_blank' class='link link-hover'>600363</a></td><td>显示模组</td><td>显示模组</td></tr>
|
||
<tr><td>长信科技</td><td><a href='https://valuefrontier.cn/company?scode=300088' target='_blank' class='link link-hover'>300088</a></td><td>显示模组</td><td>显示模组</td></tr>
|
||
<tr><td>翰博高新</td><td><a href='https://valuefrontier.cn/company?scode=301321' target='_blank' class='link link-hover'>301321</a></td><td>显示模组</td><td>显示模组</td></tr>
|
||
<tr><td>利和兴</td><td><a href='https://valuefrontier.cn/company?scode=301013' target='_blank' class='link link-hover'>301013</a></td><td>测试 & 检测</td><td>测试 & 检测</td></tr>
|
||
<tr><td>长盈精密</td><td><a href='https://valuefrontier.cn/company?scode=300115' target='_blank' class='link link-hover'>300115</a></td><td>连接器</td><td>连接器</td></tr>
|
||
<tr><td>电连技术</td><td><a href='https://valuefrontier.cn/company?scode=300679' target='_blank' class='link link-hover'>300679</a></td><td>连接器</td><td>连接器</td></tr>
|
||
<tr><td>蓝思科技</td><td><a href='https://valuefrontier.cn/company?scode=300433' target='_blank' class='link link-hover'>300433</a></td><td>玻璃盖板</td><td>玻璃盖板</td></tr>
|
||
<tr><td>奥海科技</td><td><a href='https://valuefrontier.cn/company?scode=002993' target='_blank' class='link link-hover'>002993</a></td><td>快充</td><td>快充</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rise Analysis -->
|
||
<div class="relative glass-card p-6 lg:p-8">
|
||
<div class="card-glow"></div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-300">相关概念股涨幅异动分析</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-sm w-full">
|
||
<thead>
|
||
<tr class="text-cyan-300">
|
||
<th class="w-1/6">股票 (代码)</th>
|
||
<th class="w-1/12">日期</th>
|
||
<th class="w-1/12">涨幅</th>
|
||
<th class="w-2/3">驱动逻辑分析</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- Data will be dynamically inserted here -->
|
||
<tr><td>好上好 (<a href='https://valuefrontier.cn/company?scode=001298' target='_blank' class='link link-hover'>001298</a>)</td><td>2025-08-22</td><td>9.99%</td><td class="text-xs">核心结论: DeepSeek-V2.5开源大模型叠加华为海思昇腾610P发布预期，催化“国产RISC-V+14nm AI芯片”概念，好上好作为核心分销标的被资金抢筹涨停。 <br>驱动概念: RISC-V+国产14nm AI芯片+华为海思</td></tr>
|
||
<tr><td>平潭发展 (<a href='https://valuefrontier.cn/company?scode=000592' target='_blank' class='link link-hover'>000592</a>)</td><td>2025-11-17</td><td>10.02%</td><td class="text-xs">核心结论: 资金抢在“平潭两岸融合智算中心”11月21日华为技术发布前夜，用涨停方式锁定其“华为昇腾+两岸数据特区+国产化异构智算”唯一上市平台稀缺筹码。<br>驱动概念: 华为昇腾智算中心+两岸数据特区+国产化异构智算中心示范</td></tr>
|
||
<tr><td>开普云 (<a href='https://valuefrontier.cn/company?scode=688228' target='_blank' class='link link-hover'>688228</a>)</td><td>2025-08-26</td><td>20.00%</td><td class="text-xs">核心结论: 开普云8月26日20%涨停，系“现金收购金泰克70%股权”预案落地，一次性切入华为链半导体存储赛道，带来业绩与估值双重重估。<br>驱动概念: 半导体存储+华为供应链+重大资产重组</td></tr>
|
||
<tr><td>华升股份 (<a href='https://valuefrontier.cn/company?scode=600156' target='_blank' class='link link-hover'>600156</a>)</td><td>2025-08-28</td><td>10.01%</td><td class="text-xs">核心结论: 湖南省国资算力上市平台身份确认+东江湖3.2万P智算中心项目落地+拟收购华为液冷核心供应商易信科技，三大催化在48小时内集中兑现，触发估值体系切换与资金抢筹。<br>驱动概念: 东数西算湖南节点+国资算力平台+液冷</td></tr>
|
||
<tr><td>华胜天成 (<a href='https://valuefrontier.cn/company?scode=600410' target='_blank' class='link link-hover'>600410</a>)</td><td>2025-08-25</td><td>9.98%</td><td class="text-xs">核心结论: 泰凌微并购停牌触发“影子股”流动性溢价，叠加华为昇腾生态与算力大会催化，资金集中涌入华胜天成致涨停。<br>驱动概念: 泰凌微并购影子股+华为昇腾生态+国产算力</td></tr>
|
||
<tr><td>兴森科技 (<a href='https://valuefrontier.cn/company?scode=002436' target='_blank' class='link link-hover'>002436</a>)</td><td>2025-09-11</td><td>9.99%</td><td class="text-xs">核心结论: “华为昇腾910C基板70%独供”传闻点燃情绪，FCBGA/ABF国产替代+长江存储扩产双轮驱动，资金抢筹封板。<br>驱动概念: 华为昇腾+国产存储+AI服务器基板</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('salesChart');
|
||
var myChart = echarts.init(chartDom, 'dark'); // Use 'dark' theme
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'shadow'
|
||
},
|
||
formatter: '{b}<br/>{c} 万台'
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: ['原计划 (前三季)', '实际销量 (前三季)', '生命周期目标'],
|
||
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
|
||
axisLabel: { color: '#ccc', fontSize: 10 }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: { show: true, lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
|
||
axisLabel: { color: '#ccc' },
|
||
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
|
||
},
|
||
series: [{
|
||
name: '销量',
|
||
type: 'bar',
|
||
barWidth: '40%',
|
||
data: [
|
||
{ value: 300, itemStyle: { color: '#5A54A8' } },
|
||
{ value: 500, itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#00C9FF' },
|
||
{ offset: 1, color: '#92FE9D' }
|
||
])}
|
||
},
|
||
{ value: 1500, itemStyle: { color: '#A854A8' } }
|
||
],
|
||
markLine: {
|
||
symbol: 'none',
|
||
data: [{
|
||
name: '超出60%',
|
||
yAxis: 300,
|
||
lineStyle: {
|
||
type: 'dashed',
|
||
color: '#FF4757',
|
||
},
|
||
label: {
|
||
formatter: '原计划线',
|
||
position: 'insideEndTop',
|
||
color: '#FF4757'
|
||
}
|
||
}]
|
||
}
|
||
}]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |