每次使用Canvas创建图表时,Canvas都会变大

时间:2013-05-29 07:02:17

标签: html5 canvas charts html5-canvas

我目前正在Phonegap上使用Chart.JS,每次我在同一个Canvas上制作一个新图表时,它都会增加两倍。这很奇怪,我不知道我是否正确描述它。我会澄清一些建议/问题,谢谢你们。

以下是用于制作图表的JavaScript:

var ctx = $("#myChart").get(0).getContext("2d");
ctx.clearRect(0,0,ctx.canvas.width,ctx.canvas.height);
new Chart(ctx).Pie(data); 
canvas.width = canvas.width

编辑: 我不知道为什么会发生这个错误,但我每次都通过硬设置宽度和高度来修复它:

var ctx = $("#myChart").get(0).getContext("2d");

// set canvas dimensions
ctx.canvas.width = chartWidth;
ctx.canvas.height = chartHeight;

// draw chart
ctx.clearRect(0,0,ctx.canvas.width,ctx.canvas.height);
drawChart(avgMin[1],avgMin[0], ctx);

// maintain canvas dimensions
ctx.canvas.width = chartWidth;
ctx.canvas.height = chartHeight;

0 个答案:

没有答案