2013-06-13 55 views
1

我想獲得一個googlecharts線圖來顯示兩條線圖,其中包含日期的Y軸和所用物質總量的x軸。它將是一個折線圖,比較每天消耗的菸草總量與每天消耗的菸草總量。線條圖上的兩條線與非比例值

我正在努力的領域是弄清楚如何更密切地顯示這些線彼此之間的關係。一天中消耗的酒精總量可能爲1000mL,範圍爲900至1100,而菸草可能僅爲3至2至4的範圍。正如您所看到的,在線條圖上,這些線將會是彼此相距很遠,並沒有真正顯示相關性。

什麼是最好的系統來做到這一點?

回答

3

你想要的是一個組合圖。我從Combo Chart的示例代碼開始,更改了最後一列,並添加了第二個軸。您最關心的參數是targetAxisIndex參數。

function drawVisualization() { 
    // Create and populate the data table. 
    var data = google.visualization.arrayToDataTable([ 
    ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'], 
    ['2004/05', 165,  938,   522,    998,   450,  614.6/100], 
    ['2005/06', 135,  1120,  599,    1268,   288,  682/100], 
    ['2006/07', 157,  1167,  587,    807,   397,  623/100], 
    ['2007/08', 139,  1110,  615,    968,   215,  609.4/100], 
    ['2008/09', 136,  691,   629,    1026,   366,  569.6/100] 
    ]); 

    // Create and draw the visualization. 
    var ac = new google.visualization.ComboChart(document.getElementById('visualization')); 
    ac.draw(data, { 
    title : 'Monthly Coffee Production by Country', 
    width: 600, 
    height: 400, 
    vAxis: {title: "Cups"}, 
    hAxis: {title: "Month"}, 
    seriesType: "bars", 
    series: {5: {type: "line", "targetAxisIndex": "1"}} 
    }); 
}