chartjs-我渲染一次,而不再次渲染?

时间:2019-03-15 01:41:17

标签: chart.js render

我想在chartjs中创建散点图, 这是有问题的,因为它不断地渲染。

我可以渲染一次而不能再次渲染吗?

//烛台调整大小渲染

function resize(){
    Chart.canvasHelpers.drawPoint = function(ctx, style, radius, x, y, rotation) {
        var xArray = [];
        var yArray = [];

        var number = 1 + Math.floor(Math.random() * 20);
        size = 1 / Math.SQRT2 * radius;

        var meta = window.myLine.getDatasetMeta(0);
        for(var i=0; i<meta.data.length; i++){
             modelx = meta.data[i]._model.x;
             modely = meta.data[i]._model.y;

             if(modelx.toFixed(1) == x.toFixed(1) && modely.toFixed(1) == y.toFixed(1)){

                 if(xArray.indexOf(x.toFixed(1)) ==-1 && yArray.indexOf(y.toFixed(1)) == -1){
                     console.log("[0] "+modelx.toFixed(1)+ " / "+x.toFixed(1) + " / "+ modely.toFixed(1)+" / "+ y.toFixed(1))
                     console.log("xArr "+JSON.stringify(xArray) +" / yArr "+JSON.stringify(yArray) );

                     xArray.push(x.toFixed(1));
                     yArray.push(y.toFixed(1));
                     ctx.save();
                     ctx.beginPath();
                     ctx.translate(x, y);
                     ctx.rect(-size, -size-5, 2 * size,number);
                     ctx.fill();
                     ctx.stroke();
                     ctx.restore();
                     console.log("end");

                 }
             }
        }
    }
}

0 个答案:

没有答案