Как разделить столбец HighCharts на разные категории?

Question

Мне нужно 3 категории для Xaxis, и я хочу показать конкретный столбец только в определенной категории xAxis. Кроме того, я хочу, чтобы открыть модал на каждой функции щелчка столбца. Моя основная проблема заключается в разделении столбцов на отдельные категории.

Jsfiddle link - https://jsfiddle.net/dinesh1099/5r4a1ko8/. Я хочу автомобиль Adho c и Фиксированный автомобиль только в категории Стоимость.

Answer 1

Вместо категорий вы можете использовать метки данных и располагать их по своему усмотрению. Например:

chart: {
  type: 'column',
  events: {
    load: function(){
      var chart = this;

      this.series.forEach(function(s){
        s.points.forEach(function(p){
          p.dataLabel.attr({
            y: chart.yAxis[0].toPixels(0) - chart.plotTop - 12
          });
        });
      });
    }
  }
}

---

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

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