间隔错误的轴

时间:2018-11-05 09:21:21

标签: highcharts

请参见下面的图片和代码。 JSFiddle https://jsfiddle.net/KampfmeierDirk/ufjazwp9/1/

中的示例

刻度线应从最小的20185351开始,给定的间隔为10101。下一个刻度线应在20195452上,依此类推。

但是y轴从0开始,显示的第一个刻度是20191899(= 1999 * 10101)。是否可以按所需的方式移动刻度线?

谢谢,德克

bar chart

Highcharts.chart('container', {
    chart: {
        type: 'bar'
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    yAxis: {
        min: 20185351,
        max: 20387371,
        tickInterval: 10101,
        startOnTick: false,
        endOnTick: false,
        reversedStacks: false,
        labels: {
            format: '{value}',
            style: {
                fontSize: '8px'
            }
        }
    },
    series: [{
        name: 'A',
        data: [20185351]
    },{
        name: 'B',
        data: [100000]
    },{
        name: 'C',
        data: [10000]
    }]
});

1 个答案:

答案 0 :(得分:0)

使用tickPositioner选项:

yAxis: {
    tickInterval: 10101,
    reversedStacks: false,
    tickPositioner: function(){
        var positions = [];

        for (var i = 20185351; i <= 20387371; i+= 10101) {
            positions.push(i);
        }

        return positions;
    },
    labels: {
        format: '{value}',
        style: {
            fontSize: '8px'
        }
    }
}

实时演示:https://jsfiddle.net/BlackLabel/h4rfju98/

API:https://api.highcharts.com/highcharts/yAxis.tickPositioner