指定类别时 highcharts 刻度位置不正确

Question

请看一下按预期显示的图表(即刻度位于指定位置):

http://jsfiddle.net/a3ZrC/3/

xAxis: {
    tickPositions: [1, 3, 4, 5, 10],
    gridLineWidth: '1',
    lineWidth: 1
    //tickPosition: 'outside'       
},

现在，如果我指定类别，刻度位置(和网格)会发生变化，它们不再位于标签上，请参阅:

http://jsfiddle.net/a3ZrC/4/

xAxis: {
    tickPositions: [1, 3, 4, 5, 10],
    categories: ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve'],
    gridLineWidth: '1',
    lineWidth: 1
    //tickPosition: 'outside'       
},

这是一个错误还是我遗漏了什么？

干杯，

托尼。

Answer 1

我猜你错过了一个技巧。您可以指定 tickmarkPlacement选项 。

默认为between。将其指定为 on 以获得所需的结果。

xAxis: {            
        tickPositions: [1, 3, 4, 5, 10],
        categories: ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve'],
        gridLineWidth: '1',
        lineWidth: 1,
        tickmarkPlacement: 'on'
    },

Fiddled版本。

希望这对您有所帮助。