Hi, May you please advise on how to change the width and height of the chart?

By default Chart takes the size of its container (if set). So you can just set the width and height of the container in which you are going to place the chart as shown below - this is the suggested method. <div id="chartContainer" style="height: 300px; width: 500px;"> Else you can also set the same using "width" and "height" property at the top level of options. var chart = new CanvasJS.Chart("chartContainer", { width:600,//in pixels height:800,//in pixels title: { text: " Chart Title ", } ..... ..... }

Re-sizing the chart

This topic has 1 reply, 2 voices, and was last updated 11 years, 7 months ago by Sunil Urs.

Viewing 2 posts - 1 through 2 (of 2 total)

May 2, 2013 at 8:22 pm #4310

luckymaj

Hi, May you please advise on how to change the width and height of the chart?

May 3, 2013 at 12:23 am #4311
Sunil Urs
By default Chart takes the size of its container (if set). So you can just set the width and height of the container in which you are going to place the chart as shown below – this is the suggested method.

<div id="chartContainer" style="height: 300px; width: 500px;">

Else you can also set the same using “width” and “height” property at the top level of options.
```
var chart = new CanvasJS.Chart("chartContainer", {
width:600,//in pixels
height:800,//in pixels
title: {
text: " Chart Title ",
}
.....
.....
}
```
- This reply was modified 11 years, 6 months ago by Sunil Urs.