如何使用不同的数据对齐多个图表

时间:2018-03-09 10:02:23

标签: highcharts

我连续显示三个饼图。两个有两个部分,一个有五个部分。这三个都有垂直传说。

鉴于此,由于图例的额外高度,具有五个片段的图表显示饼图略小。它还有一个轻微的负垂直偏移。

有什么方法可以设置所有三个图表来将图表渲染到相同的位置?我已经尝试将中心设置为50%,在plotOptions中设置为50%,没有帮助。

1 个答案:

答案 0 :(得分:0)

您必须将图表的marginBottom - 值设置为等于所有图表的值。 Highcharts试图尽可能地展示馅饼,因此如果传说不那么大,它会占用更多的空间。

通过设置marginBottom,您可以强制图表忽略实际的图例大小。

center: ['50%','50%']设置仅考虑实际绘图区域。因此,如果这个区域由于更高的传说而减少,则它没有效果。

我做了一个jsfiddle,你可以探索这个设置:

http://jsfiddle.net/doc_snyder/dsmgy6ts/