update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -0,0 +1,528 @@
<!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>深度研报:影石创新 (Insta360) 概念解析</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 src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.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=Noto+Sans+SC:wght@300;400;500;700&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color-1: rgba(0, 225, 255, 0.3);
--glow-color-2: rgba(190, 70, 255, 0.3);
--bg-color: #020010;
}
body {
font-family: 'Poppins', 'Noto Sans SC', sans-serif;
background-color: var(--bg-color);
color: #E0E0E0;
overflow-x: hidden;
background-image:
radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), rgba(255, 255, 255, 0));
}
.glass-card {
background: rgba(16, 18, 38, 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(24, 26, 48, 0.6);
border-color: rgba(255, 255, 255, 0.15);
}
.section-title {
font-size: 2.25rem; /* 36px */
font-weight: 700;
margin-bottom: 2rem;
color: #FFFFFF;
text-shadow: 0 0 10px rgba(0, 225, 255, 0.5);
}
.subsection-title {
font-size: 1.5rem; /* 24px */
font-weight: 600;
margin-bottom: 1rem;
color: #f0f0f0;
border-left: 4px solid #00E1FF;
padding-left: 1rem;
}
h3 {
font-size: 1.125rem; /* 18px */
font-weight: 500;
color: #c0c0c0;
margin-top: 1.5rem;
margin-bottom: 0.75rem;
}
p, li {
font-size: 0.95rem;
line-height: 1.7;
color: #b0b0c0;
}
strong, b {
color: #00E1FF;
font-weight: 600;
}
.bento-grid {
display: grid;
grid-auto-rows: minmax(200px, auto);
gap: 1.5rem;
}
@media (min-width: 768px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
}
.bento-item-1 { grid-column: span 4; grid-row: span 2; }
.bento-item-2 { grid-column: span 2; grid-row: span 1; }
.bento-item-3 { grid-column: span 2; grid-row: span 1; }
.bento-item-4 { grid-column: span 3; grid-row: span 2; }
.bento-item-5 { grid-column: span 3; grid-row: span 1; }
.bento-item-6 { grid-column: span 3; grid-row: span 1; }
.bento-item-7 { grid-column: span 6; grid-row: span 1; }
}
.collapse-title {
font-weight: 500;
}
table {
border-radius: 1rem;
overflow: hidden;
}
thead {
background-color: rgba(0, 225, 255, 0.1);
}
th {
color: #00E1FF !important;
}
.tag {
display: inline-block;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.8rem;
font-weight: 500;
background-color: rgba(255, 255, 255, 0.1);
color: #e0e0e0;
}
</style>
</head>
<body class="min-h-screen">
<div class="fixed top-0 left-0 w-full h-full -z-10 overflow-hidden">
<div class="absolute -top-1/4 left-1/4 w-96 h-96 bg-[var(--glow-color-1)] rounded-full filter blur-3xl opacity-50 animate-pulse"></div>
<div class="absolute -bottom-1/4 right-1/4 w-96 h-96 bg-[var(--glow-color-2)] rounded-full filter blur-3xl opacity-50 animate-pulse delay-2000"></div>
</div>
<div class="max-w-screen-xl mx-auto p-4 md:p-8 lg:p-12">
<header class="text-center mb-16">
<h1 class="text-4xl md:text-6xl font-bold text-white mb-4 tracking-tight">
<span class="bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 to-purple-500">影石创新 (Insta360)</span>
</h1>
<p class="text-xl text-gray-400">概念深度解析报告</p>
<p class="text-sm text-gray-500 mt-2">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
</header>
<main class="space-y-20">
<!-- Section 1: Concept Event & Core Viewpoint -->
<section id="introduction">
<div class="grid grid-cols-1 lg:grid-cols-5 gap-8 items-start">
<div class="lg:col-span-3 glass-card p-8">
<h2 class="subsection-title">概念事件从细分冠军到AI影像生态平台的战略升级</h2>
<p class="mt-4">影石创新Insta360作为全球智能影像设备的领导者其核心概念正经历从“细分赛道冠军”向“全场景AI影像生态平台”的战略升级。这一演变由一系列紧密相连的技术突破、产品发布和战略布局所驱动形成了清晰的发展脉络和市场催化剂。</p>
<p class="mt-4">公司凭借在<b>全景图像拼接、FlowState防抖及AI影像处理</b>等领域的核心技术,迅速占领全球消费级全景相机市场(<b>2023年市占率高达67.2%</b>),并于<b>2024年上半年</b>销量超越GoPro成为全球手持影像设备新霸主。高研发投入<b>研发费用率常年超10%</b>和快速产品迭代年均更新3-5款是其核心驱动力。</p>
<h3 class="font-semibold text-cyan-300">核心催化事件轴:</h3>
<ul class="timeline timeline-compact timeline-vertical mt-4">
<li>
<div class="timeline-start timeline-box">2023年底 - 2025 H1</div>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-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 timeline-box"><b>市场地位巩固期</b><br>发布Ace系列、旗舰ONE X5并成功于科创板IPO引入腾讯、韦尔等战略投资者。</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-start timeline-box">2025 H2</div>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-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 timeline-box"><b>第二增长曲线开启期</b><br>宣布孵化全新无人机品牌<b>“影翎Antigravity”</b>,正式从地面影像拓展至“空地一体”影像生态,成为本次概念的核心催化剂。</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-start timeline-box">2025.12 - 2026.01 (预期)</div>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-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 timeline-box"><b>关键验证点</b><br>全球首款消费级8K全景无人机<b>影翎A1</b>正式发售,市场将此视为公司能否“再造一个影石”的关键。</div>
</li>
</ul>
</div>
<div class="lg:col-span-2 glass-card p-8">
<h2 class="subsection-title">核心观点摘要</h2>
<p class="mt-4">影石创新正处在一个关键的战略转型期,其核心投资逻辑已从单一的“消费电子硬件制造商”演变为<b>“以全景AI算法为核心向空地一体化影像生态平台扩张”</b>的平台型公司。</p>
<p class="mt-4">其核心驱动力在于利用已建立的技术壁垒和品牌心智进行跨品类复制,其中<b>全景无人机是验证其平台化能力和开启第二增长曲线的“胜负手”</b></p>
<p class="mt-4">未来潜力巨大,但短期面临<b>利润承压、新品放量不确定性</b>以及与行业巨头(大疆)<b>正面竞争</b>的三重考验。</p>
</div>
</div>
</section>
<!-- Section 2: Bento Grid Deep Dive -->
<section id="deep-dive">
<h1 class="section-title text-center">深度解析</h1>
<div class="bento-grid">
<div class="glass-card p-6 bento-item-1">
<h2 class="subsection-title">核心逻辑与市场认知</h2>
<h3 class="font-semibold text-cyan-300">核心驱动力:技术溢出效应下的品类扩张</h3>
<ul class="list-disc list-inside space-y-2 mt-2">
<li><b>底层技术复用:</b> 全景拼接、防抖算法、AI影像处理等技术作为“技术底座”赋能运动相机、无人机、视频会议等多个赛道。技术领先同业≥8个月。</li>
<li><b>软件定义硬件:</b> “隐形自拍杆”、“AI一键剪辑”等功能降低创作门槛提升用户体验是其超越GoPro等传统厂商的关键。</li>
<li><b>场景创造需求:</b> 通过Go系列、Ace系列及影翎A1无人机不断创造新的拍摄场景和解决方案开辟增量市场。</li>
</ul>
<h3 class="font-semibold text-cyan-300 mt-4">市场热度与情绪:高度乐观,伴随短期业绩担忧</h3>
<p>市场普遍认同其“第二曲线”逻辑,频繁出现“再造一个影石”等乐观表述。然而,财务数据明确揭示了<b>“增收不增利”</b>的现状2025 H1营收+51.17%,净利+0.25%),市场对利润拐点何时出现存在分歧。</p>
<h3 class="font-semibold text-cyan-300 mt-4">预期差分析</h3>
<ul class="list-disc list-inside space-y-2 mt-2">
<li><b>竞争格局认知差:</b> 市场可能低估了大疆反攻其核心腹地全景相机的威胁。大疆已于2025Q2推出全景相机并迅速抢占40%市场份额,未来竞争将是全方位的。</li>
<li><b>无人机业务难度差:</b> 市场对影翎A1亮点充满期待但可能忽略了无人机在飞控、图传、避障及稳定量产方面的复杂性与高门槛。</li>
<li><b>生态价值远期差:</b> 市场对规划中的<b>“Insta360+云服务”</b>订阅模式价值挖掘不足。若成功,将重塑公司估值体系。</li>
</ul>
</div>
<div class="glass-card p-6 bento-item-2">
<h2 class="subsection-title">近期催化剂</h2>
<ul class="list-disc list-inside space-y-2 mt-2">
<li><b>影翎A1无人机发售 (最核心):</b> 2025.12-2026.Q1初期销售数据将直接验证产品力。</li>
<li><b>2025年报 & 2026 Q1财报:</b> 验证无人机对收入的初步贡献及利润率表现。</li>
<li><b>大疆全景相机市场表现:</b> 判断竞争格局演变的重要指标。</li>
<li><b>Insta360+云服务推出:</b> 引发市场对其商业模式升级的重新评估。</li>
</ul>
</div>
<div class="glass-card p-6 bento-item-3">
<h2 class="subsection-title">未来发展路径</h2>
<ul class="steps steps-vertical">
<li class="step step-primary"><b>当前-2026年:</b> 完成空地一体化硬件布局,无人机成为第二增长极。</li>
<li class="step step-primary"><b>2026-2027年:</b> 软件与生态商业化,推广云服务,实现“硬件+服务”双轮驱动,利润率迎拐点。</li>
<li class="step"><b>2027年及以后:</b> AI影像平台化拓展至安防、车载、机器人视觉等领域。</li>
</ul>
</div>
<div class="glass-card p-6 bento-item-4 flex flex-col">
<h2 class="subsection-title">产品矩阵与创新影翎A1无人机</h2>
<p class="mb-4">公司已搭建包括<b>X系列全景、Go系列穿戴、Ace系列运动</b>在内的综合产品矩阵。最新焦点是孵化品牌“影翎Antigravity”及其首款产品A1。</p>
<div class="stats stats-vertical shadow bg-transparent border border-gray-700 flex-grow">
<div class="stat">
<div class="stat-title">产品定位</div>
<div class="stat-value text-xl text-cyan-300">全球首款8K全景无人机</div>
<div class="stat-desc">消费级,主打沉浸式体验、易用低门槛</div>
</div>
<div class="stat">
<div class="stat-title">核心参数</div>
<div class="stat-value text-xl text-purple-400">249g</div>
<div class="stat-desc">机身重量8K@30fps画质10公里图传39分钟长续航</div>
</div>
<div class="stat">
<div class="stat-title">创新体验</div>
<div class="stat-value text-xl">先飞后构图</div>
<div class="stat-desc">独创自由体感操控AI剪辑解决传统航拍痛点</div>
</div>
<div class="stat">
<div class="stat-title">定价与发售</div>
<div class="stat-value text-xl">6799元起</div>
<div class="stat-desc">2025年12月4日正式发售</div>
</div>
</div>
</div>
<div class="glass-card p-6 bento-item-5">
<h2 class="subsection-title">公司概况与市场地位</h2>
<div id="market-share-chart" style="width: 100%; height: 300px;"></div>
</div>
<div class="glass-card p-6 bento-item-6">
<h2 class="subsection-title">财务表现速览</h2>
<div id="financial-chart" style="width: 100%; height: 300px;"></div>
</div>
<div class="glass-card p-6 bento-item-7">
<h2 class="subsection-title">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
<div>
<h3 class="font-semibold text-red-400">技术风险</h3>
<p>核心DSP芯片依赖海外厂商无人机技术整合与规模化生产仍存瓶颈。</p>
</div>
<div>
<h3 class="font-semibold text-red-400">商业化风险</h3>
<p>无人机新品类市场接受度不确定;高额营销投入可能持续侵蚀盈利能力。</p>
</div>
<div>
<h3 class="font-semibold text-red-400">竞争与政策风险</h3>
<p>与大疆的全方位竞争是最大风险超75%收入来自境外,对国际贸易政策敏感。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section 3: Industry & Competition Analysis -->
<section id="industry-analysis">
<h1 class="section-title text-center">产业链与竞争格局</h1>
<div class="glass-card p-8">
<h2 class="subsection-title">产业链图谱</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-6 text-center">
<div class="p-4 border border-dashed border-gray-600 rounded-lg">
<h3 class="font-bold text-lg text-purple-300">上游:核心零部件</h3>
<p class="mt-2 text-sm"><b>芯片:</b> 安霸, 索尼<br><b>光学模组:</b> 弘景光电 (核心)<br><b>电池:</b> 紫建电子<br><b>结构件:</b> 统联精密</p>
</div>
<div class="p-4 border border-dashed border-gray-600 rounded-lg">
<h3 class="font-bold text-lg text-cyan-300">中游:品牌与整机</h3>
<p class="mt-2 text-sm"><b>影石创新 (绝对核心)</b><br>大疆 (DJI)<br>GoPro<br>理光 (Ricoh)</p>
</div>
<div class="p-4 border border-dashed border-gray-600 rounded-lg">
<h3 class="font-bold text-lg text-green-300">下游与合作</h3>
<p class="mt-2 text-sm"><b>渠道:</b> Apple Store, Best Buy<br><b>战略合作:</b> 立讯精密 (供应链), 韦尔股份 (国产传感器), 腾讯 (云服务)</p>
</div>
</div>
<h2 class="subsection-title mt-12">核心玩家对比</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-6">
<div class="p-6 rounded-lg bg-slate-800/50">
<h3 class="font-bold text-lg text-cyan-400">影石创新 (领导者/进攻者)</h3>
<p class="mt-2"><b>优势:</b> 软件算法、用户体验、极快迭代速度。逻辑最纯粹的智能影像设备公司。</p>
<p class="mt-2"><b>风险:</b> 利润率受高投入影响,无人机领域面临强大对手。</p>
</div>
<div class="p-6 rounded-lg bg-slate-800/50">
<h3 class="font-bold text-lg text-gray-300">大疆 (DJI) (巨头/防守反击者)</h3>
<p class="mt-2"><b>优势:</b> 无人机绝对霸主,硬件研发、供应链成本控制和品牌优势强大。</p>
<p class="mt-2"><b>风险:</b> 是影石未来最主要竞争对手,双方竞争将定义行业格局。</p>
</div>
<div class="p-6 rounded-lg bg-slate-800/50">
<h3 class="font-bold text-lg text-yellow-400">GoPro (守成者/被颠覆者)</h3>
<p class="mt-2"><b>优势:</b> 运动相机开创者,仍有品牌底蕴。</p>
<p class="mt-2"><b>风险:</b> 产品创新乏力,市场份额持续被侵蚀,生态构建缓慢。</p>
</div>
</div>
</div>
</section>
<!-- Section 4: Stock Data -->
<section id="stock-data">
<h1 class="section-title text-center">相关标的与涨幅分析</h1>
<div class="glass-card p-8 mb-12">
<h2 class="subsection-title">产业链相关公司</h2>
<div class="overflow-x-auto mt-6">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>关联原因</th>
<th>标签</th>
<th>股票代码</th>
</tr>
</thead>
<tbody>
<tr>
<td>弘景光电</td>
<td>战略合作影石,公司是影石创新重要供应商之一</td>
<td><span class="tag">供应商</span></td>
<td><a href="https://valuefrontier.cn/company?scode=301479" target="_blank" class="link link-hover text-cyan-400">301479</a></td>
</tr>
<tr>
<td>瀛通通讯</td>
<td>数据传输和电声产品进入影石供应链</td>
<td><span class="tag">供应商</span></td>
<td><a href="https://valuefrontier.cn/company?scode=002861" target="_blank" class="link link-hover text-cyan-400">002861</a></td>
</tr>
<tr>
<td>统联精密</td>
<td>客户包括影石</td>
<td><span class="tag">供应商</span></td>
<td><a href="https://valuefrontier.cn/company?scode=688210" target="_blank" class="link link-hover text-cyan-400">688210</a></td>
</tr>
<tr>
<td>联创电子</td>
<td>公司曾是影石相机的光学部件核心供应商,目前业务合作较少</td>
<td><span class="tag">供应商</span></td>
<td><a href="https://valuefrontier.cn/company?scode=002036" target="_blank" class="link link-hover text-cyan-400">002036</a></td>
</tr>
<tr>
<td>商络电子</td>
<td>为影石供应存储器件,并正在同步推广其他产品</td>
<td><span class="tag">供应商</span></td>
<td><a href="https://valuefrontier.cn/company?scode=300975" target="_blank" class="link link-hover text-cyan-400">300975</a></td>
</tr>
<tr>
<td>紫建电子</td>
<td>产品进入影石供应体系</td>
<td><span class="tag">供应商</span></td>
<td><a href="https://valuefrontier.cn/company?scode=301121" target="_blank" class="link link-hover text-cyan-400">301121</a></td>
</tr>
<tr>
<td>华金资本</td>
<td>子公司管理的两支基金有对影石创新进行投资</td>
<td><span class="tag">投资</span></td>
<td><a href="https://valuefrontier.cn/company?scode=000532" target="_blank" class="link link-hover text-cyan-400">000532</a></td>
</tr>
<tr>
<td>皖新传媒</td>
<td>公司通过旷沄基金间接投资影石创新</td>
<td><span class="tag">投资</span></td>
<td><a href="https://valuefrontier.cn/company?scode=601801" target="_blank" class="link link-hover text-cyan-400">601801</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="space-y-4">
<h2 class="subsection-title">历史涨幅归因分析</h2>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="rise-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium">影石创新 (688775) - 2025-07-29 上涨6.24%</div>
<div class="collapse-content">
<p>影石创新7月29日上涨6.24%的核心催化剂是公司于7月28日晚宣布孵化全新无人机品牌"影翎Antigravity"并计划发布全球首款8K全景无人机。这一举措被市场解读为公司开启第二增长曲线从运动相机向“空地一体影像平台”的战略升级引发了市场对其长期增长空间的乐观预期。产品创新亮点如360°动态拼接、AI防抖、与元宇宙生态的潜在结合以及与大疆的跨界竞争格局变化共同推动了市场情绪和股价上涨。</p>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">奥尼电子 (301189) - 2025-08-18 上涨13.39%</div>
<div class="collapse-content">
<p>奥尼电子股价上涨主要受板块联动效应驱动。当日消费电子板块整体活跃尤其是行业龙头影石创新发布无人机新品提升了市场对整个板块的关注度。作为同行业公司奥尼电子的股价受到了整体市场情绪的带动。此外AI与消费电子结合的市场热点也可能引发了投资者对其在智能视听硬件领域应用前景的联想。</p>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium">中石科技 (300684) - 2025-08-18 上涨8.74%</div>
<div class="collapse-content">
<p>中石科技的上涨同样受益于消费电子板块的整体走强影石创新等龙头股的活跃表现提振了相关产业链公司的市场情绪。更直接的驱动因素是市场对散热技术概念的高度关注随着AI算力需求增长高效散热解决方案成为市场热点。中石科技作为热管理领域的供应商其技术优势和在算力、AI等前沿领域的布局与行业趋势相符构成了股价上涨的基本面支撑。</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center mt-20 pt-8 border-t border-gray-800">
<p class="text-gray-500 text-sm">本报告由北京价值前沿科技有限公司 AI投研agent“价小前投研”合成。</p>
<p class="text-gray-600 text-xs mt-2">免责声明本报告内容基于公开数据和AI模型分析生成仅供参考不构成任何投资建议。市场有风险投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Market Share Chart
var marketShareChartDom = document.getElementById('market-share-chart');
if (marketShareChartDom) {
var marketShareChart = echarts.init(marketShareChartDom, 'dark');
var marketShareOption = {
backgroundColor: 'transparent',
title: {
text: '2023年全球消费级全景相机市占率',
left: 'center',
top: 20,
textStyle: { color: '#ccc' }
},
tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c}%' },
legend: {
orient: 'vertical', left: 'left', data: ['影石创新', '日本理光', 'GoPro'],
textStyle: { color: '#ccc' }
},
series: [{
name: '市占率',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [
{ value: 67.2, name: '影石创新' },
{ value: 12.4, name: '日本理光' },
{ value: 9.2, name: 'GoPro' }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
itemStyle: {
borderColor: '#020010',
borderWidth: 2
},
color: ['#00E1FF', '#8A2BE2', '#FFA500']
}]
};
marketShareChart.setOption(marketShareOption);
}
// Financial Chart
var financialChartDom = document.getElementById('financial-chart');
if (financialChartDom) {
var financialChart = echarts.init(financialChartDom, 'dark');
var financialOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'cross', crossStyle: { color: '#999' } }
},
legend: { data: ['营业收入', '归母净利润'], textStyle: { color: '#ccc' } },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: [{
type: 'category',
data: ['2022', '2023', '2024'],
axisPointer: { type: 'shadow' }
}],
yAxis: [
{ type: 'value', name: '亿元', min: 0, axisLabel: { formatter: '{value}' } },
{ type: 'value', name: '亿元', min: 0, axisLabel: { formatter: '{value}' } }
],
series: [
{
name: '营业收入',
type: 'bar',
tooltip: { valueFormatter: function (value) { return value + ' 亿元'; } },
data: [20.41, 36.36, 55.74],
itemStyle: { color: '#00E1FF' }
},
{
name: '归母净利润',
type: 'line',
yAxisIndex: 1,
tooltip: { valueFormatter: function (value) { return value + ' 亿元'; } },
data: [4.07, 8.30, 9.95],
itemStyle: { color: '#BE46FF' }
}
]
};
financialChart.setOption(financialOption);
}
window.addEventListener('resize', function() {
marketShareChart.resize();
financialChart.resize();
});
});
</script>
</body>
</html>