417 lines
26 KiB
HTML
417 lines
26 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>深度研报：内容审核概念</title>
|
||
|
||
<!-- Tailwind CSS & DaisyUI -->
|
||
<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>
|
||
|
||
<!-- Alpine.js -->
|
||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||
|
||
<!-- ECharts -->
|
||
<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: #010416;
|
||
color: #e0e0e0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.bg-deep-space {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: radial-gradient(ellipse at 70% 30%, rgba(28, 100, 242, 0.15) 0%, rgba(1, 4, 22, 0) 40%),
|
||
radial-gradient(ellipse at 30% 70%, rgba(138, 43, 226, 0.15) 0%, rgba(1, 4, 22, 0) 40%),
|
||
#010416;
|
||
z-index: -1;
|
||
animation: pulse-glow 20s infinite alternate;
|
||
}
|
||
|
||
@keyframes pulse-glow {
|
||
from {
|
||
opacity: 0.8;
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(10, 12, 38, 0.3);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 1.5rem; /* 24px */
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
border-color: rgba(0, 255, 255, 0.3);
|
||
box-shadow: 0 0 30px rgba(0, 255, 255, 0.1);
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
.bento-grid-item {
|
||
padding: 1.5rem;
|
||
}
|
||
|
||
.text-glow {
|
||
text-shadow: 0 0 8px rgba(0, 255, 255, 0.5);
|
||
}
|
||
|
||
.table thead th {
|
||
background-color: rgba(0, 255, 255, 0.05);
|
||
color: #00ffff;
|
||
}
|
||
|
||
.table tbody tr {
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.table tbody tr:hover {
|
||
background-color: rgba(0, 255, 255, 0.03);
|
||
}
|
||
|
||
.concept-pill {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.75rem;
|
||
margin: 0.25rem;
|
||
border-radius: 9999px;
|
||
font-size: 0.8rem;
|
||
background-color: rgba(0, 255, 255, 0.1);
|
||
border: 1px solid rgba(0, 255, 255, 0.3);
|
||
color: #00ffff;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div class="bg-deep-space"></div>
|
||
<div class="container mx-auto px-4 py-8 md:py-16">
|
||
|
||
<header class="text-center mb-12 md:mb-20">
|
||
<h1 class="text-4xl md:text-6xl font-bold text-white text-glow mb-4">内容审核概念</h1>
|
||
<h2 class="text-lg md:text-xl text-cyan-300 tracking-widest">DEEP DIVE INDUSTRY ANALYSIS</h2>
|
||
<p class="text-sm text-gray-400 mt-4 max-w-3xl mx-auto">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。</p>
|
||
</header>
|
||
|
||
<main class="space-y-12">
|
||
<!-- Insight 核心观点摘要 -->
|
||
<section id="insight-summary" class="glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-cyan-400 mb-4">核心观点摘要</h3>
|
||
<p class="text-lg text-gray-200 leading-relaxed">
|
||
内容审核概念正处在一个由<strong class="text-white">政策强制驱动</strong>和<strong class="text-white">AI技术赋能</strong>共同引爆的拐点。它正在从一个传统意义上的人力密集型“成本中心”，迅速演变为一个以合规为核心、技术为壁垒的<strong class="text-white">高增长服务产业</strong>。其核心驱动力是不可逆的全球性监管趋严和AIGC内容爆发，未来潜力在于其服务边界将从互联网平台向金融、工业、元宇宙等所有数字化领域延伸。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 关键事件催化 ECharts Timeline -->
|
||
<section id="events-timeline" class="glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-cyan-400 mb-4">关键事件催化路径</h3>
|
||
<div id="echarts-timeline" style="width: 100%; height: 400px;"></div>
|
||
</section>
|
||
|
||
<!-- Insight 核心逻辑与市场认知 -->
|
||
<section id="insight-logic" class="space-y-6">
|
||
<h3 class="text-3xl font-bold text-center text-white mb-8">核心逻辑与市场认知分析</h3>
|
||
<div class="bento-grid grid-cols-1 lg:grid-cols-3">
|
||
<!-- 核心驱动力 -->
|
||
<div class="glass-card bento-grid-item col-span-1 lg:col-span-2 lg:row-span-2">
|
||
<h4 class="text-xl font-bold text-cyan-400 mb-4">核心驱动力</h4>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h5 class="font-semibold text-white">1. 强政策驱动 (根本逻辑)</h5>
|
||
<p class="text-gray-300 text-sm">从网信办、广电总局到证监会，多部门、跨领域的监管政策密集出台。特别是2025年3月14日正式印发的《人工智能生成合成内容标识办法》，其核心是“责任溯源”，通过强制性的“双标识”机制，创造了全链条的合规需求。</p>
|
||
</div>
|
||
<div>
|
||
<h5 class="font-semibold text-white">2. 技术变革 (可行性基础)</h5>
|
||
<p class="text-gray-300 text-sm">AIGC带来的海量、多模态内容对审核提出挑战。OpenAI的多模态审核模型、快手的视觉理解大模型等证明了AI正使高效、低成本、大规模的内容审核成为可能。TikTok的审核部门裁员是行业转型的直接体现。</p>
|
||
</div>
|
||
<div>
|
||
<h5 class="font-semibold text-white">3. 需求场景爆发 (市场空间)</h5>
|
||
<p class="text-gray-300 text-sm">AIGC降低内容创作门槛，导致短剧、AI生成内容井喷。监管深化创造了新需求，如对“虚拟场景”（元宇宙、游戏）的标识要求，以及稳定币业务衍生的AML/KYC等合规审核需求。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 市场热度与情绪 -->
|
||
<div class="glass-card bento-grid-item">
|
||
<h4 class="text-xl font-bold text-cyan-400 mb-4">市场热度与情绪</h4>
|
||
<p class="text-gray-300 text-sm">市场关注度快速提升，但情绪相对理性。普遍认知到其“政策驱动”的确定性，情绪偏乐观。但与Sora等纯技术概念的狂热不同，市场关注更多是基于其合规的“刚需”属性。研报覆盖尚不充分，可能处于从主题向产业逻辑深化的早期阶段。</p>
|
||
</div>
|
||
|
||
<!-- 预期差分析 -->
|
||
<div class="glass-card bento-grid-item col-span-1 lg:col-span-3">
|
||
<h4 class="text-xl font-bold text-cyan-400 mb-4">预期差分析</h4>
|
||
<ul class="space-y-3 list-disc list-inside text-gray-300 text-sm">
|
||
<li><strong class="text-white">商业模式预期差:</strong> 市场普遍认知为平台审核“外包业务”(BPO)，但更具潜力的是直接服务于监管的“Gov-Tech”模式（如国投智能），壁垒更高，客户更稳定。</li>
|
||
<li><strong class="text-white">成本与价值预期差:</strong> 市场视内容审核为“成本项”，但具备核心能力的公司可“输出内容安全技术”，将其从成本中心转变为技术服务输出的“利润中心”。</li>
|
||
<li><strong class="text-white">人力与AI预期差:</strong> 市场认为AI将完全取代人工，但目前仍是“AI+人工”协同模式。AI负责初筛，人工处理复杂案例并为AI提供高质量标注数据。纯BPO面临转型压力，综合解决方案提供商更具竞争力。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 产业链与核心公司 -->
|
||
<section id="industry-chain">
|
||
<h3 class="text-3xl font-bold text-center text-white mb-8">产业链与核心公司剖析</h3>
|
||
<div class="bento-grid grid-cols-1 md:grid-cols-3">
|
||
<div class="glass-card bento-grid-item flex flex-col items-center justify-center text-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-cyan-400 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" /></svg>
|
||
<h4 class="text-lg font-bold text-white">上游：技术提供方</h4>
|
||
<p class="text-sm text-gray-400 mt-2">底层AI算法与模型(OpenAI)，专业审核引擎(博汇科技)</p>
|
||
</div>
|
||
<div class="glass-card bento-grid-item flex flex-col items-center justify-center text-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-cyan-400 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" /></svg>
|
||
<h4 class="text-lg font-bold text-white">中游：服务提供方</h4>
|
||
<p class="text-sm text-gray-400 mt-2">技术解决方案商(国投智能)，人力/混合服务商(汇洲智能、博彦科技)</p>
|
||
</div>
|
||
<div class="glass-card bento-grid-item flex flex-col items-center justify-center text-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-cyan-400 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>
|
||
<h4 class="text-lg font-bold text-white">下游：需求方</h4>
|
||
<p class="text-sm text-gray-400 mt-2">内容平台(快手、小红书)，内容生产者(中文在线)，金融、政企等</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 支撑数据 -->
|
||
<section id="supporting-data" x-data="{ activeTab: 'news' }">
|
||
<h3 class="text-3xl font-bold text-center text-white mb-8">多源数据支撑</h3>
|
||
<div class="tabs tabs-boxed justify-center bg-black/30 mb-6">
|
||
<a class="tab tab-lg" :class="{ 'tab-active': activeTab === 'news' }" @click.prevent="activeTab = 'news'">新闻数据</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': activeTab === 'roadshow' }" @click.prevent="activeTab = 'roadshow'">路演纪要</a>
|
||
<a class="tab tab-lg" :class="{ 'tab-active': activeTab === 'research' }" @click.prevent="activeTab = 'research'">研报精粹</a>
|
||
</div>
|
||
|
||
<div class="glass-card p-6 md:p-8 min-h-[300px]">
|
||
<!-- 新闻数据 -->
|
||
<div x-show="activeTab === 'news'">
|
||
<h4 class="text-xl font-bold text-cyan-400 mb-4">新闻数据摘要</h4>
|
||
<ul class="space-y-3 list-disc list-inside text-gray-300">
|
||
<li><strong class="text-white">技术与模型:</strong> OpenAI发布基于GPT-4o的多模态审核模型，支持文本和图片，提升非英语语言准确性。即构科技、今日头条均在探索和应用AI进行内容治理。</li>
|
||
<li><strong class="text-white">企业实践:</strong> TikTok推进内容审核自动化并裁员，显示技术替代趋势。Meta削减内容审核政策引发内部冲突。红果短剧因违规内容被约谈后加强审核。</li>
|
||
<li><strong class="text-white">法规监管:</strong> 网信办正式印发《人工智能生成合成内容标识办法》，要求AIGC内容进行显式和隐式双重标识，快手等平台已上线响应。证监会、印度等也加强了对各自领域的内容审核要求。</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 路演纪要 -->
|
||
<div x-show="activeTab === 'roadshow'">
|
||
<h4 class="text-xl font-bold text-cyan-400 mb-4">路演纪要核心</h4>
|
||
<ul class="space-y-3 list-disc list-inside text-gray-300">
|
||
<li><strong class="text-white">政策深度解读 (2025-03-16):</strong> 《人工智能生成合成内容标识办法》由四部门联合发布，明确“双标识”和“全链条监管”，并将“虚拟场景”（元宇宙）纳入监管，聚焦责任溯源。国投智能等公司参与标准起草，直接受益于爆发的合规服务需求。</li>
|
||
<li><strong class="text-white">AI赋能审核 (2025-09-10):</strong> 快手发布“视觉理解大模型”，用于内容审核、推荐和搜索，体现大厂在审核技术上的投入。</li>
|
||
<li><strong class="text-white">内容安全即服务 (2024-02-20):</strong> 视频传播力强，监管压力更大。已通过网信办备案的公司（如星图比特）具备“意识形态对齐能力”，未来可向合作伙伴输出内容安全技术，将审核能力商业化。</li>
|
||
<li><strong class="text-white">行业监管收紧:</strong> 广电总局对短剧实施分类审核，投资额分级监管。小红书出海需招聘英文审核团队，应对政策差异。芒果超媒因国资背景在内容审核风险中具优势。</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 研报精粹 -->
|
||
<div x-show="activeTab === 'research'">
|
||
<h4 class="text-xl font-bold text-cyan-400 mb-4">研报精粹</h4>
|
||
<ul class="space-y-3 list-disc list-inside text-gray-300">
|
||
<li><strong class="text-white">中信出版 (2024-04-11):</strong> 公司全面加速AI布局，特别发展“内容安全”技术。在出版业务中，内容审核是保证质量的重要环节。健全的内容审核机制可能成为政策鼓励方向，影响公司估值。</li>
|
||
<li><strong class="text-white">稳定币监管 (2025-06-10):</strong> 香港、美国对稳定币发行加强监管，核心是“合规”。这包括打击洗钱(AML)、了解你的客户(KYC)等，本质上是对交易内容和主体资质的审核。四方精创等公司的合规平台提供相关解决方案。</li>
|
||
<li><strong class="text-white">底层技术关联 (2024-01-08):</strong> 芯片（光刻机）、新材料（石墨烯）等领域的技术突破，可为内容审核提供更强的算力支持和处理能力，间接影响审核效率与精准度。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 风险与挑战 -->
|
||
<section id="risks-challenges" class="glass-card p-6 md:p-8">
|
||
<h3 class="text-2xl font-bold text-red-400 mb-4">潜在风险与挑战</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-4">
|
||
<div>
|
||
<h4 class="font-semibold text-white">技术风险</h4>
|
||
<p class="text-gray-400 text-sm">AI在理解复杂语境、意识形态等高级任务上仍有瓶颈。AIGC的对抗性发展（生成更逼真的虚假内容）将对审核技术提出持续挑战。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white">商业化风险</h4>
|
||
<p class="text-gray-400 text-sm">纯技术公司需将技术优势转化为持续订单。BPO公司面临人力成本上升和AI替代效应挤压利润空间的双重压力。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white">政策与竞争风险</h4>
|
||
<p class="text-gray-400 text-sm">监管标准变化可能导致现有方案过时。互联网巨头内部审核团队能力强大，可能减少外包甚至对外提供服务，加剧竞争。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white">信息交叉验证风险</h4>
|
||
<p class="text-gray-400 text-sm">市场在炒作概念时可能存在逻辑混淆，部分个股涨幅的核心驱动力并非内容审核主业，需仔细甄别逻辑纯粹度。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 概念股列表 -->
|
||
<section id="stock-list">
|
||
<h3 class="text-3xl font-bold text-center text-white mb-8">核心概念股梳理</h3>
|
||
<div class="overflow-x-auto glass-card p-4">
|
||
<table class="table w-full text-base">
|
||
<thead>
|
||
<tr>
|
||
<th class="w-1/6">股票名称</th>
|
||
<th class="w-1/6">股票代码</th>
|
||
<th class="w-2/3">核心逻辑</th>
|
||
<th class="w-1/6 text-right">流通市值(亿)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>博汇科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=688004" target="_blank" class="text-cyan-400 hover:underline">688004</a></td>
|
||
<td>应用自研多模态AI识别引擎，打造了新媒体集成播控平台内容AI审核方案，能够对文字、图片、语音、视频进行多模态识别分析。</td>
|
||
<td class="text-right">6.63</td>
|
||
</tr>
|
||
<tr>
|
||
<td>宣亚国际</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300612" target="_blank" class="text-cyan-400 hover:underline">300612</a></td>
|
||
<td>与湖南网信办签署战略合作，合作研发并助推互联网内容安全审核和研发基地落地湖南，切入区域性Gov-Tech合作。</td>
|
||
<td class="text-right">24.00</td>
|
||
</tr>
|
||
<tr>
|
||
<td>汇洲智能</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002122" target="_blank" class="text-cyan-400 hover:underline">002122</a></td>
|
||
<td>子公司开展视频内容审核和标注业务，来自小红书的收入明显增长，是头部BPO服务商。</td>
|
||
<td class="text-right">62.60</td>
|
||
</tr>
|
||
<tr>
|
||
<td>博彦科技</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=002649" target="_blank" class="text-cyan-400 hover:underline">002649</a></td>
|
||
<td>有丰富的内容审核经验和专业团队，与快手、小红书等大厂在内容审核等方面有合作。</td>
|
||
<td class="text-right">60.50</td>
|
||
</tr>
|
||
<tr>
|
||
<td>富春股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300299" target="_blank" class="text-cyan-400 hover:underline">300299</a></td>
|
||
<td>旗下公司联合当地供应商，从事小红书平台视频、图片审核&处理业务。</td>
|
||
<td class="text-right">28.60</td>
|
||
</tr>
|
||
<tr>
|
||
<td>中文在线</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=300364" target="_blank" class="text-cyan-400 hover:underline">300364</a></td>
|
||
<td>作为内容生产方，制定了完善的《内容安全保障制度》，设立独立部门负责内容管控。</td>
|
||
<td class="text-right">142.20</td>
|
||
</tr>
|
||
<tr>
|
||
<td>华媒控股</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000607" target="_blank" class="text-cyan-400 hover:underline">000607</a></td>
|
||
<td>公司提供三方内容审核服务，目前主要是基于关键字的文字、图片和视频审核。</td>
|
||
<td class="text-right">16.70</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="text-center mt-16 text-gray-500 text-xs">
|
||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||
<p>本报告基于多源公开信息由AI模型合成，不构成任何投资建议，投资需谨慎。</p>
|
||
</footer>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('echarts-timeline');
|
||
var myChart = echarts.init(chartDom);
|
||
var option;
|
||
|
||
const data = [
|
||
{ name: '广电总局对短剧实施分类审核', value: ['2024-06-01', 10] },
|
||
{ name: '网信办发布AIGC内容标识办法(征求意见稿)', value: ['2024-09-14', 30] },
|
||
{ name: 'OpenAI发布多模态审核模型', value: ['2024-09-26', 20] },
|
||
{ name: 'TikTok审核部门裁员，推进自动化', value: ['2024-10-11', 15] },
|
||
{ name: '证监会要求期货公司审核营销内容', value: ['2025-01-10', 25] },
|
||
{ name: '网信办正式印发AIGC内容标识办法', value: ['2025-03-14', 80] },
|
||
{ name: 'AIGC内容标识办法正式生效', value: ['2025-09-01', 60] },
|
||
];
|
||
|
||
option = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
formatter: function (params) {
|
||
return params[0].data.name + '<br/>日期: ' + params[0].data.value[0];
|
||
},
|
||
backgroundColor: 'rgba(20, 22, 58, 0.8)',
|
||
borderColor: '#00ffff',
|
||
textStyle: {
|
||
color: '#e0e0e0'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '10%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
|
||
axisLabel: { color: '#aaa' }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
name: '事件重要性',
|
||
nameTextStyle: {
|
||
color: '#aaa'
|
||
},
|
||
axisLine: { show: false },
|
||
axisLabel: { color: '#aaa' },
|
||
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)', type: 'dashed' } }
|
||
},
|
||
visualMap: {
|
||
type: 'continuous',
|
||
show: false,
|
||
min: 0,
|
||
max: 100,
|
||
inRange: {
|
||
color: ['#0077ff', '#00ffff', '#9effff']
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
type: 'line',
|
||
data: data,
|
||
symbolSize: 12,
|
||
symbol: 'circle',
|
||
smooth: true,
|
||
lineStyle: {
|
||
width: 3,
|
||
shadowColor: 'rgba(0, 255, 255, 0.5)',
|
||
shadowBlur: 10
|
||
},
|
||
itemStyle: {
|
||
borderWidth: 2,
|
||
borderColor: '#fff'
|
||
},
|
||
label: {
|
||
show: true,
|
||
position: 'top',
|
||
formatter: '{b}',
|
||
color: '#e0e0e0',
|
||
fontSize: 10,
|
||
backgroundColor: 'rgba(0,0,0,0.3)',
|
||
padding: [4,6],
|
||
borderRadius: 4
|
||
},
|
||
}
|
||
]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |