Highcharts放大对数刻度

时间:2014-02-14 13:45:43

标签: javascript highcharts

我正在玩Highcharts中的对数比例。 注意到当接近minValue时,缩放会以奇怪的方式运行。

fiddle here是Highcharts用于在对数刻度上展示折线图的original fiddle的略微修改示例。

以下是使用对数刻度的柱形图的完整代码。

$(function () {
    $('#container').highcharts({
        chart: {
            type:'column',
            zoomType:'xy'
        },
        title: {
            text: 'Logarithmic axis demo'
        },
        xAxis: {
            tickInterval: 1
        },
        yAxis: {
            type: 'logarithmic',
            minorTickInterval: 0.1
        },
        tooltip: {
            headerFormat: '<b>{series.name}</b><br />',
            pointFormat: 'x = {point.x}, y = {point.y}'
        },
        series: [{            
            data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512],
            pointStart: 1
        }]
    });
});

尝试在.1和1之间进行缩放,你会发现一切都消失了,但图表似乎已经缩放到了某个地方。

这种行为有解释吗?

1 个答案:

答案 0 :(得分:0)

您需要设置minRange参数

yAxis: {
            type: 'logarithmic',
            minRange:0.1,
            minorTickInterval: 0.1
},

http://jsfiddle.net/G6ALa/1/