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

时间:2017-11-03 09:26:29

标签: rgraph

我使用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();

1 个答案:

答案 0 :(得分:0)

有了这么多数据我会建议画布 - 它会更快。但是有3500条线会有很多重叠,所以你最终可能会看到一些大块的颜色。