rgraph - 是否可以使用包含大量数据的 SVG 或 Canvas 图表？

Question

我使用 Canvas 画线（3500 线），我的 JSP/html 没有响应，我无法单击任何其他元素（按钮、文本框...），
我应该如何画 3500 线？

var powerDataList = new Array();
var powerData = new Array();    
//powerDataList.length == 3500
for (var i = 0; i < powerDataList.length; i++) {
    //data length == 960; Example: data = [1,2,3,...,960];
    powerDataList[i] = data ；
}
var line = new RGraph.SVG.Line({
    id: 'chart-container',
    data:powerDataList,
    options: {
        linewidth: 1,
        colors: colors,
        xaxis: true,
        yaxis: false,
        yaxisMax:10,
        yaxisLabelsCount: 0,
        yaxisScale: false,
        xaxisLabels:label,
        xaxisTickmarks: false,
        //tooltips: tooltips,
        linewidth: 1,
        title: 'power',
        titleSize:10
        }
    }).draw();

Answer 1

有了这么多数据，我建议使用 canvas - 它更快。但是有 3500 行会有很多重叠，所以你最终可能会看到一些大块的颜色。