378 lines
25 KiB
HTML
378 lines
25 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>META智能眼镜 - 深度研究报告</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>
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #0a0a0f;
|
||
color: #e0e0e0;
|
||
overflow-x: hidden;
|
||
background-image:
|
||
radial-gradient(circle at 15% 20%, rgba(0, 150, 255, 0.15) 0%, transparent 40%),
|
||
radial-gradient(circle at 85% 70%, rgba(192, 0, 255, 0.15) 0%, transparent 40%),
|
||
radial-gradient(circle at 50% 95%, rgba(0, 255, 200, 0.1) 0%, transparent 30%);
|
||
background-attachment: fixed;
|
||
}
|
||
.glass-card {
|
||
background: rgba(18, 18, 28, 0.5);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
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.2);
|
||
border-color: rgba(0, 255, 200, 0.3);
|
||
}
|
||
.bento-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
gap: 1.5rem; /* 24px */
|
||
}
|
||
.bento-item {
|
||
border-radius: 1.5rem; /* 24px */
|
||
padding: 1.5rem; /* 24px */
|
||
}
|
||
|
||
.grid-col-span-12 { grid-column: span 12 / span 12; }
|
||
.grid-col-span-8 { grid-column: span 8 / span 8; }
|
||
.grid-col-span-6 { grid-column: span 6 / span 6; }
|
||
.grid-col-span-4 { grid-column: span 4 / span 4; }
|
||
|
||
@media (max-width: 1024px) {
|
||
.grid-col-span-8, .grid-col-span-6, .grid-col-span-4 {
|
||
grid-column: span 12 / span 12;
|
||
}
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 1.25rem;
|
||
font-weight: 600;
|
||
padding-bottom: 0.75rem;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
||
margin-bottom: 1rem;
|
||
color: #ffffff;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.section-title svg {
|
||
margin-right: 0.5rem;
|
||
}
|
||
|
||
.timeline {
|
||
position: relative;
|
||
padding-left: 2rem;
|
||
}
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 2px;
|
||
background: linear-gradient(to bottom, rgba(0, 255, 200, 0) 0%, rgba(0, 255, 200, 0.8) 50%, rgba(0, 255, 200, 0) 100%);
|
||
}
|
||
.timeline-item {
|
||
position: relative;
|
||
margin-bottom: 2rem;
|
||
}
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -2.5rem;
|
||
top: 4px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background-color: #00ffc8;
|
||
border: 2px solid #0a0a0f;
|
||
box-shadow: 0 0 15px rgba(0, 255, 200, 0.7);
|
||
}
|
||
.timeline-item:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.table th, .table td {
|
||
border-color: rgba(255, 255, 255, 0.1);
|
||
}
|
||
.stock-table th {
|
||
background-color: rgba(0, 255, 200, 0.1);
|
||
color: #00ffc8;
|
||
}
|
||
.tab-active {
|
||
background-color: rgba(0, 255, 200, 0.15) !important;
|
||
color: #00ffc8 !important;
|
||
border-color: #00ffc8 !important;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen p-4 sm:p-8">
|
||
|
||
<div class="max-w-7xl mx-auto">
|
||
<!-- Header -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter text-white animate-fade-in-down" style="text-shadow: 0 0 20px rgba(0, 255, 200, 0.5);">META智能眼镜</h1>
|
||
<h2 class="text-2xl md:text-3xl font-light text-gray-300 mt-2">深度研究报告</h2>
|
||
<p class="mt-4 text-xs text-gray-500">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<!-- Bento Grid Layout -->
|
||
<main class="bento-grid">
|
||
|
||
<!-- Core Viewpoint Summary -->
|
||
<div class="bento-item glass-card grid-col-span-12 lg:grid-col-span-8">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
|
||
核心观点摘要
|
||
</h3>
|
||
<p class="text-gray-300 leading-relaxed">
|
||
META智能眼镜概念正处在一个关键的转折点：其<strong class="text-cyan-300">无屏AI眼镜</strong>已通过成功的品牌战略和产品迭代，验证了市场需求并进入了<strong class="text-cyan-300">基本面驱动的放量增长阶段</strong>；而即将推出的<strong class="text-fuchsia-400">带屏AR眼镜</strong>则开启了全新的想象空间，使概念进入了<strong class="text-fuchsia-400">由技术升级预期驱动的主题发酵阶段</strong>。核心驱动力在于Meta将AI能力、社交生态与成熟的时尚消费品渠道相结合，成功解决了智能穿戴设备长期存在的“美学”与“实用”的矛盾。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Market Share Chart -->
|
||
<div class="bento-item glass-card grid-col-span-12 lg:grid-col-span-4 flex flex-col">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" /></svg>
|
||
全球市场份额 (2025 H1)
|
||
</h3>
|
||
<div id="marketShareChart" class="flex-grow min-h-[200px]"></div>
|
||
</div>
|
||
|
||
<!-- Concept Evolution Timeline -->
|
||
<div class="bento-item glass-card grid-col-span-12">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" /></svg>
|
||
概念演进与关键事件
|
||
</h3>
|
||
<div class="timeline mt-4">
|
||
<div class="timeline-item">
|
||
<p class="font-semibold text-white">第一阶段: 初步探索 (2021)</p>
|
||
<p class="text-sm text-gray-400">推出第一代Ray-Ban Stories，市场反响平平，硬件性能不足，出货量仅35.5万。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<p class="font-semibold text-white">第二阶段: AI赋能引爆 (2023 Q3 - 2024)</p>
|
||
<p class="text-sm text-gray-400">发布第二代Ray-Ban Meta，硬件全面升级并受益于AI热潮。2024年销量超100万副，占据超70%市场份额，成功实现PMF。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<p class="font-semibold text-white">第三阶段: 产品线扩张 (2025年中)</p>
|
||
<p class="text-sm text-gray-400">联手Oakley推出运动款，并计划与Prada合作，标志着从时尚单品向专业垂直领域渗透。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<p class="font-semibold text-white">第四阶段: 迈向AR (预计2025年9月)</p>
|
||
<p class="text-sm text-gray-400">预计在Meta Connect大会发布首款带显示屏的消费级AR眼镜 (Meta Ray-Ban Display)，标志着从AI眼镜向AR眼镜的过渡。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Logic and Market Analysis -->
|
||
<div class="bento-item glass-card grid-col-span-12 lg:grid-col-span-6">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg>
|
||
核心驱动力与市场认知
|
||
</h3>
|
||
<ul class="space-y-3 list-disc list-inside text-gray-300">
|
||
<li><strong class="text-white">“时尚+科技”成功范式:</strong> 通过与雷朋、Oakley合作，解决了美学与渠道难题，降低消费者接受门槛。消费者购买决策优先级为：品牌→音频/摄像头→AI功能。</li>
|
||
<li><strong class="text-white">AI大模型赋能体验跃升:</strong> 接入Meta大模型，实现实时翻译、物体识别等实用功能，成为“AI助理”潜力股。</li>
|
||
<li><strong class="text-white">精准的产品迭代:</strong> 第二代产品针对性升级摄像头(5MP→12MP)、存储(4GB→32GB)、芯片(高通AR1)，奠定成功基石。</li>
|
||
<li><strong class="text-white">清晰的战略投入:</strong> 斥资30亿欧元入股EssilorLuxottica，即便Reality Labs部门持续亏损也坚定投入，目标是构建下一代计算平台入口。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Expectation Gap Analysis -->
|
||
<div class="bento-item glass-card grid-col-span-12 lg:grid-col-span-6">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>
|
||
预期差分析
|
||
</h3>
|
||
<ul class="space-y-3 list-disc list-inside text-gray-300">
|
||
<li><strong class="text-white">AI眼镜 vs. AR眼镜销量混淆:</strong> 百万级销量来自$379的无屏版。而$799的带屏AR版官方指引销量仅10万，市场若用AI眼镜增速预期AR眼镜销量，存在巨大预期差。</li>
|
||
<li><strong class="text-white">AI功能权重被高估:</strong> AI目前是“锦上添花”，品牌和基础功能才是首要购买动因，市场可能过度放大AI在当前销售中的决定性作用。</li>
|
||
<li><strong class="text-white">技术路径的过渡性被忽略:</strong> 即将发布的单目LCoS方案是为教育市场的“过渡方案”，市场的兴奋点可能已提前透支了未来双目Micro-LED的终极形态。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Future Path and Catalysts -->
|
||
<div class="bento-item glass-card grid-col-span-12">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.657 7.343A8 8 0 0117.657 18.657z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1014.12 11.88l-4.242 4.242z" /></svg>
|
||
关键催化剂与未来发展路径
|
||
</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-white mb-2">近期催化剂 (未来3-6个月)</h4>
|
||
<ol class="list-decimal list-inside space-y-2 text-gray-300">
|
||
<li><strong class="text-cyan-300">Meta Connect 2025大会 (预计9月):</strong> 最核心催化剂，将发布Meta Ray-Ban Display，其定价、功能和市场反馈将决定概念下一阶段走向。</li>
|
||
<li><strong class="text-cyan-300">首批销量数据披露:</strong> Display版本Q4的实际销量能否超出10万的官方指引，是验证市场接受度的关键。</li>
|
||
<li><strong class="text-cyan-300">竞争对手应对:</strong> 苹果、小米等发布竞品，将激化市场竞争，催化行业加速发展。</li>
|
||
</ol>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-lg text-white mb-2">长期发展路径</h4>
|
||
<ol class="list-decimal list-inside space-y-2 text-gray-300">
|
||
<li><strong class="text-fuchsia-400">Phase 1 (2025-2026): 市场教育与生态构建:</strong> 以单目Display为先锋，冲击600-1000万台出货量，构建初步AR应用生态。</li>
|
||
<li><strong class="text-fuchsia-400">Phase 2 (2027): 技术突破与体验完善:</strong> 发布真正轻量化(目标30g)C端AR眼镜，可能采用双目MicroLED+自研芯片，价格下探至$299。</li>
|
||
<li><strong class="text-fuchsia-400">Phase 3 (2028+): 平台成熟与大众普及:</strong> 摆脱手机依赖，成为独立计算平台。预计2029年全球出货量超4300万台。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Potential Risks -->
|
||
<div class="bento-item glass-card grid-col-span-12">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>
|
||
潜在风险与挑战
|
||
</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm">
|
||
<div class="p-4 bg-black/20 rounded-xl">
|
||
<h5 class="font-bold text-red-400">技术风险</h5>
|
||
<p class="text-gray-400 mt-1">成本、续航、显示效果构成“不可能三角”；双目方案良率与成本是核心瓶颈。</p>
|
||
</div>
|
||
<div class="p-4 bg-black/20 rounded-xl">
|
||
<h5 class="font-bold text-amber-400">商业化风险</h5>
|
||
<p class="text-gray-400 mt-1">$799定价过高，市场接受度存疑；缺乏杀手级应用；隐私与数据安全问题依然存在。</p>
|
||
</div>
|
||
<div class="p-4 bg-black/20 rounded-xl">
|
||
<h5 class="font-bold text-blue-400">政策与竞争风险</h5>
|
||
<p class="text-gray-400 mt-1">苹果等巨头入场加剧竞争；关税与地缘政治可能影响中国市场销售。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Investment Insights & Key Segments -->
|
||
<div class="bento-item glass-card grid-col-span-12">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 13v-1m4 1v-3m4 3V8M8 21l4-4 4 4M3 4h18M4 4l4 4-4 4M20 4l-4 4 4 4" /></svg>
|
||
投资启示与核心环节
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="text-lg font-semibold text-white">综合结论</h4>
|
||
<p class="text-gray-300">概念已分化为两个阶段：<strong class="text-cyan-300">无屏AI眼镜（基本面驱动）</strong>与<strong class="text-fuchsia-400">带屏AR眼镜（主题与预期驱动）</strong>。后者短期难以贡献大规模收入，需警惕预期过高风险。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-lg font-semibold text-white">最具投资价值的细分环节</h4>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-2">
|
||
<div class="p-4 border border-cyan-500/30 rounded-lg bg-cyan-900/20">
|
||
<p class="font-bold text-cyan-300">确定性环节 (稳健)</p>
|
||
<p class="text-gray-300 text-sm">核心零部件供应商（如 <strong class="text-white">佰维存储</strong>），直接受益于当前确定性放量的无屏AI眼镜，业绩可见度高。</p>
|
||
</div>
|
||
<div class="p-4 border border-fuchsia-500/30 rounded-lg bg-fuchsia-900/20">
|
||
<p class="font-bold text-fuchsia-400">高弹性环节 (进取)</p>
|
||
<p class="text-gray-300 text-sm">光学显示模组，特别是<strong class="text-white">光波导</strong>（如 <strong class="text-white">水晶光电</strong>）和<strong class="text-white">微显示技术</strong>（如 <strong class="text-white">光峰科技</strong>的LCoS预期），是AR升级中价值量提升最显著、最具想象空间的环节。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stocks Table -->
|
||
<div class="bento-item glass-card grid-col-span-12">
|
||
<h3 class="section-title">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V7a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
|
||
产业链核心公司
|
||
</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th class="w-1/6">股票</th>
|
||
<th class="w-1/6">代码</th>
|
||
<th class="w-2/6">核心逻辑</th>
|
||
<th class="w-2/6">消息来源/其他</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>歌尔股份</td><td><a href="https://valuefrontier.cn/company?scode=002241" target="_blank" class="link link-hover text-cyan-400">002241</a></td><td>Meta智能眼镜的核心代工商，同时供应光波导等关键零部件，深度绑定。</td><td>网络纪要/研报</td></tr>
|
||
<tr><td>水晶光电</td><td><a href="https://valuefrontier.cn/company?scode=002273" target="_blank" class="link link-hover text-cyan-400">002273</a></td><td>为Ray-Ban系列供应反射式光波导，并深度参与首款AR眼镜Celeste的衍射光波导开发，AR升级核心增量。</td><td>网络纪要/研报</td></tr>
|
||
<tr><td>佰维存储</td><td><a href="https://valuefrontier.cn/company?scode=688525" target="_blank" class="link link-hover text-cyan-400">688525</a></td><td>2025年上半年Meta是公司出货量最大的AI眼镜客户，为其提供ROM+RAM存储器芯片，业绩确定性高。</td><td>互动/新闻</td></tr>
|
||
<tr><td>国光电器</td><td><a href="https://valuefrontier.cn/company?scode=002045" target="_blank" class="link link-hover text-cyan-400">002045</a></td><td>为Meta智能眼镜提供降噪麦克风阵列与空间音频解决方案，参与高端机型研发。</td><td>网络纪要</td></tr>
|
||
<tr><td>长盈精密</td><td><a href="https://valuefrontier.cn/company?scode=300115" target="_blank" class="link link-hover text-cyan-400">300115</a></td><td>向Meta的AI眼镜提供结构件产品。</td><td>互动</td></tr>
|
||
<tr><td>荣旗科技</td><td><a href="https://valuefrontier.cn/company?scode=301360" target="_blank" class="link link-hover text-cyan-400">301360</a></td><td>META智能眼镜的智能组装设备主要供应商。</td><td>互动</td></tr>
|
||
<tr><td>硕贝德</td><td><a href="https://valuefrontier.cn/company?scode=300322" target="_blank" class="link link-hover text-cyan-400">300322</a></td><td>为北美客户(市场猜测为META)提供的智能穿戴产品天线及部分零部件已批量出货。</td><td>互动/网络纪要</td></tr>
|
||
<tr><td>世运电路</td><td><a href="https://valuefrontier.cn/company?scode=603920" target="_blank" class="link link-hover text-cyan-400">603920</a></td><td>为“海外头部M客户”(普遍认为meta)供应的AI眼镜电路板(PCB)已进入量产阶段。</td><td>网络纪要</td></tr>
|
||
<tr><td>商络电子</td><td><a href="https://valuefrontier.cn/company?scode=300975" target="_blank" class="link link-hover text-cyan-400">300975</a></td><td>直接或间接供货于Meta的VR及AR眼镜，供应产品包括传感器、电感、电池等。</td><td>互动</td></tr>
|
||
<tr><td>伟时电子</td><td><a href="https://valuefrontier.cn/company?scode=605218" target="_blank" class="link link-hover text-cyan-400">605218</a></td><td>公司是Meta的间接供应商，提供Meta相关产品的背光显示模组。</td><td>互动</td></tr>
|
||
<tr><td>德赛电池</td><td><a href="https://valuefrontier.cn/company?scode=000049" target="_blank" class="link link-hover text-cyan-400">000049</a></td><td>有开展智能眼镜锂电池相关业务,产品可应用于AR、VR、MR、AI等各类智能穿戴设备。</td><td>互动/网络纪要</td></tr>
|
||
<tr><td>隆利科技</td><td><a href="https://valuefrontier.cn/company?scode=300752" target="_blank" class="link link-hover text-cyan-400">300752</a></td><td>Meta是重要终端客户,背光显示产品已成功应用于Meta的VR眼镜。</td><td>互动</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
// ECharts Initialization
|
||
var chartDom = document.getElementById('marketShareChart');
|
||
var myChart = echarts.init(chartDom, 'dark');
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b}: {c}%'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
textStyle: {
|
||
color: '#ccc'
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '市场份额',
|
||
type: 'pie',
|
||
radius: ['50%', '70%'],
|
||
avoidLabelOverlap: false,
|
||
label: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
fontSize: '20',
|
||
fontWeight: 'bold',
|
||
formatter: '{b}\n{d}%',
|
||
color: '#fff'
|
||
}
|
||
},
|
||
labelLine: {
|
||
show: false
|
||
},
|
||
data: [
|
||
{ value: 70, name: 'Meta', itemStyle: { color: '#00ffc8' } },
|
||
{ value: 7.7, name: '小米', itemStyle: { color: '#61a0a8' } },
|
||
{ value: 4.1, name: 'XREAL', itemStyle: { color: '#91c7ae' } },
|
||
{ value: 2.7, name: '雷乌创新', itemStyle: { color: '#d48265' } },
|
||
{ value: 2.6, name: '华为', itemStyle: { color: '#c23531' } },
|
||
{ value: 12.9, name: '其他', itemStyle: { color: '#2f4554' } }
|
||
],
|
||
itemStyle: {
|
||
borderColor: '#0a0a0f',
|
||
borderWidth: 2
|
||
}
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
|
||
window.addEventListener('resize', () => {
|
||
myChart.resize();
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |