高图对齐多个饼图

时间:2019-04-24 09:41:32

标签: javascript d3.js charts highcharts

我使用Highcharts从不同数据制作了2个饼图。

因此它们具有不同数量的数据以及图例。

但是我想正确地对齐它们,所以逐个图表,逐个图例。

我该怎么做?

我尝试设置饼图图例的 max-height ,但这不起作用。 enter image description here

任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:0)

您将需要使用chart.spacingBottomchart.spacingTopAPI Documentation)在两个图表上创建相同的空间,如下所示:

chart: {
  spacingTop:15,
  spacingBottom:18
},

Fiddle

答案 1 :(得分:0)

使用vertical图例布局,最好使用margin属性:

chart: {
    type: 'pie',
    marginBottom: 80
},

实时演示: https://jsfiddle.net/BlackLabel/a62ztm5o/

API: https://api.highcharts.com/highcharts/chart.marginBottom