Highcharts测量填充至100%的容器

时间:2013-03-11 20:36:17

标签: highcharts gauge

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

饼图的

size API条目 size API entry for Pie Chart

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

2 个答案:

答案 0 :(得分:9)

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

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

使用spacing参数来改变图表填充的数量。至于基于size选项的百分比,我也找不到。

答案 1 :(得分:0)

我知道这是旧的,但如果像我一样,你将borderWidth设置为大于0的东西,你会发现自己的标签被定位(例如x =" 5.5" y =" 5.5")离开角落,宽度和高度缩小。在这种情况下,设置间距和边距选项不会有帮助。

然后简单的解决方案是避免将borderWidth设置为任何东西;保留默认值或将其设置为零。而是在您正在调用高级图表的容器元素上设置边框。

或者,您可以设置负边距并增加容器元素的大小,以补偿图表上的位置偏移和大小缩小。可能需要将容器包装在一个div中,其格式为&=#34; overflow:hidden;"。