ChartJS不断将画布调整为默认大小

Question

使用以下代码。

var canvas = $('<canvas/>').addClass('chart').appendTo(element);

// ...

canvas.css({ width: 700, height: 400 });
var ctx = canvas[0].getContext("2d");
new Chart(ctx).Line(data);

调用最后一行时，画布总是会调整为300x150。为什么呢？

Answer 1

css时，您通过getContext应用的样式会丢失。您也应该尝试使用prop代替。

canvas.prop({ width: 700, height: 400 });