Question

我使用一些PHP循环为个人生成一系列图表。我试图将X轴类别点放在我的列的顶部。相关代码是：

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/

堆叠柱顶部的Highcharts X-Axis值

1 个答案: