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

Question

如何在我启用滚动时删除显示在 x 轴上的额外数字（x 轴标签）。 Code Sample: 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/

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

  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/

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

How to remove additional number appear in x-axis Highchart

javascript

jquery

highcharts

column-chart