谷歌圖表可以支持雙y軸（v軸）嗎？

Question

Flot圖表API支持雙v軸標度，如this example所示。

我在使用谷歌圖表 - 這也可能與谷歌？我已經看過這些示例和文檔，但找不到任何示例/參考文件來表明它支持雙軸圖表。

Answer 1

我花了一段時間才弄明白這一點，但Google Charts 確實支持雙Y軸（v軸）。我想使用Javascript API而不是HTML界面。

該實施例在這裏可以進行測試： http://code.google.com/apis/ajax/playground/?type=visualization#line_chart

替換所有的代碼的與該代碼示出了如何使用兩個不同的Y軸標度：

function drawVisualization() { 
    // Create and populate the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'x'); 
    data.addColumn('number', 'Cats'); 
    data.addColumn('number', 'Blanket 1'); 
    data.addColumn('number', 'Blanket 2'); 
    data.addRow(["A", 1, 1, 0.5]); 
    data.addRow(["B", 2, 0.5, 1]); 
    data.addRow(["C", 4, 1, 0.5]); 
    data.addRow(["D", 8, 0.5, 1]); 
    data.addRow(["E", 7, 1, 0.5]); 
    data.addRow(["F", 7, 0.5, 1]); 
    data.addRow(["G", 8, 1, 0.5]); 
    data.addRow(["H", 4, 0.5, 1]); 
    data.addRow(["I", 2, 1, 0.5]); 
    data.addRow(["J", 3.5, 0.5, 1]); 
    data.addRow(["K", 3, 1, 0.5]); 
    data.addRow(["L", 3.5, 0.5, 1]); 
    data.addRow(["M", 1, 1, 0.5]); 
    data.addRow(["N", 1, 0.5, 1]); 


    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
     draw(data, {curveType: "function", width: 500, height: 400, 
    vAxes: {0: {logScale: false}, 
      1: {logScale: false, maxValue: 2}}, 
    series:{ 
     0:{targetAxisIndex:0}, 
     1:{targetAxisIndex:1}, 
     2:{targetAxisIndex:1}}} 
     ); 
} 

通過添加maxValue: 2到代碼，並將系列1 & 2設置爲該軸，它們在第二軸上正常工作。

Answer 2

我做到了。

1. 單擊數據系列
2. 一個小框將顯示2個小方塊只有兩個大膽的兩側各有
3. 單擊第二個

可能，於是做了。