Hola gente, estoy empezando a trabajar con canvas, hasta el momento he hecho una gráfica de líneas muy simple:
Código:
var canvas = document.getElementById('stats');
var iniX = 25;
var iniY = 200;
var ctx = canvas.getContext('2d');
$.each(data, function(i, gastos){
ctx.beginPath();
ctx.moveTo(iniX,iniY);
iniX = iniX + 25;
iniY = 200 - gastos.precio;
ctx.lineTo(iniX, iniY);
ctx.closePath();
ctx.stroke();
});
Mi idea es hacer varias gráficas de líneas dentro del mismo DIV. La duda que tengo es la siguiente:
Técnicamente es posible utilizar Jquery para modificar las líneas por separado? O sea, si puedo por ejemplo, esconder o mostrar unas líneas en concreto con las funciones show/hide de Jquery o cambiar el color de la línea, sin tener que redibujar toda la gráfica otra vez.
Ejemplo de lo que me gustaría hacer:
Código:
ctx.id = "linia1";
$("#linia1").hide();
Muchas gracias.