Files
vf_react/public/htmls/TikTok.html
2025-12-05 13:29:18 +08:00

537 lines
33 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>TikTok 概念深度分析报告</title>
<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 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>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background-color: #0a0920;
background-image:
radial-gradient(ellipse 200% 150% at 20% 10%, rgba(14, 165, 233, 0.15), transparent),
radial-gradient(ellipse 200% 150% at 80% 90%, rgba(139, 92, 246, 0.15), transparent);
background-attachment: fixed;
color: #e0e0e0;
}
.glass-card {
background: rgba(17, 24, 39, 0.5);
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 {
background: rgba(17, 24, 39, 0.7);
border: 1px solid rgba(110, 231, 255, 0.3);
box-shadow: 0 0 20px rgba(110, 231, 255, 0.1);
}
.glow-text {
text-shadow: 0 0 8px rgba(56, 189, 248, 0.7);
}
.section-title {
font-size: 2.5rem;
font-weight: 700;
color: #f0f0f5;
text-shadow: 0 0 15px rgba(56, 189, 248, 0.5), 0 0 5px rgba(255, 255, 255, 0.8);
letter-spacing: 0.05em;
position: relative;
padding-bottom: 1rem;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 3px;
background: linear-gradient(90deg, rgba(56, 189, 248, 0.8), transparent);
border-radius: 99px;
}
.timeline {
position: relative;
padding-left: 50px;
}
.timeline::before {
content: '';
position: absolute;
left: 10px;
top: 0;
width: 2px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -46px;
top: 5px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #38bdf8;
border: 3px solid #0a0920;
box-shadow: 0 0 10px #38bdf8;
z-index: 1;
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
border-radius: 1.5rem;
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.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 6 / span 6; }
.bento-item-4 { grid-column: span 12 / span 12; md:grid-column: span 6 / span 6; }
.table thead th {
background-color: rgba(56, 189, 248, 0.1);
color: #e0e0e0;
border-bottom: 1px solid rgba(56, 189, 248, 0.3);
}
.table tbody tr:hover {
background-color: rgba(255, 255, 255, 0.05);
}
</style>
</head>
<body class="min-h-screen">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center py-12">
<h1 class="text-5xl md:text-7xl font-bold glow-text bg-clip-text text-transparent bg-gradient-to-r from-sky-300 via-sky-400 to-cyan-400">
TikTok 概念深度分析报告
</h1>
<p class="mt-4 text-lg text-slate-400">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
</header>
<main class="space-y-16">
<!-- 0. 核心观点摘要 -->
<section>
<div class="bento-grid">
<div class="bento-item bento-item-1 glass-card">
<h2 class="text-2xl font-bold text-sky-300 mb-3">核心观点摘要</h2>
<p class="text-slate-300">TikTok概念已成功穿越其在美国市场的“生死劫”其核心矛盾已从<strong class="text-red-400">地缘政治博弈</strong>转变为<strong class="text-green-400">商业化潜能兑现</strong>。当前,该概念的核心驱动力是其<strong class="text-cyan-300">17亿</strong>全球月活用户的巨大流量基础以及在此之上展开的广告与电商业务的货币化加速。未来潜力巨大但市场对其电商GMV高达<strong class="text-amber-300">900%</strong>的增长目标可能存在过度乐观的预期差,执行落地能力将是验证其价值的关键。</p>
</div>
<div class="bento-item bento-item-2 glass-card items-center">
<h3 class="text-xl font-semibold text-sky-300">美国月活用户</h3>
<p class="text-5xl font-bold text-white">1.7亿+</p>
</div>
<div class="bento-item bento-item-3 glass-card items-center">
<h3 class="text-xl font-semibold text-sky-300">2024 全球电商GMV目标</h3>
<p class="text-5xl font-bold text-white">$500亿</p>
</div>
<div class="bento-item bento-item-4 glass-card items-center">
<h3 class="text-xl font-semibold text-sky-300">2024 美国电商GMV目标</h3>
<p class="text-5xl font-bold text-white">$200亿+</p>
</div>
</div>
</section>
<!-- 1. 核心事件时间轴 -->
<section>
<h2 class="section-title mb-8">核心事件:从“生存危机”到“商业加速”</h2>
<div class="timeline">
<div class="timeline-item">
<p class="font-semibold text-sky-400">2024年8月-12月 (法律博弈期)</p>
<div class="p-4 mt-2 glass-card rounded-2xl">
<p class="text-slate-300">TikTok与字节跳动在美国上诉法院抵制司法部提交机密情报法律战升级。随后美国上诉法院驳回TikTok的临时禁令申请“不卖就禁”法案的法律障碍被清除市场悲观情绪加剧。</p>
</div>
</div>
<div class="timeline-item">
<p class="font-semibold text-amber-400">2025年1月 (危机顶点与转折)</p>
<div class="p-4 mt-2 glass-card rounded-2xl">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong class="text-white">1.13-1.14:</strong> 危机预期下大量用户涌入字节旗下Lemon8及小红书出现“TikTok难民”现象。</li>
<li><strong class="text-red-400">1.18:</strong> 美国最高法院裁定“不卖就禁”法案不违宪,危机推向顶峰。<strong>然而,同一天,拜登政府宣布不执行禁令,将决定权交由候任总统特朗普。</strong></li>
<li><strong class="text-orange-400">1.19:</strong> TikTok在美国短暂停止服务应用在苹果和谷歌商店下架甲骨文关闭服务器。</li>
<li><strong class="text-green-400">1.20:</strong> <strong>关键转折</strong>。候任总统特朗普发布行政命令延长禁令生效时间并公开表态将寻求解决方案。TikTok迅速恢复服务。</li>
</ul>
</div>
</div>
<div class="timeline-item">
<p class="font-semibold text-green-400">2025年2月-9月 (风险缓和与商业化加速)</p>
<div class="p-4 mt-2 glass-card rounded-2xl">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong class="text-white">2.14:</strong> 在美国司法部长保证禁令不立即执行后苹果和谷歌将TikTok重新上架美国应用商店标志着运营风险基本解除。</li>
<li><strong class="text-cyan-300">Q1-Q3:</strong> 政治风险尘埃落定,市场焦点迅速转向商业化。路演信息密集披露其<strong>2024年全球GMV目标500亿美元</strong>,其中美国市场目标<strong>200-250亿美元</strong></li>
<li><strong class="text-teal-300">9.25:</strong> NBC报道称“中国同意TikTok交易条款”被市场解读为长期解决方案已达成共识彻底消除概念的最大不确定性。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 2. 核心逻辑与市场认知 -->
<section>
<h2 class="section-title mb-8">核心逻辑与市场认知</h2>
<div class="space-y-6">
<div class="p-6 glass-card rounded-2xl">
<h3 class="text-xl font-bold text-sky-300 mb-3">核心驱动力:流量、政策与商业化三位一体</h3>
<ul class="list-decimal list-inside space-y-2 text-slate-300">
<li><strong>流量与用户基础:</strong> 全球月活用户突破15.8亿美国超1.7亿。研报数据显示,<strong>61%</strong>的用户通过TikTok发现新品牌<strong>77%</strong>的用户因推荐产生购买意向,#TikTokMadeMeBuyIt 话题播放量超74亿次。这证明TikTok是强大的“种草”和需求创造机器。</li>
<li><strong>政策风险出清:</strong> 从特朗普政府介入到中美双方同意交易条款,最大的不确定性已基本消除,为商业化全面提速提供了稳定的经营预期。</li>
<li><strong>商业化加速:</strong> 广告业务2024年目标近200亿美元电商业务目标更为激进全球GMV目标500亿美元。通过低佣金初期2%、物流补贴FBT、达人分销等策略快速抢占市场。</li>
</ul>
</div>
<div class="p-6 glass-card rounded-2xl">
<h3 class="text-xl font-bold text-sky-300 mb-3">市场热度与情绪:从恐慌到亢奋</h3>
<p class="text-slate-300">市场情绪已从2025年初的极度悲观与恐慌讨论“难民”去向转变为全面乐观与亢奋。市场主流情绪是看好其凭借流量优势复制中国抖音的商业化路径并对其产业链上的营销、电商、短剧等环节寄予厚望。</p>
</div>
<div class="p-6 glass-card rounded-2xl">
<h3 class="text-xl font-bold text-sky-300 mb-3">预期差分析:机遇与挑战并存</h3>
<ul class="space-y-2">
<li><span class="badge badge-success badge-outline mr-2">正向预期差</span> <strong class="text-white">被低估的“备胎”价值与生态韧性:</strong> 市场可能忽略了字节跳动产品矩阵如Lemon8的战略深度其具备风险对冲能力这部分生态韧性未被充分定价。</li>
<li><span class="badge badge-warning badge-outline mr-2">负向预期差</span> <strong class="text-white">对电商GMV目标的盲目乐观:</strong> 市场可能过度简化了“流量=GMV”的转换逻辑。从低佣金高补贴向正常盈利模式的转变、电商基础设施的建设都是巨大考验。财通证券路演已提示“美国GMV 20亿→200亿的目标增速+900%)远超行业平均,需警惕夸大宣传风险。”</li>
</ul>
</div>
</div>
</section>
<!-- ECharts Visualization -->
<section>
<h2 class="section-title mb-8">电商GMV目标指数级增长预期</h2>
<div class="p-6 glass-card rounded-2xl">
<div id="gmvChart" style="width: 100%; height: 400px;"></div>
</div>
</section>
<!-- 3. 关键催化剂与发展路径 -->
<section>
<h2 class="section-title mb-8">关键催化剂与发展路径</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="p-6 glass-card rounded-2xl">
<h3 class="text-xl font-bold text-sky-300 mb-3">近期催化剂 (3-6个月)</h3>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>最终解决方案细节公布:</strong> 数据安全、股权结构等具体方案将是终极催化剂。</li>
<li><strong>FBT (Fulfillment by TikTok) 大规模上线:</strong> 电商从“流量平台”转向“交易闭环平台”的关键一步。</li>
<li><strong>佣金上调后数据验证:</strong> 佣金从2%上调至6%-8%后GMV增速将是生态健康度的“试金石”。</li>
</ul>
</div>
<div class="p-6 glass-card rounded-2xl">
<h3 class="text-xl font-bold text-sky-300 mb-3">长期发展路径</h3>
<ol class="list-decimal list-inside space-y-2 text-slate-300">
<li><strong class="text-white">第一阶段 (当前 - 2025):</strong> 流量圈地与基建完善。</li>
<li><strong class="text-white">第二阶段 (2026 - 2027):</strong> 货币化率提升与生态深化。</li>
<li><strong class="text-white">第三阶段 (2028及以后):</strong> 平台型生态与多业务延伸,成为超级应用。</li>
</ol>
</div>
</div>
</section>
<!-- 4. 产业链与核心公司 -->
<section>
<h2 class="section-title mb-8">产业链深度剖析</h2>
<div class="space-y-6">
<div class="p-6 glass-card rounded-2xl">
<h3 class="text-xl font-bold text-sky-300 mb-3">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-center">
<div class="p-4 bg-slate-800/50 rounded-lg">
<h4 class="font-semibold text-lg text-purple-300">上游:内容生产</h4>
<p class="text-sm text-slate-400">PGC/UGC创作者, MCN机构, 短剧制作方 (如超讯通信)</p>
</div>
<div class="p-4 bg-slate-800/50 rounded-lg">
<h4 class="font-semibold text-lg text-sky-300">中游:平台运营</h4>
<p class="text-sm text-slate-400">TikTok (字节跳动) - 算法, 流量分发, 商业化工具</p>
</div>
<div class="p-4 bg-slate-800/50 rounded-lg">
<h4 class="font-semibold text-lg text-green-300">下游:商业化服务</h4>
<p class="text-sm text-slate-400">广告营销 (省广/蓝标), 电商运营 (引力传媒), 跨境卖家 (华凯易佰/遥望)</p>
</div>
</div>
</div>
</div>
</section>
<!-- 5. 潜在风险与挑战 -->
<section>
<h2 class="section-title mb-8">潜在风险与挑战</h2>
<div x-data="{ tab: 'business' }" class="glass-card rounded-2xl p-2">
<div class="tabs tabs-boxed justify-center bg-transparent">
<a class="tab" :class="{'tab-active': tab === 'business'}" @click="tab = 'business'">商业化风险</a>
<a class="tab" :class="{'tab-active': tab === 'policy'}" @click="tab = 'policy'">政策与竞争风险</a>
<a class="tab" :class="{'tab-active': tab === 'tech'}" @click="tab = 'tech'">技术与信息风险</a>
</div>
<div class="p-4 mt-2">
<div x-show="tab === 'business'">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>盈利模型转换风险:</strong> 从高补贴、低佣金向正常盈利模式的转换可能导致商家流失尤其是在面临Temu、SHEIN等强力竞争对手时。</li>
<li><strong>用户体验与商业化的平衡:</strong> 过度商业化可能损害用户体验,导致用户时长和活跃度下降,这是所有内容平台的共同挑战。</li>
</ul>
</div>
<div x-show="tab === 'policy'" style="display: none;">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>全球监管风险:</strong> 美国风险暂缓但未消失。欧盟《数字服务法案》(DSA)已对其采取行动罚款可高达全球年营业额的6%。</li>
<li><strong>行业竞争加剧:</strong> 电商领域面临亚马逊、Temu和SHEIN的激烈竞争广告领域则有Meta等巨头模仿其短视频模式。</li>
</ul>
</div>
<div x-show="tab === 'tech'" style="display: none;">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>算法的公平性与透明度:</strong> 欧盟委员会已就广告透明度问题对TikTok展开调查未来可能面临更严格的算法监管。</li>
<li><strong>信息交叉验证风险:</strong> 不同路演对早期GMV数据估算存在差异 (20亿 vs 40亿美元),显示早期数据统计的模糊性。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 6. 综合结论与投资启示 -->
<section>
<h2 class="section-title mb-8">综合结论与投资启示</h2>
<div class="p-6 glass-card rounded-2xl space-y-4">
<p class="text-slate-300">TikTok概念已走过纯粹的<strong>“主题炒作”</strong>阶段,正式进入<strong>“基本面驱动”</strong>的验证期。其庞大的流量资产和初步验证的商业模式是坚实的基本盘。然而,市场对其电商业务的预期可能过于超前,短期内股价表现将高度依赖其商业化数据的兑现程度。</p>
<div>
<h4 class="text-lg font-semibold text-sky-300">最具投资价值的细分环节:</h4>
<ul class="list-disc list-inside ml-4 text-slate-300">
<li><strong>确定性最高: 广告营销服务商</strong> (如省广集团、蓝色光标) - “卖水者”逻辑业绩增长与TikTok投入直接挂钩。</li>
<li><strong>弹性最大: 短剧内容制作与出海</strong> (如超讯通信) - 从0到1的新兴市场高风险高回报。</li>
<li><strong>潜力与风险并存: 跨境电商品牌</strong> (如华凯易佰、星徽股份) - 若能借助平台红利打造品牌力,将获估值溢价,但与平台政策高度绑定。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-sky-300">需重点跟踪的关键指标:</h4>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-2">
<div class="p-3 bg-slate-800/50 rounded-lg text-center">
<p class="font-bold text-white">核心运营指标</p>
<p class="text-xs text-slate-400">季度GMV增速、活跃商家数</p>
</div>
<div class="p-3 bg-slate-800/50 rounded-lg text-center">
<p class="font-bold text-white">盈利能力指标</p>
<p class="text-xs text-slate-400">平台货币化率 (Take Rate)</p>
</div>
<div class="p-3 bg-slate-800/50 rounded-lg text-center">
<p class="font-bold text-white">基础设施指标</p>
<p class="text-xs text-slate-400">FBT覆盖范围与订单处理量</p>
</div>
<div class="p-3 bg-slate-800/50 rounded-lg text-center">
<p class="font-bold text-white">产业链验证指标</p>
<p class="text-xs text-slate-400">代理商/品牌商财报数据</p>
</div>
</div>
</div>
</div>
</section>
<!-- 7. 相关股票列表 -->
<section>
<h2 class="section-title mb-8">相关A股上市公司</h2>
<div class="overflow-x-auto glass-card rounded-2xl p-4">
<table class="table w-full">
<thead>
<tr>
<th class="w-1/6">股票名称</th>
<th class="w-1/6">股票代码</th>
<th class="w-2/6">核心逻辑</th>
<th class="w-1/6">赛道/标签</th>
<th class="w-1/6">自由流通市值(亿)</th>
</tr>
</thead>
<tbody>
<!-- Marketing -->
<tr class="font-bold text-slate-400"><td colspan="5">营销赛道</td></tr>
<tr>
<td>省广集团</td>
<td><a href="https://valuefrontier.cn/company?scode=002400" target="_blank" class="link link-hover text-sky-400">002400</a></td>
<td>TikTok出海核心代理商在五大洲150多个国家和地区拥有出海代理权。</td>
<td><div class="badge badge-info badge-outline">营销</div></td>
<td>99</td>
</tr>
<tr>
<td>蓝色光标</td>
<td><a href="https://valuefrontier.cn/company?scode=300058" target="_blank" class="link link-hover text-sky-400">300058</a></td>
<td>最早一批与TikTok合作的官方出海代理商之一全面支持企业的国际化营销需求。</td>
<td><div class="badge badge-info badge-outline">营销</div></td>
<td>234</td>
</tr>
<tr>
<td>易点天下</td>
<td><a href="https://valuefrontier.cn/company?scode=301171" target="_blank" class="link link-hover text-sky-400">301171</a></td>
<td>TikTok for Business授权代理商及短剧承制服务商“年度出海精英合作伙伴”。</td>
<td><div class="badge badge-info badge-outline">营销</div> <div class="badge badge-accent badge-outline">短剧</div></td>
<td>72</td>
</tr>
<tr>
<td>引力传媒</td>
<td><a href="https://valuefrontier.cn/company?scode=603598" target="_blank" class="link link-hover text-sky-400">603598</a></td>
<td>获得TikTok英区TSP品牌商家代运营与TAP达人分销双经营牌照。</td>
<td><div class="badge badge-info badge-outline">营销</div></td>
<td>-</td>
</tr>
<tr>
<td>天龙集团</td>
<td><a href="https://valuefrontier.cn/company?scode=300063" target="_blank" class="link link-hover text-sky-400">300063</a></td>
<td>巨量引擎广告业务授权代理商代理抖音、TikTok等产品广告销售。</td>
<td><div class="badge badge-info badge-outline">营销</div></td>
<td>57</td>
</tr>
<tr>
<td>久其软件</td>
<td><a href="https://valuefrontier.cn/company?scode=002279" target="_blank" class="link link-hover text-sky-400">002279</a></td>
<td>协助TikTok做海外推广同时也是其海外广告代理商。</td>
<td><div class="badge badge-info badge-outline">营销</div></td>
<td>45</td>
</tr>
<!-- E-commerce -->
<tr class="font-bold text-slate-400"><td colspan="5">电商赛道</td></tr>
<tr>
<td>华凯易佰</td>
<td><a href="https://valuefrontier.cn/company?scode=300592" target="_blank" class="link link-hover text-sky-400">300592</a></td>
<td>收购TikTok头部电商海兔科技吸纳其运营团队加码TikTok项目运营。</td>
<td><div class="badge badge-success badge-outline">电商</div></td>
<td>-</td>
</tr>
<tr>
<td>遥望科技</td>
<td><a href="https://valuefrontier.cn/company?scode=002291" target="_blank" class="link link-hover text-sky-400">002291</a></td>
<td>国内领先直播带货公司已建联超3000位海外主播布局TikTok直播业务。</td>
<td><div class="badge badge-success badge-outline">电商</div></td>
<td>-</td>
</tr>
<tr>
<td>吉宏股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002803" target="_blank" class="link link-hover text-sky-400">002803</a></td>
<td>已获得六个国家的TikTok跨境服务电商资质。</td>
<td><div class="badge badge-success badge-outline">电商</div></td>
<td>36</td>
</tr>
<tr>
<td>星徽股份</td>
<td><a href="https://valuefrontier.cn/company?scode=300464" target="_blank" class="link link-hover text-sky-400">300464</a></td>
<td>智能小家电在东南亚TikTok渠道营收高增与TikTok Shop达成战略合作。</td>
<td><div class="badge badge-success badge-outline">电商</div></td>
<td>-</td>
</tr>
<!-- Short Drama -->
<tr class="font-bold text-slate-400"><td colspan="5">短剧赛道</td></tr>
<tr>
<td>超讯通信</td>
<td><a href="https://valuefrontier.cn/company?scode=603322" target="_blank" class="link link-hover text-sky-400">603322</a></td>
<td>参股公司七火山成为TikTok Series首批内容合作伙伴之一。</td>
<td><div class="badge badge-accent badge-outline">短剧</div></td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center py-8 mt-16 border-t border-slate-700/50">
<p class="text-xs text-slate-500">本报告由 北京价值前沿科技有限公司 AI投研agent“价小前投研” 合成呈现。</p>
<p class="text-xs text-slate-500">本报告为AI合成数据不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('gmvChart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: '{b}<br/>{a}: ${c} 亿'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['2023年 (估算)', '2024年 (目标)'],
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
}
},
axisLabel: {
color: '#e0e0e0',
fontSize: 14
}
},
yAxis: {
type: 'value',
name: 'GMV (亿美元)',
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
}
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
},
axisLabel: {
color: '#e0e0e0'
}
},
series: [{
name: '美国电商GMV',
type: 'bar',
barWidth: '40%',
data: [
{ value: 30, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#86efac' }, { offset: 1, color: '#22c55e' }]) } },
{ value: 225, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#67e8f9' }, { offset: 1, color: '#0ea5e9' }]) } }
],
label: {
show: true,
position: 'top',
formatter: '${c} 亿',
color: '#fff',
fontSize: 16,
textShadowColor: 'rgba(0, 0, 0, 0.5)',
textShadowBlur: 5
}
}]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>