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

498 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>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<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=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color: hsl(217, 100%, 75%);
--glow-color-secondary: hsl(280, 100%, 75%);
}
body {
font-family: 'Inter', sans-serif;
background-color: #020010;
background-image:
radial-gradient(at 20% 20%, hsl(217, 80%, 35%) 0px, transparent 50%),
radial-gradient(at 80% 20%, hsl(280, 80%, 40%) 0px, transparent 50%),
radial-gradient(at 20% 80%, hsl(180, 80%, 30%) 0px, transparent 50%),
radial-gradient(at 80% 80%, hsl(340, 80%, 45%) 0px, transparent 50%);
color: #e0e0e0;
overflow-x: hidden;
}
.glass-card {
background: rgba(15, 12, 41, 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(25, 22, 51, 0.6);
box-shadow: 0 0 20px rgba(120, 120, 255, 0.2);
}
.glow-text {
color: var(--glow-color);
text-shadow: 0 0 5px var(--glow-color);
}
.glow-text-secondary {
color: var(--glow-color-secondary);
text-shadow: 0 0 5px var(--glow-color-secondary);
}
h1, h2, h3 {
font-family: 'Orbitron', sans-serif;
}
.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
.timeline {
position: relative;
padding-left: 2.5rem;
}
.timeline::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, transparent, var(--glow-color), transparent);
}
.timeline-item {
position: relative;
}
.timeline-item::before {
content: '';
position: absolute;
left: -2.5rem;
top: 0.25rem;
width: 1rem;
height: 1rem;
border-radius: 50%;
background-color: var(--glow-color);
border: 3px solid #020010;
box-shadow: 0 0 10px var(--glow-color);
}
.daisy-table {
background-color: rgba(10, 10, 25, 0.4);
}
.daisy-table thead {
background-color: rgba(30, 30, 70, 0.5);
color: var(--glow-color);
font-family: 'Orbitron', sans-serif;
}
.daisy-table tbody tr:hover {
background-color: rgba(40, 40, 80, 0.7);
}
.daisy-table a {
color: #87CEFA;
text-decoration: none;
transition: color 0.3s ease, text-shadow 0.3s ease;
}
.daisy-table a:hover {
color: #FFFFFF;
text-shadow: 0 0 8px #87CEFA;
}
</style>
</head>
<body class="min-h-screen">
<div class="container mx-auto p-4 sm:p-8">
<header class="text-center py-12">
<h1 class="text-4xl sm:text-6xl font-bold glow-text mb-4 tracking-widest">漫剧 CONCEPT</h1>
<h2 class="text-xl sm:text-2xl text-slate-300 font-light">深度产业行研报告</h2>
<div class="mt-6 text-sm text-slate-400 border border-slate-700 rounded-full px-4 py-2 inline-block">
北京价值前沿科技有限公司 AI投研agent“价小前投研” | 本报告为AI合成数据投资需谨慎。
</div>
</header>
<main class="space-y-12">
<!-- Insight Section -->
<section id="insight" class="glass-card rounded-3xl p-6 sm:p-10 space-y-8">
<h3 class="text-3xl font-bold glow-text-secondary border-b-2 border-purple-500/30 pb-4">概念洞察 (Concept Insight)</h3>
<!-- 核心观点 -->
<article class="p-6 border border-purple-400/20 rounded-2xl bg-black/20">
<h4 class="text-2xl font-semibold mb-4 glow-text-secondary">核心观点摘要</h4>
<p class="text-lg text-slate-200 leading-relaxed">
漫剧正处于由技术突破引爆的<strong class="text-cyan-300">产业导入期与高速成长期的叠加阶段</strong>。其核心驱动力是<strong class="text-cyan-300">AI技术带来的颠覆式降本增效</strong><strong class="text-cyan-300">平台巨头真金白银的流量及政策扶持</strong>所形成的“供给创造需求”的良性循环。未来漫剧不仅是短剧市场的核心增量更有望凭借其独特的IP孵化能力和出海潜力成为数字内容产业的重要一极。
</p>
</article>
<!-- 概念事件 -->
<article>
<h4 class="text-2xl font-semibold mb-6 glow-text-secondary">发展脉络与关键催化事件</h4>
<div class="timeline space-y-8">
<div class="timeline-item">
<h5 class="font-bold text-lg text-cyan-300">背景 (2024年底 - 2025年初)</h5>
<p class="text-slate-300">真人短剧赛道ROI跌破1.1,盈利空间急剧压缩,制作方寻求新增长点。</p>
</div>
<div class="timeline-item">
<h5 class="font-bold text-lg text-cyan-300">技术萌芽 (2025年3月 - 5月)</h5>
<p class="text-slate-300">国产AI视频生成模型技术突破部分公司开始立项AI漫剧探索降本增效。</p>
</div>
<div class="timeline-item">
<h5 class="font-bold text-lg text-cyan-300">市场验证 (2025年上半年)</h5>
<p class="text-slate-300">市场数据爆发:上半年上线超<strong class="text-yellow-300">3000部</strong>作品,流水规模同比激增<strong class="text-yellow-300">12倍</strong></p>
</div>
<div class="timeline-item">
<h5 class="font-bold text-lg text-cyan-300">增长加速 (2025年Q3)</h5>
<p class="text-slate-300">产业进入快车道,抖音日流水破<strong class="text-yellow-300">1000万元</strong>,“漫剧元年”概念形成。</p>
</div>
<div class="timeline-item">
<h5 class="font-bold text-lg text-cyan-300">平台引爆 (2025年10月 - 11月)</h5>
<p class="text-slate-300">抖音、爱奇艺、腾讯等平台密集出台重磅扶持政策,提供<strong class="text-yellow-300">百万元级保底激励</strong><strong class="text-yellow-300">100%分成</strong>,引爆二级市场。</p>
</div>
</div>
</article>
<!-- 数据图表 -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 pt-6">
<div class="glass-card rounded-2xl p-4">
<h5 class="text-center font-semibold text-lg mb-2 glow-text">市场规模与商业化流水</h5>
<div id="marketSizeChart" class="w-full h-80"></div>
</div>
<div class="glass-card rounded-2xl p-4">
<h5 class="text-center font-semibold text-lg mb-2 glow-text">AI 降本增效示意</h5>
<div id="costReductionChart" class="w-full h-80"></div>
</div>
</div>
<!-- 核心逻辑与市场认知 -->
<article>
<h4 class="text-2xl font-semibold mb-6 glow-text-secondary">核心逻辑:双轮驱动与预期差</h4>
<div class="space-y-6">
<div class="glass-card rounded-xl p-6">
<h5 class="font-bold text-xl text-cyan-300 mb-2">供给侧革命AI降本增效</h5>
<p>AI技术将漫剧单分钟制作成本从<strong class="text-red-400">数万元</strong>压缩至<strong class="text-green-400">1000元以内</strong>,制作周期从数月压缩至<strong class="text-green-400">10-13天</strong>。指数级的效率提升和成本下降,是漫剧概念成立的根本基石。</p>
</div>
<div class="glass-card rounded-xl p-6">
<h5 class="font-bold text-xl text-cyan-300 mb-2">需求侧牵引:平台商业化赋能</h5>
<p>抖音、快手、爱奇艺等平台通过<strong class="text-yellow-300">亿元级基金、百万元级保底、100%分账</strong>等政策,解决了商业化“最后一公里”问题,确保产业快速形成正向现金流,吸引数十万家企业涌入。</p>
</div>
<div class="p-6 border-l-4 border-orange-400 bg-orange-900/20 rounded-r-lg">
<h5 class="font-bold text-xl text-orange-300 mb-2">预期差分析</h5>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong class="text-white">盈利能力预期差:</strong>当前投流ROI约1.15-1.2并非暴利且资金回收周期2-4周长于真人短剧3天市场可能高估短期变现效率。</li>
<li><strong class="text-white">内容质量预期差:</strong>AI解决了“量”但未解决“质”同质化风险将比市场预期的来得更快。</li>
<li><strong class="text-white">出海进程预期差:</strong>目前北美尚无显著增量预计2026 Q1才可能起量市场可能过早计入了远期潜力。</li>
</ul>
</div>
</div>
</article>
<!-- 产业链图谱 -->
<article>
<h4 class="text-2xl font-semibold mb-6 glow-text-secondary">产业链图谱与核心玩家</h4>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-center">
<div class="flex flex-col items-center">
<div class="w-full glass-card rounded-xl p-4">
<h5 class="font-bold text-lg glow-text">上游IP版权方</h5>
<p class="text-sm text-slate-400">核心资产:海量网文/漫画IP</p>
</div>
<div class="text-cyan-300 text-3xl my-2"></div>
<div class="w-full p-3 border border-dashed border-slate-600 rounded-lg">
<p class="font-semibold text-cyan-200">阅文集团</p>
<p class="font-semibold text-cyan-200">中文在线</p>
<p class="font-semibold text-cyan-200">掌阅科技</p>
</div>
</div>
<div class="flex flex-col items-center">
<div class="w-full glass-card rounded-xl p-4">
<h5 class="font-bold text-lg glow-text">中游:内容制作与技术</h5>
<p class="text-sm text-slate-400">核心能力AI生产/AIGC工具</p>
</div>
<div class="text-cyan-300 text-3xl my-2"></div>
<div class="w-full p-3 border border-dashed border-slate-600 rounded-lg">
<p class="font-semibold text-cyan-200">中文在线</p>
<p class="font-semibold text-cyan-200">欢瑞世纪</p>
<p class="font-semibold text-cyan-200">捷成股份</p>
</div>
</div>
<div class="flex flex-col items-center">
<div class="w-full glass-card rounded-xl p-4">
<h5 class="font-bold text-lg glow-text">下游:平台/发行/出海</h5>
<p class="text-sm text-slate-400">核心资源:流量/渠道/营销</p>
</div>
<div class="text-cyan-300 text-3xl my-2"></div>
<div class="w-full p-3 border border-dashed border-slate-600 rounded-lg">
<p class="font-semibold text-cyan-200">快手 / 爱奇艺</p>
<p class="font-semibold text-cyan-200">芒果超媒</p>
<p class="font-semibold text-cyan-200">易点天下</p>
</div>
</div>
</div>
</article>
<!-- 综合结论 -->
<article class="mt-8">
<h4 class="text-2xl font-semibold mb-6 glow-text-secondary">综合结论与投资启示</h4>
<div class="glass-card rounded-2xl p-6 space-y-4">
<p><strong class="text-xl text-cyan-300">最终看法:</strong>漫剧正处在由技术驱动向基本面驱动过渡的关键时期。产业趋势确定性高,增长空间广阔。但二级市场可能已部分透支短期乐观预期,对盈利能力、内容质量和出海进程的预期过于理想化,存在阶段性回调风险。</p>
<div>
<h5 class="font-bold text-lg text-yellow-300">最具投资价值的环节:</h5>
<ul class="list-decimal list-inside text-slate-300 pl-4">
<li><strong class="text-white">IP+制作一体化厂商 (如中文在线):</strong> 能最大程度分享产业链价值,业绩弹性最大。</li>
<li><strong class="text-white">拥有核心IP库的平台方 (如阅文集团):</strong> 长期具备定义行业格局的潜力。</li>
</ul>
</div>
<div>
<h5 class="font-bold text-lg text-yellow-300">需重点跟踪的关键指标:</h5>
<ul class="list-decimal list-inside text-slate-300 pl-4">
<li><strong class="text-white">行业级:</strong>全网漫剧投流ROI的月度变化核心指标、头部漫剧月度流水榜单。</li>
<li><strong class="text-white">公司级:</strong>漫剧上线数量与产能增速、单部平均流水、业务收入占比、海外收入贡献。</li>
</ul>
</div>
</div>
</article>
</section>
<!-- Supporting Data Section -->
<section id="supporting-data" class="space-y-6">
<h3 class="text-3xl font-bold glow-text-secondary text-center">核心数据源摘要 (Data Source Summary)</h3>
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="data-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium glow-text">新闻数据精粹</div>
<div class="collapse-content px-6">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>市场规模:</strong> 2025年上半年流水激增12倍全年有望突破<strong class="text-yellow-300">200亿</strong>元。抖音年末目标日耗达2400万。</li>
<li><strong>AI驱动:</strong> AI将制作周期缩短至10-13天单分钟成本从数万元压缩至<strong class="text-green-400">1000元以内</strong>部分环节提效50%-80%。</li>
<li><strong>平台动态:</strong> 抖音发布百万元级保底激励爱奇艺提供最高100%分成,腾讯、快手、百度等均已入局并推出扶持政策。</li>
<li><strong>公司布局:</strong> 阅文开放10万IP并设亿元基金中文在线AI漫剧播放量破30亿欢瑞世纪、捷成股份、易点天下等均在加速布局。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium glow-text">路演纪要精粹</div>
<div class="collapse-content px-6">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>行业数据:</strong> 抖音日流水已达<strong class="text-yellow-300">1000万</strong>预计天花板2000-3000万。2026年市场规模预估150-200亿元。</li>
<li><strong>商业模型:</strong> 当前投流ROI为<strong class="text-cyan-300">1.15-1.2</strong>综合ROI为1.5-1.8。回收周期2-4周长于真人短剧。</li>
<li><strong>IP生态:</strong> 阅文等IP方受制作方CP欢迎行业瓶颈已从“产能”转向“优质内容”。AI加速IP可视化有望诞生“AI内容版阅文”。</li>
<li><strong>出海现状:</strong> 北美市场尚无显著增量,瓶颈在产能不足,预计<strong class="text-orange-300">2026 Q1</strong>起量。</li>
<li><strong>技术工具:</strong> 主流工具包括可灵、即梦、豆包、V度等已实现全流程AI化。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card rounded-2xl">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium glow-text">研报观点汇总</div>
<div class="collapse-content px-6">
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong>核心逻辑:</strong> AI漫剧供需双轮驱动产业高增长。AI工具提升效率、降低成本刺激供给平台流量与IP资源叠加AI技术推动商业化。</li>
<li><strong>用户画像:</strong> 漫剧用户以<strong class="text-blue-300">男性86%</strong>为主,题材偏好逆袭、玄幻;真人短剧用户偏<strong class="text-pink-300">女性51%</strong>,题材偏好情感、都市。</li>
<li><strong>技术迭代:</strong> AI参与度已提升至70-80%技术能力和工业化链路仍在加速整合包括Sora 2、可灵2.0等模型。</li>
<li><strong>投资建议:</strong> 看好拥有海量IP储备及AI视频技术储备的公司/平台方。关注AI应用落地且有收入的应用方向。</li>
<li><strong>风险提示:</strong> 行业监管、竞争加剧、用户付费意愿下降、技术迭代不及预期、商业化落地缓慢等。</li>
</ul>
</div>
</div>
</section>
<!-- Stock Table Section -->
<section id="stock-data" class="pt-10">
<h3 class="text-3xl font-bold glow-text-secondary text-center mb-8">相关标的分析 (Target Analysis)</h3>
<div class="overflow-x-auto glass-card rounded-2xl p-4">
<table class="table daisy-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>信源</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr><td>中文在线</td><td><a href="https://valuefrontier.cn/company?scode=300364" target="_blank">300364</a></td><td>AI漫剧已实现商业化付费连载多部爆款上榜日充金额高速增长</td><td>互动</td><td></td></tr>
<tr class="text-red-300"><td>欢瑞世纪</td><td><a href="https://valuefrontier.cn/company?scode=000892" target="_blank">000892</a></td><td>公司已在AI漫剧布局</td><td>调研</td><td>标红个股制图或更新节点涨幅大于10%</td></tr>
<tr class="text-red-300"><td>海看股份</td><td><a href="https://valuefrontier.cn/company?scode=301262" target="_blank">301262</a></td><td>积极推进AI漫剧市场开发探索短剧商业变现市场边界</td><td>半年报</td><td>标红个股制图或更新节点涨幅大于10%</td></tr>
<tr><td>掌阅科技</td><td><a href="https://valuefrontier.cn/company?scode=603533" target="_blank">603533</a></td><td>已上线《焚星决》等AI漫剧和类真人剧</td><td>互动</td><td></td></tr>
<tr><td>捷成股份</td><td><a href="https://valuefrontier.cn/company?scode=300182" target="_blank">300182</a></td><td>2025年将针对短剧、漫剧等新类型内容加大投入</td><td>年报</td><td></td></tr>
<tr><td>兆驰股份</td><td><a href="https://valuefrontier.cn/company?scode=002429" target="_blank">002429</a></td><td>子公司风行自主研发“橙星梦工厂”是全链路AI漫剧平台</td><td>三季报</td><td></td></tr>
<tr><td>华策影视</td><td><a href="https://valuefrontier.cn/company?scode=300133" target="_blank">300133</a></td><td>旗下DailyShort已上线上千部作品包括短剧、动态漫等</td><td>互动</td><td></td></tr>
</tbody>
</table>
</div>
<div class="overflow-x-auto glass-card rounded-2xl p-4 mt-8">
<h4 class="text-xl font-bold glow-text-secondary text-center mb-4">涨幅分析补充</h4>
<table class="table daisy-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>涨跌幅</th>
<th>日期</th>
<th>核心原因</th>
</tr>
</thead>
<tbody>
<tr><td>易点天下</td><td><a href="https://valuefrontier.cn/company?scode=301171" target="_blank">301171</a></td><td class="text-green-400">+6.55%</td><td>2025-11-25</td><td>与阿里云、Google在AI漫剧、AIGC创作等前沿领域的深度合作踩中AI应用端爆发预期。</td></tr>
<tr><td>天下秀</td><td><a href="https://valuefrontier.cn/company?scode=600556" target="_blank">600556</a></td><td class="text-green-400">+5.94%</td><td>2025-11-10</td><td>抖音发布高额漫剧激励政策,公司作为生态核心“连接器”直接受益;叠加公司治理改革预期。</td></tr>
<tr><td>吉视传媒</td><td><a href="https://valuefrontier.cn/company?scode=601929" target="_blank">601929</a></td><td class="text-green-400">+5.67%</td><td>2025-11-10</td><td>受“AI+内容”产业变革预期驱动,文化传媒板块整体行情带动下的跟涨。</td></tr>
<tr><td>中视传媒</td><td><a href="https://valuefrontier.cn/company?scode=600088" target="_blank">600088</a></td><td class="text-green-400">+6.45%</td><td>2025-11-03</td><td>AI漫剧概念引爆传媒板块公司因“传媒”属性及与“央视”相关的IP想象空间而被资金选择补涨。</td></tr>
<tr><td>中文传媒</td><td><a href="https://valuefrontier.cn/company?scode=600373" target="_blank">600373</a></td><td class="text-green-400">+5.88%</td><td>2025-11-03</td><td>AI漫剧主题集中爆发引发板块轮动公司因行业属性、名称标签及潜在IP价值被资金选择补涨。</td></tr>
<tr><td>无线传媒</td><td><a href="https://valuefrontier.cn/company?scode=301551" target="_blank">301551</a></td><td class="text-green-400">+6.51%</td><td>2025-10-23</td><td>被市场归类为爆发的“AI短剧/漫剧”概念核心标的享受行业beta强劲驱动。</td></tr>
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Market Size Chart
var marketSizeChart = echarts.init(document.getElementById('marketSizeChart'));
var marketSizeOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' },
backgroundColor: 'rgba(0, 0, 0, 0.7)',
borderColor: '#555',
textStyle: { color: '#fff' }
},
legend: {
data: ['市场规模 (亿元)', '抖音日流水 (万元)'],
textStyle: { color: '#ccc' },
top: '5%'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['2024 H2', '2025 H1', '2025 Q3', '2025 (E)'],
axisLine: { lineStyle: { color: '#888' } }
},
yAxis: [
{
type: 'value',
name: '规模',
axisLabel: { formatter: '{value} 亿' },
axisLine: { lineStyle: { color: '#888' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
{
type: 'value',
name: '流水',
axisLabel: { formatter: '{value} 万' },
axisLine: { lineStyle: { color: '#888' } },
splitLine: { show: false }
}
],
series: [
{
name: '市场规模 (亿元)',
type: 'bar',
data: [15, 100, 150, 200],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'hsl(217, 100%, 75%)' },
{ offset: 1, color: 'hsl(217, 80%, 45%)' }
])
},
emphasis: { itemStyle: { color: 'hsl(217, 100%, 65%)' } }
},
{
name: '抖音日流水 (万元)',
type: 'line',
yAxisIndex: 1,
smooth: true,
data: [1, 350, 1000, 2400],
lineStyle: { color: 'hsl(280, 100%, 75%)', width: 3, shadowBlur: 10, shadowColor: 'hsl(280, 100%, 75%)' },
itemStyle: { color: 'hsl(280, 100%, 75%)' }
}
]
};
marketSizeChart.setOption(marketSizeOption);
// Cost Reduction Chart
var costReductionChart = echarts.init(document.getElementById('costReductionChart'));
var costReductionOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} 元/分钟',
backgroundColor: 'rgba(0, 0, 0, 0.7)',
borderColor: '#555',
textStyle: { color: '#fff' }
},
legend: {
data: ['传统动态漫', 'AI漫剧'],
textStyle: { color: '#ccc' },
top: '5%'
},
series: [
{
name: '制作成本',
type: 'pie',
radius: ['40%', '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: 30000, name: '传统动态漫', itemStyle: { color: '#c23531' } },
{ value: 1000, name: 'AI漫剧', itemStyle: { color: '#61a0a8' } }
],
itemStyle: {
borderRadius: 10,
borderColor: '#020010',
borderWidth: 2
}
}
]
};
costReductionChart.setOption(costReductionOption);
window.addEventListener('resize', function () {
marketSizeChart.resize();
costReductionChart.resize();
});
});
</script>
</body>
</html>