谷歌圖表API - 帶有兩個yAxis的圖表 - 如Google表格中的圖表

Question

我做了相當大的研究，我無法相信與當前版本的Google Charts API有關我無法制作像Google表 - https://support.google.com/drive/answer/2451203?hl=en與2 yAxis具有獨立的值和一個常見的xAxis。

*更新：到目前爲止，我設法做了一個酒吧&折線圖。我需要完全相同的東西，但現在左邊的vAxis值爲1到5.我需要附加的vAxis，其值爲0到2（目前，「STD」還有一個額外的xAxis，但它的值不是0到2，而是1到5）

function drawVisualization() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Month', 'Cups', 'STD'], 
     ['2.2', 4.1,  1.5], 
     ['2.3', 2.1,  1], 
     ['2.4', 3,  1.4], 
     ['2.6', 2,  1.2], 
     ['2.7', 2,  1.3], 
     ['2.1', 1.1,  1.7] 
    ]); 

    var options = { 
     title : 'Monthly Coffee Production by Country', 
     hAxis: {title: "Month"}, 
     vAxis: { 
     title: "Cups", 
     gridlines: { 
      count: 5 
     }, 
     baseline: 1, 
     format: "#" 
    }, 
     seriesType: "bars", 
     series: {1: {type: "line"}} 
    }; 

    var chart = new google.visualization.ComboChart(document.getElementById('visualization')); 
    chart.draw(data, options); 
} 

Answer 1

問題解決！

google.load('visualization', '1', {packages: ['corechart']}); 
google.setOnLoadCallback(drawVisualization); 

function drawVisualization() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Month', 'AVRG', 'STD'], 
     ['Item 1', 4.1,  1.5], 
     ['Item 2', 2.1,  1.1], 
     ['Item 3', 3,  0.7], 
     ['Item 4', 2,  1.5], 
     ['Item 5', 2,  1.7], 
     ['Item 6', 1.1,  0.3] 
    ]); 

    var options = { 
    title : 'Title', 
    hAxis: {title: "Month"}, 
    vAxes:[ 
     { 
      title: "AVRG", 
      gridlines: { 
       count: 5 
      }, 
      baseline: 1, 
      format: "#" 
     }, 
     { 
      title: "STD", 
      gridlines: { 
       count: 2 
      }, 
      baseline: 0, 
      format: "#" 
     } 
    ], 
    series:[ 
     {targetAxisIndex:0}, 
     {targetAxisIndex:1, type: "line"} 
    ], 
    seriesType: "bars" 
    }; 

    var chart = new google.visualization.ComboChart(document.getElementById('visualization')); 
    chart.draw(data, options); 
}