432 lines
27 KiB
HTML
432 lines
27 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>
|
||
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.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=Inter:wght@300;400;500;600;700&family=Source+Code+Pro:wght@400;600&display=swap');
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background-color: #020010;
|
||
color: #E0E0E0;
|
||
overflow-x: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
/* James Turrell / Ash Thorp inspired background glows */
|
||
body::before, body::after {
|
||
content: '';
|
||
position: fixed;
|
||
z-index: -1;
|
||
filter: blur(150px);
|
||
opacity: 0.2;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
body::before {
|
||
width: 600px;
|
||
height: 600px;
|
||
background: radial-gradient(circle, #4A00E0, #8E2DE2);
|
||
top: -200px;
|
||
left: -200px;
|
||
animation: pulse-glow-1 15s infinite alternate;
|
||
}
|
||
|
||
body::after {
|
||
width: 500px;
|
||
height: 500px;
|
||
background: radial-gradient(circle, #00416A, #799F0C);
|
||
bottom: -250px;
|
||
right: -150px;
|
||
animation: pulse-glow-2 18s infinite alternate;
|
||
}
|
||
|
||
@keyframes pulse-glow-1 {
|
||
from { transform: scale(0.8) translate(0, 0); opacity: 0.15; }
|
||
to { transform: scale(1.2) translate(50px, 50px); opacity: 0.25; }
|
||
}
|
||
|
||
@keyframes pulse-glow-2 {
|
||
from { transform: scale(1.1) translate(0, 0); opacity: 0.25; }
|
||
to { transform: scale(0.9) translate(-40px, -60px); opacity: 0.15; }
|
||
}
|
||
|
||
/* Glassmorphism Card Style */
|
||
.glass-card {
|
||
background: rgba(10, 10, 30, 0.4);
|
||
backdrop-filter: blur(24px) saturate(150%);
|
||
-webkit-backdrop-filter: blur(24px) saturate(150%);
|
||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||
border-radius: 24px;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass-card:hover {
|
||
transform: translateY(-5px) scale(1.01);
|
||
box-shadow: 0 0 40px rgba(74, 0, 224, 0.3);
|
||
border-color: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
/* Bento Grid */
|
||
.bento-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
/* Custom text glow */
|
||
.text-glow {
|
||
text-shadow: 0 0 8px rgba(230, 230, 255, 0.6);
|
||
}
|
||
.text-glow-accent {
|
||
text-shadow: 0 0 10px rgba(138, 43, 226, 0.8);
|
||
}
|
||
|
||
.table th, .table td {
|
||
border-color: rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.table th {
|
||
color: #A0A0C0;
|
||
}
|
||
|
||
.stock-link {
|
||
color: #87CEFA;
|
||
text-decoration: none;
|
||
transition: color 0.3s, text-shadow 0.3s;
|
||
}
|
||
.stock-link:hover {
|
||
color: #FFFFFF;
|
||
text-shadow: 0 0 5px #87CEFA;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
|
||
<div class="container mx-auto px-4 py-8 md:py-16">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center mb-16">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter mb-4 text-glow">
|
||
<span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-cyan-300">湘财合并大智慧</span>
|
||
</h1>
|
||
<p class="text-lg md:text-xl text-slate-300">深度行研报告</p>
|
||
<p class="text-sm text-slate-500 mt-2">AI投研agent: “价小前投研”</p>
|
||
</header>
|
||
|
||
<!-- Main Content Grid -->
|
||
<main class="space-y-6">
|
||
|
||
<!-- Bento Grid Start -->
|
||
<div class="bento-grid">
|
||
|
||
<!-- Core Insight -->
|
||
<div class="glass-card p-6 md:p-8 col-span-12 lg:col-span-8">
|
||
<h2 class="text-2xl font-bold mb-4 text-glow-accent">核心观点摘要</h2>
|
||
<p class="text-slate-300 leading-relaxed">本次合并是A股券商行业在“流量为王”时代下的一次战略性产业整合，其核心驱动力在于复制并优化“东方财富”的成功模式，即<strong class="text-cyan-300">“海量用户流量 + 全业务证券牌照”</strong>的深度绑定。此举旨在打造一家具备强大流量转化能力的互联网券商，并最终向AI驱动的科技平台公司转型。概念目前已走过初步方案披露阶段，进入等待监管审批与具体实施的关键时期，其未来潜力巨大，但成功与否高度依赖于合并后的业务整合效率与用户转化能力。</p>
|
||
</div>
|
||
|
||
<!-- Transaction Details -->
|
||
<div class="glass-card p-6 col-span-12 lg:col-span-4">
|
||
<h2 class="text-2xl font-bold mb-4 text-glow-accent">关键交易条款</h2>
|
||
<ul class="space-y-3 text-slate-300">
|
||
<li><strong>换股比例:</strong> <span class="font-mono text-lg text-green-400">1 : 1.27</span></li>
|
||
<li><strong>换股价格:</strong> 湘财<span class="font-mono text-green-400">7.51</span>元/股, 大智慧<span class="font-mono text-green-400">9.53</span>元/股</li>
|
||
<li><strong>配套融资:</strong> 不超过 <span class="font-mono text-lg text-green-400">80</span> 亿元人民币</li>
|
||
<li><strong>合并结果:</strong> 大智慧将终止上市并注销，湘财股份作为存续公司。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Timeline Chart -->
|
||
<div class="glass-card p-6 md:p-8 col-span-12">
|
||
<h2 class="text-2xl font-bold mb-4 text-glow-accent">关键事件时间轴</h2>
|
||
<div id="timeline-chart" style="width: 100%; height: 400px;"></div>
|
||
</div>
|
||
|
||
<!-- Core Logic & Market Perception -->
|
||
<div class="glass-card p-6 md:p-8 col-span-12">
|
||
<h2 class="text-2xl font-bold mb-4 text-glow-accent">核心逻辑与市场认知分析</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div class="p-4 border border-slate-700 rounded-xl">
|
||
<h3 class="font-semibold text-lg text-purple-300 mb-2">牌照与流量的价值重估</h3>
|
||
<p class="text-slate-400 text-sm">根本逻辑。大智慧拥有庞大用户基础（月活780-1200万）但流量价值未充分变现；湘财证券拥有全牌照但获客成本高。合并旨在打通“金融数据→证券交易→财富管理”全价值链，实现 1+1 > 2 的协同效应。</p>
|
||
</div>
|
||
<div class="p-4 border border-slate-700 rounded-xl">
|
||
<h3 class="font-semibold text-lg text-purple-300 mb-2">政策导向的并购催化</h3>
|
||
<p class="text-slate-400 text-sm">新“国九条”和供给侧改革为行业并购定调，监管鼓励券商做大做强。湘财合并大智慧作为2025年行业内少数并购案例，契合“强链补链”政策导向，具备高度合规性与前瞻性。</p>
|
||
</div>
|
||
<div class="p-4 border border-slate-700 rounded-xl">
|
||
<h3 class="font-semibold text-lg text-purple-300 mb-2">成熟路径的复刻与升级</h3>
|
||
<p class="text-slate-400 text-sm">市场普遍对标东方财富、指南针的成功案例。与被收购的同信、网信证券相比，湘财证券本身经纪业务具备更强竞争力，为合并后的快速发展提供了更坚实的基础。复牌当日双双“一字”涨停，市场情绪乐观。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Expectation Gap & Risks -->
|
||
<div class="bento-grid col-span-12">
|
||
<div class="glass-card p-6 md:p-8 col-span-12 lg:col-span-6">
|
||
<h2 class="text-2xl font-bold mb-4 text-glow-accent">预期差分析</h2>
|
||
<ul class="space-y-4 text-slate-300">
|
||
<li><strong class="text-amber-400">用户质量与转化率不确定性：</strong> 市场聚焦千万级月活，但各信源数据（780万-1200万）存在差异。更关键的是，免费用户到付费交易用户的转化率是核心挑战。初期年转化50万客户的目标相对谨慎，市场短期预期可能过高。</li>
|
||
<li><strong class="text-amber-400">整合难度被低估：</strong> 市场关注协同效应，但对企业文化、技术系统、人员团队的整合难度可能估计不足。从股权合作到完全吸收合并，是管理和运营上的巨大跨越。</li>
|
||
<li><strong class="text-amber-400">AI赋能的远期性：</strong> “AI特色科技平台”的叙事极具吸引力，但目前仍处概念阶段。市场可能将此远期愿景提前定价，忽略了实现路径的长期性和不确定性。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="glass-card p-6 md:p-8 col-span-12 lg:col-span-6">
|
||
<h2 class="text-2xl font-bold mb-4 text-red-400 text-glow">潜在风险与挑战</h2>
|
||
<ul class="space-y-4 text-slate-300">
|
||
<li><strong class="text-red-400">信息交叉验证风险：</strong> 最显著矛盾点在于大智慧的月活跃用户数(MAU)。不同信源数据差异高达50%，这对评估核心逻辑“流量价值”构成重大风险。</li>
|
||
<li><strong class="text-red-400">商业化风险：</strong> 用户转化低于预期是最大的商业风险。同时，整合成本超预期可能侵蚀短期利润。</li>
|
||
<li><strong class="text-red-400">政策与竞争风险：</strong> 重大资产重组始终面临监管审批的不确定性。合并后也将直接面临东方财富等巨头的激烈竞争。</li>
|
||
<li><strong class="text-red-400">技术风险：</strong> 两套独立技术系统的融合存在挑战，任何失误都可能导致用户体验下降或交易风险。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Catalysts and Path Forward -->
|
||
<div class="glass-card p-6 md:p-8 col-span-12">
|
||
<h2 class="text-2xl font-bold mb-4 text-glow-accent">关键催化剂与发展路径</h2>
|
||
<div class="flex flex-col md:flex-row gap-8">
|
||
<div class="flex-1">
|
||
<h3 class="text-lg font-semibold text-cyan-300 mb-3">近期催化剂 (3-6个月)</h3>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li>监管审批通过 (中国证监会正式批准文件)。</li>
|
||
<li>股东大会顺利召开并高票通过。</li>
|
||
<li>80亿元配套融资方案成功落地。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="flex-[2]">
|
||
<h3 class="text-lg font-semibold text-cyan-300 mb-3">长期发展路径</h3>
|
||
<div class="space-y-4">
|
||
<p><strong class="text-slate-100">第一阶段 (1-2年):</strong> 流量整合与基础业务提升。核心目标：实现用户转化目标（如年转化50万），提升经纪与两融业务市占率。</p>
|
||
<p><strong class="text-slate-100">第二阶段 (2-4年):</strong> 产品创新与财富管理转型。核心目标：推出智能化投顾产品，提升客户ARPU值，形成业务闭环。</p>
|
||
<p><strong class="text-slate-100">第三阶段 (5年以上):</strong> AI驱动的科技平台。核心目标：实现“具有AI特色的科技平台公司”的最终愿景。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Bento Grid End -->
|
||
|
||
<!-- Data Drilldown Section -->
|
||
<div x-data="{ activeTab: 'news' }" class="glass-card p-6 md:p-8">
|
||
<div class="flex border-b border-slate-700 mb-4">
|
||
<button @click="activeTab = 'news'" :class="{'border-b-2 border-purple-400 text-purple-300': activeTab === 'news'}" class="px-4 py-2 text-slate-400 transition">新闻数据摘要</button>
|
||
<button @click="activeTab = 'roadshow'" :class="{'border-b-2 border-purple-400 text-purple-300': activeTab === 'roadshow'}" class="px-4 py-2 text-slate-400 transition">路演纪要精粹</button>
|
||
<button @click="activeTab = 'report'" :class="{'border-b-2 border-purple-400 text-purple-300': activeTab === 'report'}" class="px-4 py-2 text-slate-400 transition">研报核心观点</button>
|
||
</div>
|
||
<div class="text-slate-300 text-sm leading-6 space-y-3">
|
||
<div x-show="activeTab === 'news'">
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong>2024.12 - 2025.02 (合并前):</strong> 湘财股份原计划减持大智慧股份，减持价不低于9元/股。</li>
|
||
<li><strong>2025.03.16 (正式公告):</strong> 双方公告筹划换股吸收合并，市场认为具有“标志性意义”。</li>
|
||
<li><strong>2025.03.17 (停牌):</strong> 双方股票停牌，湘财终止减持计划。</li>
|
||
<li><strong>2025.03.28 (方案公布):</strong> 公布详细预案，换股比例1:1.27，募资不超80亿。</li>
|
||
<li><strong>2025.03.31 (复牌):</strong> 湘财股份、大智慧双双一字涨停。</li>
|
||
<li><strong>2025.09.25 (草案更新):</strong> 公布重组报告书草案，明确换股价格细节，合并后大智慧将退市。</li>
|
||
<li><strong>2025.11 (法律纠纷):</strong> 股东起诉后迅速撤诉，扫清法律障碍。</li>
|
||
<li><strong>分析评论:</strong> 市场普遍看好“流量+牌照+技术”深度协同，分析师预测合并后新主体净利润增量约10.5~11.4亿元。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="activeTab === 'roadshow'">
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong>核心逻辑:</strong> 复制东方财富“流量+证券”模式，通过大智慧庞大用户流量（月活780-1200万）与湘财证券牌照结合，提升经纪/两融业务市占率。</li>
|
||
<li><strong>协同效应:</strong> 流量转化路径清晰（广告、社区导流），合并后研发成本共用、费用率优化，投顾业务智能化转型。</li>
|
||
<li><strong>行业背景:</strong> 新“国九条”+供给侧改革定调，鼓励行业并购，湘财吸并大智慧是2025年标志性案例。</li>
|
||
<li><strong>未来展望:</strong> 湘财股份被视为有并购预期的核心标的，未来2-3年最具“困境反转”弹性。</li>
|
||
<li><strong>投资建议:</strong> 看好科技协同与流量变现潜力，但需警惕并购审批、市场波动及整合效果不及预期的风险。</li>
|
||
</ul>
|
||
</div>
|
||
<div x-show="activeTab === 'report'">
|
||
<ul class="list-disc list-inside space-y-2">
|
||
<li><strong>事件定性:</strong> 券业并购重组的重要创新案例，落实监管“强链补链”要求的产业并购。</li>
|
||
<li><strong>交易结构:</strong> 湘财股份发行A股换股吸收合并大智慧，交易完成后大智慧退市注销。</li>
|
||
<li><strong>股权变化:</strong> 合并后新湖控股仍为控股股东（持股22.40%），大智慧实控人张长虹成重要股东（持股17.28%）并承诺不谋求控制权。</li>
|
||
<li><strong>协同效应分析:</strong> 大智慧提供线上流量、数据与技术优势（月活超1000万）；湘财证券提供券商牌照与资本实力。合并旨在补足湘财在客户触达及大数据板块的短板。</li>
|
||
<li><strong>行业对比:</strong> 对比东方财富、指南针案例，湘财证券本身经纪业务竞争力更强，基础更优。</li>
|
||
<li><strong>评级与预测:</strong> 维持“增持”评级，看好公司在财富管理、金融科技方向的潜力。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Companies & Stock Table -->
|
||
<div class="glass-card p-6 md:p-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-glow-accent">产业链核心公司与相关标的</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑</th>
|
||
<th>标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="font-bold text-white">湘财股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600095" target="_blank" class="stock-link font-mono">600095</a></td>
|
||
<td>本次吸收合并的发起方与存续公司，逻辑最纯粹。</td>
|
||
<td><span class="badge badge-primary">并购重组</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="font-bold text-white">大智慧</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601519" target="_blank" class="stock-link font-mono">601519</a></td>
|
||
<td>被吸收合并方，提供核心的流量、数据与技术资产。</td>
|
||
<td><span class="badge badge-primary">并购重组</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td class="font-bold text-white">衢州发展</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600208" target="_blank" class="stock-link font-mono">600208</a></td>
|
||
<td>合计持有湘财股份超27%，作为国资股东为重组提供背书。</td>
|
||
<td><span class="badge badge-primary">并购重组</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td>九方智投控股(港股)</td>
|
||
<td>-</td>
|
||
<td>与湘财股份签署战略合作协议，有望在投顾领域协同。</td>
|
||
<td><span class="badge badge-accent">战略合作</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td>国网英大</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600517" target="_blank" class="stock-link font-mono">600517</a></td>
|
||
<td>控股股东国网英大集团持有湘财股份11.3%。</td>
|
||
<td><span class="badge badge-secondary">参股湘财</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td>华升股份</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=600156" target="_blank" class="stock-link font-mono">600156</a></td>
|
||
<td>持有湘财股份0.37%（1047.52万股）。</td>
|
||
<td><span class="badge badge-secondary">参股湘财</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td>中国长城</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=000066" target="_blank" class="stock-link font-mono">000066</a></td>
|
||
<td>持有湘财股份，2024半年报账面价值1190.16万元。</td>
|
||
<td><span class="badge badge-secondary">参股湘财</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td>财通证券</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601108" target="_blank" class="stock-link font-mono">601108</a></td>
|
||
<td>浙江系券商，可作为行业参照。</td>
|
||
<td><span class="badge badge-ghost">浙江系券商</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-800/50">
|
||
<td>浙商证券</td>
|
||
<td><a href="https://valuefrontier.cn/company?scode=601878" target="_blank" class="stock-link font-mono">601878</a></td>
|
||
<td>浙江系券商，可作为行业参照。</td>
|
||
<td><span class="badge badge-ghost">浙江系券商</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center mt-16">
|
||
<p class="text-xs text-slate-500">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
var chartDom = document.getElementById('timeline-chart');
|
||
var myChart = echarts.init(chartDom, 'dark'); // Use dark theme
|
||
var option;
|
||
|
||
const data = [
|
||
{ time: '2024-12-05', event: '计划减持', detail: '湘财公告拟减持大智慧股份' },
|
||
{ time: '2025-02-14', event: '减持细则', detail: '湘财拟减持不超过1%股份' },
|
||
{ time: '2025-03-16', event: '剧情反转', detail: '双方公告筹划换股吸收合并' },
|
||
{ time: '2025-03-17', event: '停牌&终止', detail: '股票停牌，终止减持计划' },
|
||
{ time: '2025-03-28', event: '预案公布', detail: '公布详细预案，明确换股比例1:1.27' },
|
||
{ time: '2025-03-31', event: '复牌涨停', detail: '双方股票复牌，双双一字涨停' },
|
||
{ time: '2025-09-25', event: '草案公布', detail: '公布重组报告书草案' },
|
||
{ time: '2025-11-14', event: '扫清障碍', detail: '股东诉讼解决，原告撤诉' },
|
||
{ time: '2025年底', event: '交易完成(预期)', detail: '市场预期2025年内完成吸并交易' }
|
||
];
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
formatter: function (params) {
|
||
const item = data[params[0].dataIndex];
|
||
return `<strong>${item.time}</strong><br/>${item.event}: ${item.detail}`;
|
||
},
|
||
backgroundColor: 'rgba(20, 20, 40, 0.8)',
|
||
borderColor: '#4A00E0',
|
||
textStyle: {
|
||
color: '#E0E0E0'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: data.map(item => item.time),
|
||
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.2)' } },
|
||
axisLabel: { color: '#A0A0C0' }
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: { show: false },
|
||
axisLabel: { show: false },
|
||
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)', type: 'dashed' } }
|
||
},
|
||
series: [{
|
||
name: 'Event',
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'circle',
|
||
symbolSize: 10,
|
||
data: data.map((_, i) => i + 1),
|
||
itemStyle: {
|
||
color: '#8E2DE2'
|
||
},
|
||
lineStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||
{ offset: 0, color: '#4A00E0' },
|
||
{ offset: 1, color: '#00BFFF' }
|
||
]),
|
||
width: 3,
|
||
shadowColor: 'rgba(74, 0, 224, 0.5)',
|
||
shadowBlur: 10
|
||
},
|
||
areaStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: 'rgba(74, 0, 224, 0.3)' },
|
||
{ offset: 1, color: 'rgba(74, 0, 224, 0)' }
|
||
])
|
||
},
|
||
emphasis: {
|
||
itemStyle: {
|
||
color: '#FFFFFF',
|
||
borderColor: '#4A00E0',
|
||
borderWidth: 2,
|
||
shadowBlur: 10,
|
||
shadowColor: '#FFFFFF'
|
||
}
|
||
}
|
||
}]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
</script>
|
||
</body>
|
||
</html> |