echart 双折线 双Y轴， 折线，柱形 双Y轴图

 双折线图 双Y轴 双坐标系坐标

  

   

    

     

    
    

     

      option = {
     
    
   

    

     

    
    

     
    xAxis: {
     
    
   

    

     

    
    

     
        type: 'category',
     
    
   

    

     

    
    

     
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
     
    
   

    

     

    
    

     

          },
     
    
   

    

     

    
    

     
    yAxis: [
     
    
   

    

     

    
    

     

              {name: '数值',type: 'value', interval: 300, position:'left'},
     
    
   

    

     

    
    

     

              {type: 'value',
     
    
   

    

     

    
    

     
        position:'right',
     
    
   

    

     

    
    

     
        name:'百分百',
     
    
   

    

     

    
    

     
         axisLabel: {
     
    
   

    

     

    
    

     
            formatter: '{value} %'
     
    
   

    

     

    
    

     

               }
     
    
   

    

     

    
    

     

              }
     
    
   

    

     

    
    

     

          ],
     
    
   

    

     

    
    

     
    series: [{
     
    
   

    

     

    
    

     
        data: [820, 932, 901, 934, 1290, 1330, 1320],
     
    
   

    

     

    
    

     
        type: 'line'
     
    
   

    

     

    
    

     

          },{
     
    
   

    

     

    
    

     
        data: [100, 200, 300, 400, 500, 600, 700],
     
    
   

    

     

    
    

     
        type: 'line',
     
    
   

    

     

    
    

     
        yAxisIndex: 1
     
    
   

    

     

    
    

     

          }]
     
    
   

    

     

    
    

     

      };
     
    
  
 

  
 
 

双Y轴，折线 柱形图

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/106606317