Scale d3 chart in different resolutions

Question

We have a requirement of creating a dashboard in angular where I am using a gauge chart code from here .

My HTML file looks something like this:

<div fxLayout="row" fxLayoutAlign="space-around center" >
<div fxFlex='33%'>
    <div id="power-gauge"></div>
</div>
<div fxFlex='33%'>
    <!-- Some other chart -->
</div>
<div fxFlex='33%'>
    <!-- Some other chart -->
</div>

Now the issue is when the website is being accessed from different resolutions this gauge is not scaling properly as it has a static height and width.

Is there any way I can make it responsive.

Answer 1

Had to give height and width in % .Found the solution here .