highcharts - Highcharts 仪表填充到容器的 100%

Question

此功能可通过 plotOptions大小参数用于饼图，但是在检查 Highcharts API 后，大小不适用于 Gauge。

饼图的 大小API 条目

考虑到这两个图表的相似性（圆形），我希望会有一个类似的选项，但仪表总是填充我无法控制的容器 div 的一些子集。有没有其他人遇到过这个问题或找到了解决方案？

Answer 1

通过将间距设置为零，您可以填充整个空间：

http://jsfiddle.net/mkremer90/3sngK/1/

摆弄spacing参数以更改图表的填充量。至于基于百分比的类似size选项，我也找不到。

Answer 2

我知道这很旧，但是如果像我一样，您将borderWidth 设置为大于0 的值，您会发现标签的位置（例如x="5.5" y="5.5"）远离角落和宽度和身高缩小了。在这种情况下，设置间距和边距选项将无济于事。

那么简单的解决方案是避免将borderWidth设置为任何东西；只需将其保留为默认值或将其设置为零。相反，在您调用 highcharts 的容器元素上设置边框。

或者，您可以设置负边距并增加容器元素的大小，以补偿图表上的位置偏移和大小缩小。可能需要使用 style="overflow: hidden;" 将容器包装在 div 中。