javascript - 如何删除 x 轴 Highchart 中出现的附加数字

Question

当我启用滚动时，如何删除额外的数字在 x 轴上显示为（x 轴标签）。 代码示例：jsfiddle

JS代码：

var chart = new Highcharts.Chart({

chart: {
    renderTo: 'container',
    type:'column'
},

xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr'],
    max: 8
},


scrollbar: {
    enabled: true
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2]
}]
});

结果图像：

注意：请不要要求将最大值更改为 3，即 max:3

Answer 1

一种想法是使用 tickPositions 数组来设置刻度的位置：

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr'],
    max: 8,
    tickPositions: [0, 1, 2, 3]
  },

在这里您可以找到它如何工作的示例：http: //jsfiddle.net/fj6d2/3783/

如果标签上没有类别字符串，另一个想法是使用标签格式化程序并返回空字符串：

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr'],
    max: 8,
    labels: {
      formatter: function() {
        return typeof this.value !== 'number' ? this.value : ''
      }
    }
  },

http://jsfiddle.net/fj6d2/3785/

另一个想法是用空字符串填充您的类别数组，就像 Raghuveer 建议的那样：

http://jsfiddle.net/fj6d2/3786/