以不同的分辨率缩放 d3 图表

Question

我们需要创建一个角度仪表板，我使用来自here 的仪表图表代码。

我的 HTML 文件如下所示：

<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>

现在的问题是，当从不同分辨率访问网站时，该仪表无法正确缩放，因为它具有静态高度和宽度。

有什么办法可以让它响应。

Answer 1

必须在% 中提供height 和width。找到解决方案here。