数据特征分析
- 数据结构概述
- 标题: 某App近两周DAU与新用户
- 字段: 日期(14天，2025-10-01 至 2025-10-14)、DAU、 新用户、事件
- 记录数: 14 行
- 数据类型识别
- 日期: 时间序列(天)
- DAU: 数值型(整数)
- 新用户: 数值型(整数)
- 事件: 分类型文本(部分为空，用于时间点标注)
- 数据质量评估
- 数值字段无缺失、无非数值异常；事件字段有2条有效标注(2025-10-06、2025-10-07)，其余为空属正常
- 日期连续无重复；取值范围
- DAU: 11,800 ~ 16,250
- 新用户: 900 ~ 2,200
- 存在明显阶段性变化点：10-06/07起量显著提升(与事件吻合)
图表类型推荐
- 推荐图表类型及理由
- 折线图(多序列)：用于连续时间序列，清晰呈现DAU趋势及事件影响；“新用户”作为辅助序列用于上下文和tooltip补充
- 辅助线：3日移动平均，平滑短期波动以凸显趋势
- 注释与背景高亮：事件标注与周末阴影以突出关键时点与周末效应
- 适用性分析
- 时间序列、两指标对比、配合注释与均线，能满足“观察DAU趋势、周末波动与版本发布影响”的洞察目标
- 预期展示效果
- 主线(DAU)平滑、突出转折；周末区域弱色背景；10-07“v3.2上线”明显标记；tooltip同时显示新用户以辅助解读
图表设计方案
- 图表样式描述
- 主题: brand-blue；主色突出DAU，辅助色用于新用户，均线为同系深色虚线
- 曲线: 平滑(smooth=true)，线宽=2；无面积填充
- 均线: 3日移动平均(MA3)，虚线表示
- 网格: y轴网格线开启，提升读数性
- 注释: 10-07标注“v3.2上线”，同时展示10-06“预热活动”；周末背景阴影
- 颜色方案说明
- DAU: #1f78ff
- 新用户: #8bbdff
- 3日均线: #2b6cb0 (虚线)
- 周末阴影: rgba(31,120,255,0.06)
- 标签和标题设置
- 标题: 近两周DAU趋势
- x轴: 类别轴，标签格式MM-dd，间隔自动
- y轴: 线性刻度，名称“DAU”，网格线显示
- 图例: 顶部居中，顺序=DAU, 新用户
生成图表
- 图表可视化展示
- 使用 Apache ECharts 的配置如下(宽=960, 高=480)
const option = {
backgroundColor: 'transparent',
title: {
text: '近两周DAU趋势',
left: 'center',
top: 8,
textStyle: { color: '#1f2a44', fontSize: 16, fontWeight: 600 }
},
color: ['#1f78ff', '#8bbdff', '#2b6cb0'],
grid: { left: 56, right: 24, top: 56, bottom: 40 },
legend: {
top: 28,
left: 'center',
data: ['DAU', '新用户'], // 顺序固定
textStyle: { color: '#1f2a44' }
},
tooltip: {
trigger: 'axis',
axisPointer: { type: 'line' },
confine: true,
formatter: function (params) {
const date = params[0].axisValue;
const map = {};
params.forEach(p => { map[p.seriesName] = p.data; });
const f = n => (n == null || isNaN(n)) ? '-' : n.toLocaleString('en-US');
return [
`日期: ${date}`,
`DAU: ${f(map['DAU'])}`,
`新用户: ${f(map['新用户'])}`
].join('<br/>');
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['10-01','10-02','10-03','10-04','10-05','10-06','10-07','10-08','10-09','10-10','10-11','10-12','10-13','10-14'],
axisLine: { lineStyle: { color: '#cfe3ff' } },
axisLabel: { color: '#334155' }
},
yAxis: {
type: 'value',
name: 'DAU',
nameTextStyle: { padding: [0, 0, 0, 8], color: '#334155' },
axisLabel: { color: '#334155' },
splitLine: { show: true, lineStyle: { color: '#e6f0ff' } }
},
series: [
{
name: 'DAU',
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 6,
lineStyle: { width: 2 },
data: [12500,12850,13200,11800,11950,14000,15800,16250,16000,15500,14200,14500,15100,15350],
markPoint: {
symbolSize: 56,
label: { show: true, formatter: '{b}', color: '#ffffff', fontWeight: 600 },
data: [
{ name: '预热活动', coord: ['10-06', 14000], value: 14000, symbol: 'diamond', itemStyle: { color: '#1f78ff' } },
{ name: 'v3.2上线', coord: ['10-07', 15800], value: 15800, symbol: 'pin', itemStyle: { color: '#ff6b6b' } }
]
},
markArea: {
itemStyle: { color: 'rgba(31,120,255,0.06)' },
data: [
[{ xAxis: '10-04' }, { xAxis: '10-05' }],
[{ xAxis: '10-11' }, { xAxis: '10-12' }]
]
}
},
{
name: '新用户',
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 5,
lineStyle: { width: 2 },
data: [1300,1200,1500,900,920,1600,2200,2100,1800,1700,1100,1150,1400,1450]
},
{
name: '3日均线',
type: 'line',
smooth: true,
symbol: 'none',
lineStyle: { width: 2, type: 'dashed', color: '#2b6cb0' },
data: [null, null, 12850, 12617, 12317, 12583, 13917, 15350, 16017, 15917, 15233, 14733, 14600, 14983],
tooltip: { show: false }
}
]
};
- 技术实现说明
- 在页面中引入 ECharts，并设置容器尺寸为 960x480:
- HTML:
- JS:
- const chart = echarts.init(document.getElementById('chart'));
- chart.setOption(option);
- 若在框架中(React/Vue)使用，请在挂载后初始化并在容器样式中固定宽高或使用自适应后调用 chart.resize()。
- 注意：3日均线仅作趋势参考，已从第三天开始绘制，前两天为null不显示。legend仅展示“DAU, 新用户”，符合需求说明。
数据分析见解
- 关键数据趋势
- 版本发布影响显著：10-07(“v3.2上线”)当天DAU达15,800，较发布前均值明显提升；之后维持在15k上下的高位平台
- 3日均线显示：10-06后快速上行，10-09左右见短期峰值(≈16,017)，随后小幅回落并趋稳
- 新用户在10-07达到峰值2,200，并于10-08保持较高水平(2,100)后逐步回落
- 重要发现说明
- 发布前(10-01
10-06)DAU均值≈12,717；发布后(10-0710-14)均值≈15,338，提升约2,621(≈20.6%)
- 周末效应明显：
- 10-04/05相对10-03(周五)分别下降约-10.6%/-9.5%
- 10-11/12相对10-10(周五)分别下降约-8.4%/-6.5%
- 业务意义解读
- 版本发布带来有效的拉新与活跃提升，短期留存较好(发布后维持高位)；建议针对该新版本用户开展分层跟踪，验证持续留存与转化
- 周末活跃下滑具规律性，可在周末配合轻促活或专题活动对冲下滑(例如内容push、活动任务)
- 预热活动(10-06)对发布日前的预增有贡献，预热+发布的组合策略有效，建议复用并A/B优化预热强度与时间点配置
