自定义系列的性能提示

时间:2019-04-20 08:56:41

标签: performance echarts

图表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个数据样本。既然有这么多样本,自定义系列就无法使用,因为渲染耗时太长。

  • 有什么想法可以改善性能吗?
    • 例如当我们使用画笔时,似乎几乎每个鼠标移动都会重绘整个系列:我想它可能与emphasis settings有关:有没有办法停用此功能?
  • 或者还有另一种方式可以获取快速的自定义系列(即直接在画布上绘制..)吗?

0 个答案:

没有答案