Угловой.Highcharts.Столбчатая диаграмма.Расположение колонн по оси X

Question

У меня есть старшая диаграмма, сделанная с Angular.JS.Каждый столбец имеет свой собственный уровень стека и по сути управляет своей собственной группой данных

Моя серия представляет собой массив объектов, который выглядит следующим образом:

[{
   name: seriesGroup.name,
   data: [number],
   xAxis: xAxisLevel,
   stack: xAxisLevel
}]

Проблема, с которой я столкнулся, заключается в том, что высокие графики, кажется, автоматически добавляют некоторый стиль смещения, который перемещает каждый столбец из позиции.В идеале я хочу, чтобы все столбцы были отцентрированы правильно, например, для столбца Валюта. См. Изображение выше, где вы можете увидеть положение X, добавляемое к тегу rect.

Есть ли какой-либо параметрЯ могу установить высокие графики, чтобы отключить этот эффект?Я не смог найти ничего подобного в документации API.

Пожалуйста, взгляните на скрипку для упрощенной версии: https://jsfiddle.net/nz0v8w5u/

Answer 1

Вы можете сделать это, установив соответствующее свойство plotOptions.series.groupPadding.В вашем случае 0,5 кажется работает, как ожидалось.Проверьте код и демоверсию, размещенную ниже.

Почему вы добавляете пять xAxis вместо одного?С одной осью старшие диаграммы автоматически разместят столбцы правильно, и код будет намного проще.Проверьте этот пример: https://www.highcharts.com/demo/column-stacked

Код:

  plotOptions: {
    column: {
      minPointLength: 1,
      groupPadding: 0.5,
      stacking: "normal",
      dataLabels: {
        enabled: false
      }
    }
  }

Демо: https://jsfiddle.net/BlackLabel/7pL8mj1s/

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