格式化程序功能在Highstocks中不起作用

Question

我正在尝试在Highstocks中添加自定义X轴值，但是我不知道为什么X轴值反映在Highcharts中。这是我尝试过的代码。

HTML：

 <div id="check">
 </div>

JS：

    Highcharts.stockChart('check', {  

        rangeSelector: {
                enabled: false
            },

    xAxis: {
        categories: ["a", "b", "c"],

        labels: {
            formatter: function () {
                console.log(this.value);
                return  this.value;

            }
        }
    },

    plotOptions: {
        series: {
            animation: {
                duration: 2000
            },
            marker:{
              enabled: false
            }
        }
    },

    xAxis:{
      animation:{
        enabled:true
       },
    },

    series: [{
        data: [5,3,4]
    }]
});

这里是小提琴：http://jsfiddle.net/abnitchauhan/j2Ls0gr3/

在小提琴中，您可以看到而不是类别值a，b，c显示时间戳记值。

我只想显示类别的值。我不知道为什么格式化程序功能不起作用。

Answer 1

注意，xAxis.categories和xAxis.type（要设置其他类型）功能在Highstock文档中不存在。

API：https://api.highcharts.com/highstock/xAxis

但是，您可以使用label.formatter回调在全局定义的数组中找到刻度线的位置并返回它。

演示：http://jsfiddle.net/BlackLabel/ak850jLu/

var xAxisCategories = ['a', 'b', 'c']

Highcharts.stockChart('check', {

  xAxis: {
    labels: {
      formatter: function() {

        return xAxisCategories[this.value];
      }
    }
  },

  series: [{
    data: [5, 3, 4]
  }]
});