图表custom series确实灵活又方便。
但是不幸的是,性能确实很慢(与“本机”系列相比)。
例如这是一个jsfiddle example,可绘制5个自定义系列(每个系列仅含500点)。
要测试更多数据,只需调整jsfiddle代码顶部的变量即可:
/**
* the number of data-samples
*/
var dataCount = 2000;
/**
* we create one custom series for each item in the csColors array
*/
var csColors = [
'#FF9800', '#9C27B0', '#512DA8', '#4CAF50', '#448AFF'
// , '#d32f2f', '#F1C40F', '#8bc6ff', '#00bc91', '#992f1c'
];
即使只有很少的数据,zoomig(使用鼠标滚轮)或使用笔刷也已经非常慢。 对于我们的应用程序,我们最多需要10个图表,每个图表有〜5个系列和1k个数据样本。既然有这么多样本,自定义系列就无法使用,因为渲染耗时太长。