代码之家 › 专栏 › 技术社区 › Dirk Kampfmeier

间隔错误的轴

highcharts

0

Dirk Kampfmeier · 技术社区 · 7 年前

请看下面的图片和代码。JSFiddle中的示例 https://jsfiddle.net/KampfmeierDirk/ufjazwp9/1/

滴答声应以给定间隔10101的最小值20185351开始。下一滴答声应以20195452开始,以此类推。

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

谢谢你,德克

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 回复 | 直到 7 年前

1

0

ppotaczek 7 年前

使用 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/

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