Highcharts - 提供tickPositions的刻度线之间的相等间距

时间:2017-04-10 10:34:15

标签: highcharts

Highcharts.chart('container', {
    chart: {
        height: 'some height',
    },
    title: {
        text: ""
    },
    legend: {
        enabled: false
    },
    credits: {
        enabled: false
    },
    series: [], // data
    xAxis: {
        title: {
            enabled: false
        },
        lineWidth: 1,
        lineColor: 'white',
        tickAmount: 5,
        min: 100000000,
        max: 1000000000000,
        tickPixelInterval: 100,
        tickPositions: [1000000000, 10000000000, 100000000000, 1000000000000]
    },
    yAxis: {
        height: '100%',
        title: {
            enabled: true,
            text: 'Investment'
        },
        tickAmount: 10
    }
})

上面的代码会产生类似The labels on the xAxis are overlapping as there isn't any data for 100 million, 1 billion & 10 billion.

的内容

xAxis上的标签重叠,因为范围非常高(范围从1亿到1万亿)。

在阅读highcharts API doc时,我发现tickPositions方法会覆盖tickPixelInterval&中的值。 tickInterval。这就是我无法指定自定义tickInterval值的原因。

我想要的是,在每个提到的tickPosition之间保持相等的间距。如果气泡重叠,它会很好。

0 个答案:

没有答案