问题标题

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

问题描述

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

解决方案

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

• 'lttb': 采用 Largest-Triangle-Three-Bucket 算法，可以最大程度保证采样后线条的趋势，形状和极值。
  
• 'min': 取过滤点的最小值
  
• 'max': 取过滤点的最大值
  
• 'sum': 取过滤点的和
  
• 'average': 取过滤点的平均值
  可以通过采样系数samplingFactor配置调整采样效果。
  

sampling: 'lttb',
samplingFactor: 0.1,</br>

代码示例

https://visactor.io/vchart/demo/line-chart/line-sampling

结果展示

相关文档

• github：https://github.com/VisActor/VChart
  
• 数据采样配置 smapling：https://visactor.io/vchart/option/lineChart#sampling