Highcharts выравнивают несколько круговых диаграмм

Question

Я сделал 2 круговых диаграммы, используя Highcharts из разных данных.

Так что у них разное количество данных и легенд.

Но я хочу правильно их выровнять, чтобы график за графиком, легенда за легендой.

Как я могу это сделать?

Я пытался установить max-height легенд круговой диаграммы, но это не работает.

Любая помощь будет оценена.

Answer 1

С макетом легенды vertical будет лучше использовать свойство margin:

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

Демонстрационная версия: https://jsfiddle.net/BlackLabel/a62ztm5o/

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

Answer 2

Вам нужно будет использовать chart.spacingBottom и chart.spacingTop ( API Documentation ), чтобы создать одинаковое пространство на обеих диаграммах, например:

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

Fiddle