highchart 設置雙Y軸坐標 雙x軸坐標方法

我們的圖表一旦引入了兩種不同單位或者數量級相差很大的數據以后，這時候需要兩種坐標對其進行計量。

下面以設置雙Y軸為例，

y軸坐標的參數設置成：

yAxis: [{
                title: {
                    text: '坐標一',
                },
                labels: {
                    overflow: 'justify'
                },
                gridLineWidth : 0,
                stackLabels : {
                    style : {
                        color : '#fff'
                    }
                }
            },{
                title: {
                    text: '坐標2',
                },
                labels: {
                    overflow: 'justify'
                },
                gridLineWidth : 0,
                stackLabels : {
                    style : {
                        color : '#fff'
                    }
                },
                opposite : true 
            }],

然后在設置series時：

series: [{
                name: '訂單數',
                data: uvList
            },{
                name: '銷售額',
                data: pvList,
                yAxis : 1 // 注意要在這里顯示設置一下
            }],

 

完畢！