我有一个堆叠的柱形图,它具有对数比例的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轴图以所需的值开始和结束?

最佳答案

如您所发现的问题,请使用Sebastian的答案和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/

关于javascript - HighCharts图表中不具有对数轴的最小和最大轴值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35368207/

10-10 22:16