线条图上的两条线与非比例值

我想获得一个googlecharts线图来显示两条线图，其中包含日期的Y轴和所用物质总量的x轴。它将是一个折线图，比较每天消耗的烟草总量与每天消耗的烟草总量。线条图上的两条线与非比例值

我正在努力的领域是弄清楚如何更密切地显示这些线彼此之间的关系。一天中消耗的酒精总量可能为1000mL，范围为900至1100，而烟草可能仅为3至2至4的范围。正如您所看到的，在线条图上，这些线将会是彼此相距很远，并没有真正显示相关性。

什么是最好的系统来做到这一点？

2013-06-13 user2444539

你想要的是一个组合图。我从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"}} 
    }); 
}

来源

2013-06-13 13:00:54

线条图上的两条线与非比例值

回答

相关问题