Opa pessoal, tudo bom? Meu codigo não está acontecendo o que deveria acontecer, que é mostrar um grafico separado em cores e o nome do grafico, ele só aparece um -10 e sem cores, poderiam me ajudar?
function paint(x, y, largura, altura, color) { var tela = document.querySelector("canvas"); var pincel = tela.getContext("2d");
pincel.fillStyle=color pincel.fillRect=(x, y, largura, altura); pincel.strokeStyle="black"; pincel.strokeRect(x, y, largura, altura); }
function painttext (x, y, text) { var tela = document.querySelector("canvas"); var pincel = tela.getContext("2d");
pincel.font="15px Arial"; pincel.fillStyle="black"; pincel.fillText(text, x, y); }
function paintbarra(x, y, percent, colors, text) { painttext(x, y, -10, text);
var somaAltura = 0; for (var i = 0; i < percent.length; i++) { var altura = percent[i]; paint(x, y + somaAltura, 50, altura, colors[i]); somaAltura = somaAltura + altura; } }
var percent2015 = [50, 25, 20, 5]; var percent2016 = [65, 20, 13, 2]; var colors = ["black", "purple", "blue", "red"];
paintbarra(50, 50, percent2015, colors, "2015"); paintbarra(150, 50, percent2016, colors, "2016");