ChartJS keeps resizing canvas to the default size

Question

Using the code below.

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

// ...

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

The canvas always gets resized to 300x150 when the last line is called. Why?

You will have more visitors if you tagged this with a main tag like `javascript`... — HamZa, Oct 27 '14 at 20:00
have you seen http://stackoverflow.com/questions/19847582/chart-js-canvas-resize? — gabereal, Oct 27 '14 at 20:12

score 1 · Accepted Answer · answered Oct 27 '14 at 20:13

1

The styles you apply via css are lost when you getContext. You should try using prop too/instead.

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

answered Oct 27 '14 at 20:13

Jack

20,735
11
48
48

ChartJS keeps resizing canvas to the default size

1 Answers1