Question

我正在使用d3 v4。我想创建一个饼图（带标签），我希望它占据尽可能多的空间（宽度）（高度可以根据需要而变化）。所以我创建了我的SVG元素

tf.parse_single_example

和JS绘制我的饼图

<svg width="700" height="400">
    <g id="labels" />
</svg>

但似乎无论我在JS中为“宽度”添加什么价值，它似乎只是将我的图表移到右边，左边有一个巨大的未使用空间间隙：

有没有办法可以让我的饼图（带有标签）占用尽可能多的水平空间？

Answer 1

问题在于，您将半径radius = Math.min(width, height) / 2的宽度和高度设置为最小值，因此无论您增加多少宽度，饼图的半径都不会超过200px。尝试增加高度，它会变大。