Highcharts堆叠列顶部的X轴值

Question

我正在使用一些PHP循环为个人生成一系列图表。我试图将X轴类别点放置在每列顶部的列上。该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现在为止，我已经无法让我的x轴类别值。我如何在Highcharts中做到这一点？

Answer 1

堆栈是与系列或点不同的实体，因此不能直接访问相同的属性。

但是有了一点挖掘，你可以建立从堆栈到x轴类别的链接（我总是在格式化程序中做一个console.log（this）来查看它可以访问什么......）

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/