Невозможно получить процент в фиксированных столбцах столбцов в верхних графиках

Question

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

Хотелось бы:

Но я могу достичь:

Answer 1

Вы можете отформатировать метки данных с помощью обратного вызова series.dataLabels.formatter.Проверьте демо и код, указанный ниже.

Код:

  series: [{
    name: 'NSV',
    color: 'rgba(165,170,217,1)',
    data: [38891, 35098, 21296, 19345, 19092],
    pointPadding: 0.3,
    pointPlacement: -0.2
  }, {
    name: 'Margin',
    color: 'rgba(126,86,134,.9)',
    data: [8594.911, 6422.934, 5302.704, 580.35, 3417.468],
    pointPadding: 0.4,
    pointPlacement: -0.2,
    dataLabels: {
     formatter: function() {
      var chart = this.series.chart,
        percentage = (this.y / chart.series[0].points[this.point.index].y) * 100;

        return percentage.toFixed(1) + '%';
     }
    }
  }]

Демо:

• http://jsfiddle.net/BlackLabel/pxLmjvkh/1/

Справочник по API:

• https://api.highcharts.com/highcharts/series.bar.dataLabels.formatter