Control the SVG size and width/height ratio

[chenjiandongx]

Hi @timqian, Is there a easy way to control the SVG size?

I try to set width and height attr like this

<svg class="line-chart" width="800px" height="600px"></svg>

but it seem doesn't work. :)

[timqian]

The width of the svg depends on its parent. You can change the width of its parent to change its size.

[timqian]

The ratio of with and height is hard coded to 4/3. Adding a setting to config it might be good. I am considering adding this

[chenjiandongx]

Now div is the parent tag,

  <div width="800px" height="600px" width="800px">
      <svg class="line-chart"></svg>
  </div>

but.. SVG shows incomplete

[chenjiandongx]

It would be nice if added a new setting opts for it.

[timqian]

Try

  <div style="width:800px;">
      <svg class="line-chart"></svg>
  </div>

[chenjiandongx]

It works, :)

The ratio of with and height is hard coded to 4/3.

and is this will be changed in the future?

[timqian]

The default will always be 4/3, I think adding an option to change it might be good

[timqian]

I will keep this issue open for size & ratio related updates