Я хочу создать точечную диаграмму в 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");
}
}
}
}
}