Highcharts Значение X-Axis поверх столбчатого столбца

Question

Я использую некоторые петли PHP, создавая серию диаграмм для отдельных лиц. Я пытаюсь поместить точку категории X-Axis поверх моего столбца для каждой точки. Relavent код:

xAxis: { 
     categories: [<?php echo implode(',', $year); ?>], 
     title: { 
      text: 'Year'   
     } 
    }, 
    yAxis: [{ 
     min: 0, 
     title: { 
      text: 'ADR' 
     }, 
     stackLabels: { 
      enabled: true, 
      formatter: function() { 
       return '<b>' + this.x.category + '</b>'; 
      }, 
      style: { 
       fontWeight: 'bold', 
       color: (Highcharts.theme && Highcharts.theme.textColor) || 'black' 
      } 
     }, 

Я не уверен, как идти об этом я попытался this.x, this.x.category, this.x.value и до сих пор я не был в состоянии получить мое значение категории Х-оси. Как это сделать в Highcharts?

Answer 1

Стек представляет собой отдельный объект из серии или точки, поэтому не имеет прямого доступа к тем же свойствам.

Но с небольшим копанием, вы можете сделать ссылку из стека в категорию оси х (я всегда просто сделать console.log (это) в пределах форматера, чтобы увидеть, что он может получить доступ к ...)

formatter: function() { 
    var x = this.x; 
    var cat = this.axis.chart.xAxis[0].categories[x]; 
    return cat; 
} 

Пример:

• http://jsfiddle.net/jlbriggs/xgucespk/

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

Пример:

• http://jsfiddle.net/jlbriggs/xgucespk/1/