javascript - 为什么这个简单的 Highcarts JS Fiddle 示例不使用 SetCategories 调用重置 XAxis？

Question

问题的标题说明了一切。我有这个 fiddle SetCateforiesFiddleExample

我想要做的是将类别从月份更改为数字作为一个简单的示例，以应用于我的实际应用程序。有人可以帮助我解释为什么这个 fiddle 没有正确地将类别设置为数字吗？

$(function () {
$('#container').highcharts({

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});


// the button action
$('#button').click(function () {
    var chart = $('#container').highcharts();
    chart.xAxis[0].remove(false);
    chart.addAxis({
          lineWidth: 2,
          lineColor: '#08F'},
          true,false);
    chart.xAxis[0].setCategories(['1','2','3','4','5','6','7','8','9','10','11','12'], false);
    chart.redraw();
});

});

Answer 1

我宁愿使用 Axis.update() 使用新类别和选项更新轴，而不是删除轴、添加新轴并设置其类别:

    chart.xAxis[0].update({
    lineWidth: 2,
    lineColor: '#08F',
    categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
  },
  true, false);

在这里您可以看到它如何工作的示例； http://jsfiddle.net/5tzjoq3h/17/