450 lines
27 KiB
HTML
450 lines
27 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="dark">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>深度研报：华为三折叠屏概念</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<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: #050508;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(20, 20, 30, 0.3);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(76, 175, 80, 0.2);
|
||
border-color: rgba(76, 175, 80, 0.4);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
|
||
.bento-item {
|
||
border-radius: 1.5rem;
|
||
padding: 1.5rem;
|
||
}
|
||
|
||
.bento-item-1 { grid-column: span 12 / span 12; md:grid-column: span 8 / span 8; }
|
||
.bento-item-2 { grid-column: span 12 / span 12; md:grid-column: span 4 / span 4; }
|
||
.bento-item-3 { grid-column: span 12 / span 12; md:grid-column: span 4 / span 4; }
|
||
.bento-item-4 { grid-column: span 12 / span 12; md:grid-column: span 8 / span 8; }
|
||
|
||
.aurora-background {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100vh;
|
||
z-index: -1;
|
||
overflow: hidden;
|
||
background: #050508;
|
||
}
|
||
.aurora-background::before, .aurora-background::after {
|
||
content: '';
|
||
position: absolute;
|
||
filter: blur(150px);
|
||
border-radius: 50%;
|
||
}
|
||
.aurora-background::before {
|
||
width: 50vw;
|
||
height: 50vw;
|
||
max-width: 600px;
|
||
max-height: 600px;
|
||
background: radial-gradient(circle, rgba(29, 78, 216, 0.3) 0%, rgba(29, 78, 216, 0) 70%);
|
||
top: 10%;
|
||
left: 10%;
|
||
animation: move-glow1 15s infinite alternate ease-in-out;
|
||
}
|
||
.aurora-background::after {
|
||
width: 50vw;
|
||
height: 50vw;
|
||
max-width: 600px;
|
||
max-height: 600px;
|
||
background: radial-gradient(circle, rgba(76, 175, 80, 0.2) 0%, rgba(76, 175, 80, 0) 70%);
|
||
bottom: 5%;
|
||
right: 5%;
|
||
animation: move-glow2 18s infinite alternate ease-in-out;
|
||
}
|
||
|
||
@keyframes move-glow1 {
|
||
from { transform: translate(0, 0) rotate(0deg); }
|
||
to { transform: translate(100px, 50px) rotate(45deg); }
|
||
}
|
||
@keyframes move-glow2 {
|
||
from { transform: translate(0, 0) rotate(0deg); }
|
||
to { transform: translate(-80px, -60px) rotate(-60deg); }
|
||
}
|
||
|
||
.content-section {
|
||
padding: 2rem;
|
||
border-radius: 1.5rem;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
h1, h2, h3 {
|
||
font-weight: 600;
|
||
letter-spacing: -0.02em;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 3rem;
|
||
color: #ffffff;
|
||
text-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
h2 {
|
||
font-size: 1.875rem;
|
||
color: #f0f0f0;
|
||
margin-bottom: 1.5rem;
|
||
border-left: 3px solid #4CAF50;
|
||
padding-left: 1rem;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 1.25rem;
|
||
color: #c0c0c0;
|
||
margin-top: 2rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.stock-table th {
|
||
background-color: rgba(76, 175, 80, 0.1);
|
||
color: #9ca3af;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
|
||
<body class="min-h-screen">
|
||
<div class="aurora-background"></div>
|
||
<div class="container mx-auto p-4 md:p-8 relative z-10">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center my-8 md:my-16">
|
||
<h1 class="text-4xl md:text-6xl font-bold mb-4">华为三折叠屏概念</h1>
|
||
<p class="text-lg text-gray-400">深度价值分析报告</p>
|
||
<div class="mt-4 text-xs text-gray-500">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||
<p>本报告为AI合成数据，投资需谨慎。</p>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Bento Grid for Key Info -->
|
||
<section class="mb-12">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div class="glass-card p-6 rounded-3xl col-span-1 md:col-span-2">
|
||
<h3 class="font-semibold text-lg text-green-400 mb-2">产品档案：Mate XT 非凡大师</h3>
|
||
<p class="text-3xl font-bold text-white">¥19,999 起</p>
|
||
<p class="text-gray-400 mt-2">全球首款量产三折叠屏手机，展开达10.2英寸。搭载华为天工铰链系统，定位最高端旗舰。</p>
|
||
</div>
|
||
<div class="glass-card p-6 rounded-3xl">
|
||
<h3 class="font-semibold text-lg text-blue-400 mb-2">市场热度</h3>
|
||
<p class="text-3xl font-bold text-white">>200万</p>
|
||
<p class="text-gray-400 mt-2">24小时内预订量，开售即秒光，市场溢价一度高达数万元。</p>
|
||
</div>
|
||
<div class="glass-card p-6 rounded-3xl">
|
||
<h3 class="font-semibold text-lg text-purple-400 mb-2">出货量预期</h3>
|
||
<p class="text-3xl font-bold text-white">↑ 100%</p>
|
||
<p class="text-gray-400 mt-2">2024年出货量预测已上调至100万部，生命周期预期翻倍。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ECharts Timeline -->
|
||
<section class="content-section glass-card">
|
||
<h2>概念演进时间轴</h2>
|
||
<div id="timelineChart" style="width: 100%; height: 400px;"></div>
|
||
</section>
|
||
|
||
<!-- Core Insight Analysis -->
|
||
<main>
|
||
<section class="content-section glass-card" x-data="{ openTab: 'summary' }">
|
||
<h2 class="mb-6">深度Insight分析</h2>
|
||
|
||
<div role="tablist" class="tabs tabs-bordered tabs-lg">
|
||
<a role="tab" class="tab" :class="{'tab-active': openTab === 'summary'}" @click="openTab = 'summary'">核心摘要</a>
|
||
<a role="tab" class="tab" :class="{'tab-active': openTab === 'logic'}" @click="openTab = 'logic'">驱动逻辑</a>
|
||
<a role="tab" class="tab" :class="{'tab-active': openTab === 'path'}" @click="openTab = 'path'">未来路径</a>
|
||
<a role="tab" class="tab" :class="{'tab-active': openTab === 'chain'}" @click="openTab = 'chain'">产业链</a>
|
||
<a role="tab" class="tab" :class="{'tab-active': openTab === 'risk'}" @click="openTab = 'risk'">风险挑战</a>
|
||
</div>
|
||
|
||
<div class="pt-8">
|
||
<!-- 1. 核心观点摘要 -->
|
||
<div x-show="openTab === 'summary'" class="space-y-4">
|
||
<p class="text-lg leading-relaxed text-gray-300">华为三折叠屏概念的本质，是华为凭借其强大的研发与供应链整合能力，在高端智能手机市场开辟出的一个<strong class="text-green-400">“技术无人区”</strong>。它不仅是一款产品，更是华为“科技引领”战略的具象化体现，其核心驱动力在于通过颠覆式形态创新来重塑高端用户体验，从而拉动品牌溢价和巩固市场领导地位。该概念目前正处于<strong class="text-blue-400">从主题催化向量价齐升的基本面兑现初期过渡</strong>的阶段，短期由事件驱动和稀缺性引爆，长期潜力则取决于成本下行和生态构建。</p>
|
||
</div>
|
||
|
||
<!-- 2. 核心逻辑与市场认知分析 -->
|
||
<div x-show="openTab === 'logic'" class="space-y-6">
|
||
<div>
|
||
<h3 class="text-green-400">核心驱动力</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300">
|
||
<li><strong>技术代差与品牌引领：</strong>耗时五年攻克技术，首创“华为天工铰链系统”，实现内外弯折。竞争对手技术追赶周期可能需要2年，此为高定价的根本，树立“人无我有”的品牌形象。</li>
|
||
<li><strong>场景重塑与价值提升：</strong>将手机、小平板、大平板“三合一”，旨在解决高端商务人群移动办公痛点，是折叠屏从“尝鲜”向“实用”演进的关键一步。</li>
|
||
<li><strong>产业链价值倍增：</strong>核心增量部件价值显著提升。双铰链结构总成本高达1700元（vs 双折400元），屏幕单价约1600元，为上游核心供应商带来明确业绩弹性。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-yellow-400">预期差分析</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300">
|
||
<li><strong>短期销量认知差：</strong>市场可能提前Price in了100万台的产能目标，而供应链共识2024年实际出货量在40-50万部，存在预期与落地的潜在风险。</li>
|
||
<li><strong>“替代PC”叙事过于乐观：</strong>其火爆核心原因可能并非生产力，而是华为品牌号召力下的极致产品稀缺性与顶级科技奢侈品的社交属性。</li>
|
||
<li><strong>忽略良率瓶颈：</strong>路演信息明确提到“良率提升缓慢”，这是制约产能和成本的关键，但当前热烈市场情绪可能对此有所忽略。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 3. 关键催化剂与未来发展路径 -->
|
||
<div x-show="openTab === 'path'" class="space-y-6">
|
||
<div>
|
||
<h3 class="text-blue-400">近期催化剂 (3-6个月)</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300">
|
||
<li><strong>2024年Q4财报/销量数据披露：</strong>对当前40-50万部出货预期的首次验证。</li>
|
||
<li><strong>核心供应商产能/良率信息：</strong>判断成本下行速度的关键信号。</li>
|
||
<li><strong>竞争对手产品发布：</strong>小米、荣耀等竞品发布将影响市场格局。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-purple-400">长期发展路径</h3>
|
||
<ol class="list-decimal list-inside space-y-2 text-gray-300">
|
||
<li><strong>旗舰标杆阶段 (2024-2025)：</strong>维持高定价，小规模放量，巩固技术护城河。</li>
|
||
<li><strong>技术下放与成本优化阶段 (2025-2026)：</strong>推出价格更亲民机型，推动三折叠从“非凡大师”走向更多高端系列。</li>
|
||
<li><strong>生态成熟与主流化阶段 (2026之后)：</strong>鸿蒙系统与APP深度适配，更多厂商加入做大市场蛋糕。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 4. 产业链与核心公司深度剖析 -->
|
||
<div x-show="openTab === 'chain'" class="space-y-6">
|
||
<p class="text-gray-300">三折叠屏创新带动了上游产业链，特别是<strong class="text-green-400">铰链</strong>和<strong class="text-blue-400">柔性屏/盖板</strong>环节的价值量大幅提升。</p>
|
||
<div>
|
||
<h3 class="text-green-400">领导者 & 逻辑最纯粹</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300">
|
||
<li><strong>东睦股份 (600114)：</strong>被多方信源反复提及的“铰链集成商”和“MIM核心供应商”，直接受益于价值量最高的增量环节，逻辑最硬。</li>
|
||
<li><strong>凯盛科技 (600552)：</strong>被明确指向为UTG柔性玻璃供应商。UTG是解决大尺寸柔性屏可靠性的关键，技术壁垒高，是另一大核心增量。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-blue-400">核心追赶者/参与者</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300">
|
||
<li><strong>京东方A (000725)：</strong>屏幕供应商，产业链不可或缺一环，但业务庞杂，弹性相对较小。</li>
|
||
<li><strong>精研科技 (300709)：</strong>MIM铰链零件重要供应商，但产业链地位可能与东睦股份有差异。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-yellow-400">验证与证伪</h3>
|
||
<p class="text-gray-300">市场资金高度认可铰链环节的投资逻辑。例如，昀冢科技因获得折叠屏Hinge大单而涨停，泰瑞机器因MIM专用注塑机订单放量而涨停，强力验证了产业链逻辑。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 5. 潜在风险与挑战 -->
|
||
<div x-show="openTab === 'risk'" class="space-y-6">
|
||
<div>
|
||
<h3 class="text-red-400">技术风险</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300">
|
||
<li><strong>良率瓶颈：</strong>铰链的“良率提升缓慢”是核心挑战，直接关系到产能释放速度和成本控制。</li>
|
||
<li><strong>材料性能：</strong>大屏对柔性OLED、UTG盖板、OCA胶膜的长期可靠性、抗折痕能力要求极高。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-red-400">商业化风险</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-gray-300">
|
||
<li><strong>高昂定价：</strong>近2万元的售价严格限制了用户群体，市场天花板明显。</li>
|
||
<li><strong>应用生态：</strong>可能存在“硬件超前，软件滞后”的问题，影响用户体验。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-red-400">竞争风险</h3>
|
||
<p class="text-gray-300">小米、荣耀等厂商已在研发三折叠产品。一旦竞品进入市场，将打破华为的独占局面，稀缺性溢价可能被削弱。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- Stock Data -->
|
||
<section class="content-section glass-card">
|
||
<h2>核心产业链图谱</h2>
|
||
<div class="overflow-x-auto mt-6">
|
||
<h3 class="text-lg font-semibold mb-4 text-green-300">核心组件与材料</h3>
|
||
<table class="table w-full stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>环节</th>
|
||
<th>股票名称</th>
|
||
<th>原因</th>
|
||
<th>其他标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><th>金属铰链</th><td>东睦股份</td><td>金属铰链</td><td><a href="https://valuefrontier.cn/company?scode=600114" target="_blank" class="link link-hover text-blue-400">600114</a></td></tr>
|
||
<tr><th></th><td>精研科技</td><td>金属铰链</td><td><a href="https://valuefrontier.cn/company?scode=300709" target="_blank" class="link link-hover text-blue-400">300709</a></td></tr>
|
||
<tr><th></th><td>宜安科技</td><td>金属铰链</td><td><a href="https://valuefrontier.cn/company?scode=300328" target="_blank" class="link link-hover text-blue-400">300328</a></td></tr>
|
||
<tr><th rowspan="2">UTG柔性玻璃</th><td>凯盛科技</td><td>UTG柔性玻璃</td><td><a href="https://valuefrontier.cn/company?scode=600552" target="_blank" class="link link-hover text-blue-400">600552</a></td></tr>
|
||
<tr><td>长信科技</td><td>UTG柔性玻璃</td><td><a href="https://valuefrontier.cn/company?scode=300088" target="_blank" class="link link-hover text-blue-400">300088</a></td></tr>
|
||
<tr><th rowspan="2">显示屏</th><td>京东方A</td><td>显示屏</td><td></td></tr>
|
||
<tr><td>维信诺</td><td>显示屏</td><td><a href="https://valuefrontier.cn/company?scode=002387" target="_blank" class="link link-hover text-blue-400">002387</a></td></tr>
|
||
<tr><th>FPC柔性电路板</th><td>鹏鼎控股</td><td>FPC柔性电路板</td><td><a href="https://valuefrontier.cn/company?scode=002938" target="_blank" class="link link-hover text-blue-400">002938</a></td></tr>
|
||
<tr><th rowspan="2">PBO纤维</th><td>鼎龙科技</td><td>PBO纤维</td><td><a href="https://valuefrontier.cn/company?scode=603004" target="_blank" class="link link-hover text-blue-400">603004</a></td></tr>
|
||
<tr><td>建新股份</td><td>PBO纤维</td><td><a href="https://valuefrontier.cn/company?scode=300107" target="_blank" class="link link-hover text-blue-400">300107</a></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h3 class="text-lg font-semibold mt-8 mb-4 text-green-300">生态与周边</h3>
|
||
<table class="table w-full stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>环节</th>
|
||
<th>股票名称</th>
|
||
<th>原因</th>
|
||
<th>股票代码</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><th rowspan="2">纯血鸿蒙</th><td>软通动力</td><td>纯血鸿蒙</td><td><a href="https://valuefrontier.cn/company?scode=301236" target="_blank" class="link link-hover text-blue-400">301236</a></td></tr>
|
||
<tr><td>法本信息</td><td>纯血鸿蒙</td><td><a href="https://valuefrontier.cn/company?scode=300925" target="_blank" class="link link-hover text-blue-400">300925</a></td></tr>
|
||
<tr><th>OCA光学胶膜</th><td>斯迪克</td><td>OCA光学胶膜</td><td><a href="https://valuefrontier.cn/company?scode=300806" target="_blank" class="link link-hover text-blue-400">300806</a></td></tr>
|
||
<tr><th>影像传感器</th><td>韦尔股份</td><td>影像传感器</td><td></td></tr>
|
||
<tr><th rowspan="2">结构件</th><td>和胜股份</td><td>结构件</td><td><a href="https://valuefrontier.cn/company?scode=002824" target="_blank" class="link link-hover text-blue-400">002824</a></td></tr>
|
||
<tr><td>福蓉科技</td><td>结构件</td><td><a href="https://valuefrontier.cn/company?scode=603327" target="_blank" class="link link-hover text-blue-400">603327</a></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section glass-card">
|
||
<h2>涨幅异动深度解析</h2>
|
||
<p class="text-gray-400 mb-6">以下为产业链相关个股在特定日期的涨停或大幅上涨事件分析，揭示市场资金对产业链各环节的关注热点和逻辑验证。</p>
|
||
<div class="space-y-4">
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="rise-analysis" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-green-400">
|
||
昀冢科技 (688260) - 折叠屏Hinge订单驱动
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p><strong>核心结论：</strong>“折叠屏 Hinge 9.2 亿元长单+国产化政策补贴”双落地，机构席位 1.13 亿元抢筹，形成订单-政策-资金共振。</p>
|
||
<p class="mt-2 text-gray-400"><strong>解析：</strong>公告获国内头部厂商折叠屏 Hinge 模组定点，生命周期采购额≥9.2 亿元。工信部明确 Hinge/UTG 设备投资 20% 补贴。公司为国内唯一通过华为 20 万次折叠可靠性测试的 MIM 供应商。订单落地+政策补贴+机构建仓，折叠屏 Hinge 业务从主题进入业绩兑现期。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="rise-analysis" />
|
||
<div class="collapse-title text-xl font-medium text-blue-400">
|
||
泰瑞机器 (603289) - MIM设备放量
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p><strong>核心结论：</strong>半年报业绩超预期叠加MIM专用注塑机订单放量，形成“业绩+新成长曲线”共振。</p>
|
||
<p class="mt-2 text-gray-400"><strong>解析：</strong>半年报披露MIM专用注塑机已切入折叠屏铰链金属件生产，并获3亿元框架订单。MIM设备切入折叠屏/可穿戴高景气赛道打开空间，叠加业绩超预期，三因素共振推升涨停。</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-plus glass-card">
|
||
<input type="radio" name="rise-analysis" />
|
||
<div class="collapse-title text-xl font-medium text-purple-400">
|
||
东尼电子 (603595) - 双旗舰备货催化
|
||
</div>
|
||
<div class="collapse-content">
|
||
<p><strong>核心结论：</strong>9 月苹果 iPhone 17 与华为三折叠屏“双旗舰”备货启动，公司作为钛合金中框高强合金线材与折叠屏极细合金线材双料供应商，资金集中抢筹补涨。</p>
|
||
<p class="mt-2 text-gray-400"><strong>解析：</strong>公司极细合金线材已切入苹果钛合金中框、华为折叠屏铰链供应链，预计 9 月起单月新增订单 3000 万元+。9月“双旗舰”备货催化+钛合金/折叠屏订单落地+小市值补涨共振构成涨停主因。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
var chartDom = document.getElementById('timelineChart');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
option = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
formatter: function (params) {
|
||
return params[0].name + '<br/>' + params[0].value[2];
|
||
},
|
||
backgroundColor: 'rgba(20, 20, 30, 0.7)',
|
||
borderColor: 'rgba(255, 255, 255, 0.2)',
|
||
textStyle: { color: '#e0e0e0' }
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: { lineStyle: { color: '#888' } },
|
||
splitLine: { show: false }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: { lineStyle: { color: '#888' } },
|
||
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } },
|
||
name: '市场关注度',
|
||
nameTextStyle: { color: '#ccc' }
|
||
},
|
||
series: [{
|
||
name: 'Event',
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'circle',
|
||
symbolSize: 10,
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#4CAF50' },
|
||
{ offset: 1, color: '#81C784' }
|
||
])
|
||
},
|
||
lineStyle: {
|
||
width: 3,
|
||
shadowColor: 'rgba(76, 175, 80, 0.5)',
|
||
shadowBlur: 10
|
||
},
|
||
data: [
|
||
['2023-02-21', 10, '华为提交三折叠屏专利申请'],
|
||
['2024-03-29', 20, 'Z字型专利公布，技术路径明确'],
|
||
['2024-08-09', 50, '余承东真机照片曝光，市场首次大规模关注'],
|
||
['2024-09-04', 75, '官方预热视频发布，确认“三折屏”形态'],
|
||
['2024-09-07', 90, '开启预订，24小时预订量破200万'],
|
||
['2024-09-10', 85, 'Mate XT 非凡大师正式发布'],
|
||
['2024-09-20', 100, '正式开售，线上秒光，一机难求'],
|
||
['2024-10-01', 95, '国庆假期热销超预期，出货量预期上修']
|
||
],
|
||
markPoint: {
|
||
data: [
|
||
{ name: '发布', coord: ['2024-09-10', 85] },
|
||
{ name: '开售', coord: ['2024-09-20', 100] }
|
||
],
|
||
symbolSize: 50,
|
||
label: { fontSize: 12 }
|
||
}
|
||
}]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
</script>
|
||
</body>
|
||
|
||
</html> |