javascript - 如何在HighCharts中绘制Balanced yAix？

我正在尝试在Highcharts中绘制新的多折线图。如何绘制平衡的yAxis？

我尝试设置tickPositions，tickInterval等...使用tickPositions这样：

Highcharts.chart('container', {
    xAxis: {

    },
    yAxis:{
        tickPositions: [0, 100, 1000, 10000],
        //tickInterval : 1000

    },
    series: [
        {
            name: 'Installation',
            data: [4100, 4009]
        }, {
            name: 'Manufacturing',
            data: [1100, 1009]
        }, {
            name: 'Sales & Distribution',
            data: [110, 1009]
        },{
            name: 'E4',
            data: [50, 1009]
        }]
});

像这样：

最佳答案

您的示例代码将yAxis与type: 'linear'一起使用。您的示例结果图像使用带有yAxis的type: 'logarithmic'。

您可以将代码更改为（JSFiddle example）：

Highcharts.chart('container', {
    xAxis: {

    },
    yAxis:{
        type: 'logarithmic',
        tickPositions: [0, 1, 2, 3, 4]
    },
    series: [
        {
            name: 'Installation',
            data: [4100, 4009]
        }, {
            name: 'Manufacturing',
            data: [1100, 1009]
        }, {
            name: 'Sales & Distribution',
            data: [110, 1009]
        },{
            name: 'E4',
            data: [50, 1009]
        }]
});