在具有对数轴的HighCharts图表中,未遵守最小和最大轴值

时间:2016-02-12 16:59:08

标签: javascript highcharts logarithm

我有一个带有对数缩放y轴的堆积柱形图(JSFiddle here,改编自基本的演示图表)

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        yAxis: {
                type:'logarithmic',
            min: 0.3, // I WANT THE Y-AXIS TO START AT 0.3
            min: 25, // I WANT THE Y-AXIS TO END AT 25
            endOfTick:false,
            maxPadding:0,
                    tickInterval:0.1,
        },
        plotOptions: {
            column: {
                stacking: 'normal',
            }
        },
        series: [{
            data: [5, 3, 4, 7, 2]
        }, {
            data: [2, 2, 3, 2, 1]
        }, {
            data: [3, 4, 4, 2, 5]
        }]
    });
});

我处理了此Stackoverflow page上建议的所有选项,以设置确切的最小和最大y轴值,但没有成功。 如何强制y轴图表以我想要的值开始和结束?

2 个答案:

答案 0 :(得分:1)

如您所发现的问题,请使用塞巴斯蒂安的回答tickPositioner。事实上,将startOnTickendOnTick设置为false时,极端情况是正确的,只是标签不会呈现。在这种情况下,请使用tickPositioner,例如:

  tickPositioner: function(min, max) {
    var ticks = this.tickPositions;

    ticks = $(ticks).filter(function(i, tick) {
      return tick > min && tick < max;
    });

    ticks.slice(0, 0, min);
    ticks.push(max);

    return ticks;

  }

现场演示:http://jsfiddle.net/99w72efv/5/

答案 1 :(得分:0)

没有财产endOfTick - &gt;你正在寻找endOnTick

示例:

参考: