비례 값이있는 선 그래프의 두 선

Question

데이터 표시 줄 그래프에 Y 축의 날짜와 사용 된 총 물질 x 축이있는 두 개의 선 그래프가 표시됩니다. 예를 들어 매일 소비되는 담배에 소비 된 총 알코올 양을 비교하는 선 그래프 일 것입니다.

내가 고심하고있는 영역은이 선들을 서로에 대해보다 밀접하게 표시하는 방법을 알아내는 것입니다. 1 일에 소비되는 총 알콜의 양은 900 ~ 1100의 범위에서 1000mL와 비슷할 수 있지만 담배는 2 ~ 4의 범위에서 3과 같을 수도 있습니다. 알 수 있듯이 선 그래프에서 이러한 선은 서로 아주 멀리 떨어져 있고 상관 관계를 실제로 보여주지 않습니다.

이 작업을 수행하는 데 가장 적합한 시스템은 무엇입니까?

Answer 1

원하는 것은 콤보 차트입니다. 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"}} 
    }); 
}