Echart實現多個y軸,坐標軸的個數及名稱由后台傳過來的json數據決定。


 yAxis: function(){
      var yAxis=[];
      for(var i=0;i<legend1.length;i++){
      var item={
           name:legend1[i],
           type:'value'
      };
           yAxis.push(item);
      }
                            
       return yAxis;
}()

這里可以獲取后台中的json數據,根據后台封裝的y軸的個數來確定圖表中到底使用幾個坐標軸進行顯示。

series中的數據也是根據后台傳過來的json數據進行填充的,在series中使用yAxisIndex: i來確定每一條曲線使用哪個坐標軸。

series:function(){
        var series=[];
        for(var i=0;i<legend1.length;i++){
               var item={
               data:seriesList[i],
               symbol: 'emptydiamond',
               name:legend1[i],
               barMaxWidth:30,
               yAxisIndex: i, //顯示不同的坐標軸
               type:type
           };
           series.push(item);
       }
                            
       return series;
}()

其中yAxisIndex,默認為0,在單個圖表實例中存在多個y軸的時候使用,所以,我們可以通過設置這個,實現具體的數據使用具體的y軸展示。

具體的效果為:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM