VChart 图表中数据采样的方法有哪些?

130 阅读1分钟

问题描述

请问 vchart 的折线图数据量很大的情况下,有没有一些数据采样的配置提高性能?

解决方案

VChart 折线图 自1.6.0版本开始支持数据采样方法配置。

折线图在数据量远大于像素点时候的降采样策略,开启后可以有效的优化图表的绘制效率,默认关闭,也就是全部绘制不过滤数据点。sampling 配置可选值:

  • 'lttb': 采用 Largest-Triangle-Three-Bucket 算法,可以最大程度保证采样后线条的趋势,形状和极值。
  • 'min': 取过滤点的最小值
  • 'max': 取过滤点的最大值
  • 'sum': 取过滤点的和
  • 'average': 取过滤点的平均值

可以通过采样系数samplingFactor配置调整采样效果。

sampling: 'lttb',
samplingFactor: 0.1,

代码示例

visactor.io/vchart/demo…

相关文档