Таблицы сгруппированных столбцов Highcharts

Question

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

Это раздел У меня возникли проблемы с:

column: { 
    dataLabels: { 
     formatter: function() 
     {         
      return this.y; 
     } 
    } 
} 

Где this.y должна быть разница.

Это, как именно в это время http://jsfiddle.net/LLExL/4548/

Все, что я хочу изменить с помощью этого является метка над каждым из двух колонок с разницей процентов.

Answer 1

Внутри обратного вызова formatter вы можете использовать свойство series.chart.series[1].yData, чтобы получить значения y второго столбца/серии. yData - это массив всех значений y. Затем вы можете использовать свойство point.index, чтобы получить соответствующую точку второго столбца/серии.

column: { 
    dataLabels: { 
     formatter: function() 
     { 
      var firstColumnValue = this.y; 
      var secondColumnValue = this.series.chart.series[1].yData[this.point.index]; 
      var yourCalculation = (firstColumnValue - secondColumnValue)/firstColumnValue * 100; 
      return yourCalculation.toFixed(2) + '%'; 
     } 
    } 
} 

Обновлено JSFiddle

Answer 2

Одна из возможностей состоит в том, чтобы предварительно рассчитать все различия и просто ссылаться на них в вашем formatter. Например, определить свой series в переменной, и цикл над ним, чтобы создать отдельный diffs массив различий, например:

var series = [{ 
    name: 'Omsetning', 
    data: [ 
     // ... 
    ] 
    } 
    // ... 
]; 

var diffs = []; 

for(i = 0; i < series[0].data.length; i++) { 
    var v1 = series[0].data[i].y; 
    var v2 = series[1].data[i].y; 
    diffs.push((Math.abs(v1-v2)/((v1+v2)/2)) * 100); 
} 

$('#container').highcharts({ 
    plotOptions: { 
     column: { 
      dataLabels: { 
       formatter: function() 
       {         
        return Highcharts.numberFormat(diffs[this.x])+"%"; 
       } 
      } 
     } 
    } 
    series: series 
    // ... 
}); 

См this JSFiddle demonstration, как она выглядит.