Files
vf_react/public/htmls/华为麒麟芯片.html
2025-12-05 13:29:18 +08:00

428 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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=Orbitron:wght@400;700&family=Roboto+Mono:wght@300;400&display=swap');
body {
font-family: 'Roboto Mono', monospace;
background-color: #020011;
background-image:
radial-gradient(at 20% 15%, hsla(278, 88%, 55%, 0.15) 0px, transparent 50%),
radial-gradient(at 80% 85%, hsla(210, 88%, 55%, 0.15) 0px, transparent 50%),
radial-gradient(at 50% 50%, hsla(330, 88%, 55%, 0.05) 0px, transparent 50%);
color: #e0e0e0;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(20, 20, 50, 0.25);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 40px rgba(0, 191, 255, 0.2);
border-color: rgba(0, 191, 255, 0.3);
}
.concept-title {
text-shadow: 0 0 10px rgba(0, 191, 255, 0.7), 0 0 20px rgba(0, 191, 255, 0.5);
}
.section-header {
border-bottom: 1px solid rgba(0, 191, 255, 0.3);
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;
}
.table thead th {
background-color: rgba(0, 191, 255, 0.1);
border-bottom: 1px solid rgba(0, 191, 255, 0.5);
font-family: 'Orbitron', sans-serif;
}
.table tbody tr:hover {
background-color: rgba(0, 191, 255, 0.08);
}
.stock-code-link {
color: #00BFFF;
text-decoration: none;
transition: all 0.2s ease;
}
.stock-code-link:hover {
color: #ffffff;
text-shadow: 0 0 8px #00BFFF;
}
.custom-badge {
border-color: #00BFFF;
color: #00BFFF;
background-color: rgba(0, 191, 255, 0.1);
}
</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 p-6 glass-card">
<h1 class="text-4xl md:text-6xl font-orbitron font-bold concept-title text-cyan-300">华为麒麟芯片</h1>
<p class="mt-4 text-sm text-gray-400">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="text-xs text-gray-500 mt-2">本报告为AI合成数据投资需谨慎。</p>
</header>
<!-- Concept Insight Section -->
<section class="p-6 md:p-8 glass-card">
<h2 class="text-2xl font-orbitron section-header text-cyan-300">概念核心洞察 (Concept Insight)</h2>
<div class="space-y-6">
<div>
<h3 class="text-xl font-bold text-gray-200 mb-2">核心观点</h3>
<p class="text-gray-300">华为麒麟芯片概念的本质是<strong class="text-cyan-400">国产半导体全链条自主化的标志性成果</strong>,其核心驱动力源于“技术突破”与“国产替代”的双重叙事。当前,该概念已从单纯的“技术突破”主题炒作,步入<strong class="text-purple-400">基本面兑现与产业链深度挖掘</strong>的共振阶段未来潜力在于其从手机SoC向PC、AI、汽车等多领域拓展所带来的整个生态价值重估。</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700">
<h4 class="font-bold text-lg text-gray-200">核心驱动力:自主可控的战略突破</h4>
<ul class="list-disc list-inside mt-2 space-y-2 text-gray-400">
<li><strong class="text-gray-300">技术封锁突破:</strong> 麒麟芯片回归尤其是在传闻的N+3工艺等效5.5nm)上的进步,证明了国内产业链绕开外部限制的能力。</li>
<li><strong class="text-gray-300">全产业链激活:</strong> 成功量产带动了从EDA软件、IP授权到制造、封测、材料、设备的国内全套供应链。新闻数据显示仅清洗设备和耗材用量预计增长 <code class="bg-gray-700 text-cyan-300 px-2 py-1 rounded">12-20倍</code></li>
<li><strong class="text-gray-300">商业闭环形成:</strong> 高端手机复苏为上游供应链提供了宝贵的订单和现金流,形成正向商业循环。</li>
</ul>
</div>
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700">
<h4 class="font-bold text-lg text-gray-200">预期差分析:理想与现实</h4>
<ul class="list-disc list-inside mt-2 space-y-2 text-gray-400">
<li><strong class="text-gray-300">市场认知:</strong> 普遍认为已“全面回归”,性能比肩甚至超越主流,产能问题已解决。</li>
<li><strong class="text-red-400">潜在现实 (路演数据):</strong>
<ul class="list-disc list-inside ml-4">
<li><strong class="text-orange-400">性能仍有差距:</strong> 路演指出“麒麟芯片AI性能NPU低于苹果A系列”N+3工艺性能预期对标“骁龙888水平”。</li>
<li><strong class="text-orange-400">制程瓶颈仍在:</strong> 采用逆重力VC等散热技术“弥补性能短板”揭示了系统工程优化的“追赶”策略。</li>
<li><strong class="text-orange-400">产能依然是谜:</strong> 周鸿祎提问产能限制荣耀CEO赵明回应“不知道产量”暗示产能仍是不确定因素。</li>
</ul>
</li>
</ul>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-200 mb-2">关键催化剂与未来发展路径</h3>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-4">
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700">
<h4 class="font-bold text-lg text-purple-300">近期催化剂 (未来3-6个月)</h4>
<ul class="list-decimal list-inside mt-2 space-y-1 text-gray-400">
<li>Mate 80系列发布首发<code class="bg-gray-700 text-cyan-300 px-2 py-1 rounded">麒麟9030</code>,性能与销量是关键试金石。</li>
<li>海思全联接大会,可能释放技术路线图与产能规划。</li>
<li>麒麟PC芯片<code class="bg-gray-700 text-cyan-300 px-2 py-1 rounded">X90</code>落地标志生态向PC端跨越。</li>
<li>中芯国际财报,验证产能和良率的核心财务指标。</li>
</ul>
</div>
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700">
<h4 class="font-bold text-lg text-purple-300">长期发展路径</h4>
<p class="text-gray-300">指向一个<strong class="text-cyan-400">全场景、多领域覆盖的自主芯片生态</strong></p>
<ul class="list-decimal list-inside mt-2 space-y-1 text-gray-400">
<li><strong class="text-gray-300">产品线垂直深化:</strong> 从旗舰90xx系列下探至中端8xxx系列全线对位替代。</li>
<li><strong class="text-gray-300">应用场景水平拓展:</strong> 从手机SoC拓展至PC、可穿戴、汽车数字座舱。</li>
<li><strong class="text-gray-300">技术持续迭代:</strong> 架构优化和封装技术改进弥补短期制程差距,长期依赖国内代工突破。</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-200 mb-2">潜在风险与挑战</h3>
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong class="text-red-400">技术风险:</strong> 核心制程瓶颈AI性能与苹果仍有差距制造设备被禁止限制长期产能扩张。</li>
<li><strong class="text-red-400">商业化风险:</strong> 产能不确定性是最大分歧点;非最优条件生产导致成本高昂,可能影响产品竞争力。</li>
<li><strong class="text-red-400">信息交叉验证风险:</strong> 新闻宣传的“全面回归”与机构调研揭示的“性能差距、产能限制”存在矛盾,需警惕单一乐观信息源。</li>
</ul>
</div>
</div>
</section>
<!-- Timeline and Key Events -->
<section class="p-6 md:p-8 glass-card">
<h2 class="text-2xl font-orbitron section-header text-cyan-300">回归之路:关键事件与时间轴</h2>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
<li>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-cyan-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2020年</time>
<div class="text-lg font-black">麒麟9000系列发布</div>
受外部制裁影响,成为绝唱,麒麟芯片一度沉寂。
</div>
<hr class="bg-cyan-400"/>
</li>
<li>
<hr class="bg-cyan-400"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-cyan-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2025年8月15日</time>
<div class="text-lg font-black">麒麟9020首次公开显示</div>
Pura 80系列系统更新时隔五年正式回归信号。
</div>
<hr class="bg-cyan-400"/>
</li>
<li>
<hr class="bg-cyan-400"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-cyan-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2025年9月4日</time>
<div class="text-lg font-black">发布会公开展示</div>
Mate XTs非凡大师发布会余承东正式官宣搭载麒麟9020时隔四年重现发布会。
</div>
<hr class="bg-cyan-400"/>
</li>
<li>
<hr class="bg-cyan-400"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-purple-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM6.75 9.25a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end">
<time class="font-mono italic">未来预期</time>
<div class="text-lg font-black">麒麟9030与生态扩张</div>
Mate 80系列首发麒麟9030生态拓展至PC、穿戴等全场景。
</div>
</li>
</ul>
</section>
<!-- Chip Models & Performance -->
<section class="p-6 md:p-8 glass-card">
<h2 class="text-2xl font-orbitron section-header text-cyan-300">麒麟芯片矩阵 & 性能概览</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- Performance Chart -->
<div class="lg:col-span-2 p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700">
<h3 class="font-bold text-lg text-gray-200 mb-2">新一代麒麟芯片性能提升</h3>
<div id="performanceChart" class="w-full h-64"></div>
</div>
<!-- Bento Grid for Chip Models -->
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700 space-y-2">
<h3 class="font-bold text-lg text-purple-300">手机处理器 (旗舰)</h3>
<p><code class="text-cyan-300">麒麟9030 Pro / 9030</code></p>
<p class="text-gray-400">搭载于 <span class="badge custom-badge">Mate 80 Pro</span>相比Mate 70 Pro性能提升 <span class="text-green-400">35% - 42%</span>,采用更先进制程。</p>
</div>
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700 space-y-2">
<h3 class="font-bold text-lg text-purple-300">手机处理器 (高端)</h3>
<p><code class="text-cyan-300">麒麟9020 / 9020A/B</code></p>
<p class="text-gray-400">搭载于 <span class="badge custom-badge">Mate XTs</span>, <span class="badge custom-badge">Mate 80系列</span>, <span class="badge custom-badge">Pura 80 Pro/Pro+/Ultra</span>, <span class="badge custom-badge">Mate 70 Air</span>。整机性能提升约 <span class="text-green-400">36%</span></p>
</div>
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700 space-y-2">
<h3 class="font-bold text-lg text-purple-300">手机处理器 (次旗舰)</h3>
<p><code class="text-cyan-300">麒麟9010</code> & <code class="text-cyan-300">麒麟8系新品</code></p>
<p class="text-gray-400">9010搭载于 <span class="badge custom-badge">Pura 80</span>。传闻nova 14标准版将搭载性能超9010的麒麟8系新芯片。</p>
</div>
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700 space-y-2">
<h3 class="font-bold text-lg text-purple-300">PC端处理器</h3>
<p><code class="text-cyan-300">麒麟 X90</code></p>
<p class="text-gray-400">获得国家安全可靠等级测评II级认证标志着麒麟生态向PC端拓展。多家分销商已代理该芯片。</p>
</div>
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700 space-y-2">
<h3 class="font-bold text-lg text-purple-300">穿戴设备处理器</h3>
<p><code class="text-cyan-300">麒麟 A3</code></p>
<p class="text-gray-400">首发搭载于 <span class="badge custom-badge">FreeClip 2</span><span class="badge custom-badge">FreeBuds Pro 5</span>配备NPU AI处理器支持星闪E2.0技术。</p>
</div>
<div class="p-4 bg-black bg-opacity-20 rounded-xl border border-gray-700 space-y-2">
<h3 class="font-bold text-lg text-purple-300">技术与工艺展望</h3>
<p class="text-gray-400">传闻采用国产 <code class="text-cyan-300">N+3工艺</code> (等效5.5nm)性能对标台积电N7P/N6工艺有望接近骁龙888水平。</p>
</div>
</div>
</section>
<!-- Rise Analysis -->
<section class="p-6 md:p-8 glass-card">
<h2 class="text-2xl font-orbitron section-header text-cyan-300">产业链个股异动深度解析</h2>
<div class="space-y-6">
<div class="collapse collapse-plus bg-black bg-opacity-20 border border-gray-700">
<input type="radio" name="rise-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-purple-300">
国机精工 (002046) - 散热方案创新
</div>
<div class="collapse-content">
<div class="prose prose-invert max-w-none text-gray-400">
<p><strong>核心结论:</strong> 9月5日涨停系“三磨所-华为昇腾/麒麟金刚石散热片订单”基本面突变在信息扩散滞后下的集中定价。</p>
<p><strong>驱动逻辑:</strong> 因先进制程受限导致功耗增加对散热方案提出更高要求。国机精工全资子公司三磨所是国内唯一可批量供应CVD金刚石衬底的厂商进入华为一级供应链清单获得海思“国产散热材料验证”招标预计对应昇腾及麒麟散热片年化订单4-5亿元提供高确定性业绩增量。这验证了“因制程受限而催生新材料需求”的逻辑属于弹性创新型玩家。</p>
</div>
</div>
</div>
<div class="collapse collapse-plus bg-black bg-opacity-20 border border-gray-700">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium text-purple-300">
华虹公司 (688347) - 去美化产线突破
</div>
<div class="collapse-content">
<div class="prose prose-invert max-w-none text-gray-400">
<p><strong>核心结论:</strong> 因“7nm去美化产线通过华为海思风险量产验证+功率器件全线涨价”双催化,形成国产替代估值与即期业绩的罕见共振。</p>
<p><strong>驱动逻辑:</strong> 报道称公司N+2工艺通过华为海思5G基站基带芯片风险量产验证设备材料国产化率>85%突破美国14nm以下封锁。与华为签三年长约锁定6万片/月产能为华为基站、车载、AI算力芯片打开大陆流片通道估值空间巨大。</p>
</div>
</div>
</div>
<div class="collapse collapse-plus bg-black bg-opacity-20 border border-gray-700">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium text-purple-300">
意华股份 (002897) - 算力链深度受益
</div>
<div class="collapse-content">
<div class="prose prose-invert max-w-none text-gray-400">
<p><strong>核心结论:</strong> 深度受益华为算力链作为华为400G高速I/O连接器核心供应商份额70%),在华为昇腾芯片发展规划明确背景下,业绩已现反转。</p>
<p><strong>驱动逻辑:</strong> 公司高速连接器产品应用于华为昇腾服务器及超节点计算领域。与华为联合取得"电连接器组件"专利,直接应用于昇腾超节点高密度算力集群,体现技术深度绑定。在“不买英伟达芯片”政策导向下,华为算力产业链需求爆发,公司作为核心供应商直接受益。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Stock List -->
<section class="p-6 md:p-8 glass-card">
<h2 class="text-2xl font-orbitron section-header text-cyan-300">产业链核心标的</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>产业链环节</th>
</tr>
</thead>
<tbody>
<tr><td>中芯国际</td><td><a href='https://valuefrontier.cn/company?scode=688981' target='_blank' class='stock-code-link'>688981</a></td><td>被广泛认为是华为麒麟芯片主要或重要代工厂</td><td><div class="badge badge-primary">芯片制造</div></td></tr>
<tr><td>华大九天</td><td><a href='https://valuefrontier.cn/company?scode=301269' target='_blank' class='stock-code-link'>301269</a></td><td>国内EDA龙头与华为海思等合作开发定制化解决方案适配国产芯片设计需求</td><td><div class="badge badge-secondary">芯片设计 (EDA)</div></td></tr>
<tr><td>长电科技</td><td><a href='https://valuefrontier.cn/company?scode=600584' target='_blank' class='stock-code-link'>600584</a></td><td>国内封测龙头表示多数国内知名IC设计公司为公司客户</td><td><div class="badge badge-accent">芯片封测</div></td></tr>
<tr><td>甬矽电子</td><td><a href='https://valuefrontier.cn/company?scode=688362' target='_blank' class='stock-code-link'>688362</a></td><td>已成为华为海思芯片的直接供应商尤其在手机IC封装领域提供BGA/SIP等封装形式</td><td><div class="badge badge-accent">芯片封测</div></td></tr>
<tr><td>芯原股份</td><td><a href='https://valuefrontier.cn/company?scode=688521' target='_blank' class='stock-code-link'>688521</a></td><td>领先的半导体IP供应商向华为海思提供IP授权和设计服务</td><td><div class="badge badge-secondary">芯片设计 (IP)</div></td></tr>
<tr><td>深圳华强</td><td><a href='https://valuefrontier.cn/company?scode=000062' target='_blank' class='stock-code-link'>000062</a></td><td>是华为海思的主要授权代理商之一代理分销华为海思的各类IC产品</td><td><div class="badge" style="background-color:#FF7F50; border-color:#FF7F50;">海思代理商</div></td></tr>
<tr><td>中电港</td><td><a href='https://valuefrontier.cn/company?scode=001287' target='_blank' class='stock-code-link'>001287</a></td><td>子公司思尼克为海思全系列产品线授权分销商之一</td><td><div class="badge" style="background-color:#FF7F50; border-color:#FF7F50;">海思代理商</div></td></tr>
<tr><td>劲拓股份</td><td><a href='https://valuefrontier.cn/company?scode=300400' target='_blank' class='stock-code-link'>300400</a></td><td>为华为海思独家提供先进封装的半导体热工设备</td><td><div class="badge badge-primary">制造设备</div></td></tr>
<tr><td>盛剑科技</td><td><a href='https://valuefrontier.cn/company?scode=603324' target='_blank' class='stock-code-link'>603324</a></td><td>为华为海思光工厂洁净室提供工艺废气治理系统</td><td><div class="badge badge-primary">制造设备</div></td></tr>
<tr><td>唯捷创芯</td><td><a href='https://valuefrontier.cn/company?scode=688153' target='_blank' class='stock-code-link'>688153</a></td><td>射频前端(发射端)</td><td><div class="badge badge-info">射频及通信</div></td></tr>
<tr><td>卓胜微</td><td><a href='https://valuefrontier.cn/company?scode=300782' target='_blank' class='stock-code-link'>300782</a></td><td>射频前端(发射端、接收端)</td><td><div class="badge badge-info">射频及通信</div></td></tr>
<tr><td>华力创通</td><td><a href='https://valuefrontier.cn/company?scode=300045' target='_blank' class='stock-code-link'>300045</a></td><td>卫星通信芯片</td><td><div class="badge badge-info">射频及通信</div></td></tr>
<tr><td>圣邦股份</td><td><a href='https://valuefrontier.cn/company?scode=300661' target='_blank' class='stock-code-link'>300661</a></td><td>信号链及PMIC, 无线充电 (Mate80 麒麟9030 概念)</td><td><div class="badge badge-warning">模拟芯片</div></td></tr>
<tr><td>南芯科技</td><td><a href='https://valuefrontier.cn/company?scode=688484' target='_blank' class='stock-code-link'>688484</a></td><td>充电芯片 (Mate80 麒麟9030 概念)</td><td><div class="badge badge-warning">模拟芯片</div></td></tr>
<tr><td>韦尔股份</td><td></td><td>CMOS 图像传感器 (Mate80 麒麟9030 概念)</td><td><div class="badge badge-warning">模拟芯片</div></td></tr>
<tr><td>京东方A</td><td></td><td>OLED 面板 (Mate80 麒麟9030 概念)</td><td><div class="badge badge-success">手机硬件</div></td></tr>
<tr><td>欧菲光</td><td><a href='https://valuefrontier.cn/company?scode=002456' target='_blank' class='stock-code-link'>002456</a></td><td>摄像模组 (Mate80 麒麟9030 概念)</td><td><div class="badge badge-success">手机硬件</div></td></tr>
<tr><td>欣旺达</td><td><a href='https://valuefrontier.cn/company?scode=300207' target='_blank' class='stock-code-link'>300207</a></td><td>锂电池 (Mate80 麒麟9030 概念)</td><td><div class="badge badge-success">手机硬件</div></td></tr>
<tr><td>光弘科技</td><td><a href='https://valuefrontier.cn/company?scode=300735' target='_blank' class='stock-code-link'>300735</a></td><td>华为手机代工厂商</td><td><div class="badge badge-neutral">代工</div></td></tr>
</tbody>
</table>
</div>
</section>
</div>
<script type="text/javascript">
var chartDom = document.getElementById('performanceChart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
title: {
show: false,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{b}: 性能提升 {c}%',
backgroundColor: 'rgba(0,0,0,0.7)',
borderColor: '#333',
textStyle: {
color: '#fff'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLabel: {
color: '#888',
formatter: '{value}%'
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,0.1)'
}
}
},
yAxis: {
type: 'category',
data: ['Mate XTs (Kirin 9020)', 'Mate 80 (Kirin 9030)', 'Mate 80 Pro (Kirin 9030 Pro)'],
axisLabel: {
color: '#ccc',
fontSize: 12
},
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255,255,255,0.2)'
}
}
},
series: [
{
name: '性能提升',
type: 'bar',
data: [36, 35, 42],
itemStyle: {
borderRadius: [0, 8, 8, 0],
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#83bff6' },
{ offset: 0.5, color: '#188df0' },
{ offset: 1, color: '#188df0' }
]),
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#2378f7' },
{ offset: 0.7, color: '#2378f7' },
{ offset: 1, color: '#83bff6' }
]),
}
},
label: {
show: true,
position: 'right',
formatter: '+{c}%',
color: '#fff'
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>