Вертикальное выравнивание легенд в старших чартах с двумя столбцами - PullRequest
Новая
       26

Вертикальное выравнивание легенд в старших чартах с двумя столбцами

0 голосов
/ 05 июля 2018

Я использую высокие графики, в том, как иметь легенды с вертикально выровненными легендами с большим количеством столбцов (вместо навигации по легендам), js скрипка

https://jsfiddle.net/aarthi_101/ruw8t3p9/6/

legend: {
      layout: 'vertical',
      align: 'right',
      verticalAlign: 'top'
      itemMarginBottom: 5
    }

1 Ответ

0 голосов
/ 06 июля 2018

Вы можете добиться этого вида легенды с помощью небольшого трюка. Измените тип легенды на floating и установите spacingRight, чтобы создать пространство для легенды. Обратите внимание, что это сделано по умолчанию горизонтальный layout. legend.width & legend.itemWidth позволяют вам убедиться, что будут использоваться 2 столбца (width / itemWidth должно быть больше или равно 2 и меньше 3). legend.x регулирует положение всей легенды. 

  chart: {
    marginRight: 200,
    (...)
  },

  legend: {
    floating: true,
    align: 'right',
    itemMarginBottom: 5,
    width: 180,
    x: 25,
    itemWidth: 90
  },

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

Справочник по API: https://api.highcharts.com/highcharts/

...