javascript - Highcharts 未与刻度线对齐

Question

还有一个 highcharts 问题:

我似乎无法让它与刻度线对齐

fiddle :http://jsfiddle.net/mwoods98/gTQ75/1/

  $('#container').highcharts({
                chart: {
                    type: 'bar'
                },
                title: {
                    text: 'Testing Phase'
                },

                xAxis: {
                    categories: ['Phase'],
                    title: {
                        text: null
                    }
                },
                yAxis: {

                    categories: ['Option1', 'Option2', 'Option3', 'Option4', 'Option5', 'Option6', 'Option7', 'Option8', 'Option9', 'Option10', 'Option11', 'Option12', 'Option13', 'Option14'],
        labels: {
            rotation: 45,
        y:40  
        },
                    min: 0,
                    max: 13,
                    endOnTick: false,
                    startOnTick: false,
                    tickInterval: 1,

我已将 endOnTick 和 startOnTick 更改为 true，但仍然得到相同的结果。我知道我已经很接近了，但我只是不明白。

提前致谢。

Answer 1

我相信您正在寻找的选项是 tickMarkPlacement 。将其设置为on:

fiddle here .

yAxis: {
    tickmarkPlacement: 'on', 
    // other options here
}