2011-08-31 5 views

답변

93

Google 차트 이 듀얼 Y 축 (v 축)을 지원합니까? HTML 인터페이스가 아닌 Javascript API를 사용하고 싶습니다.

이 예는 여기에서 시험 할 수있다 : 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로 설정하면 두 번째 축에서 올바르게 작동합니다.

+2

두 번째 vAxis가 maxValue : 10으로 설정되어 있기 때문에 위의 예에서는 두 개의 다른 Y 축 축척이 표시되지 않지만 (두 번째 vAxis가 다른 maxValue 값으로 설정하면 두 가지 다른 저울. –

+0

@JamieKitson 답변이 지금 있습니다. 누군가가 편집 했어야했습니다 –

+0

시도했지만 편집 내용이 거부되었습니다 iirc : -/ –

-3

내가 해냈어. 데이터 계열

    1. 클릭 작은 상자가 두 번째

    이 다음 할 수 있음에 두 개의 굵은면 각

  • 클릭으로 2 개 작은 사각형으로 표시됩니다.

  • +3

    답을 명확히하기 위해 구체적인 예를 추가 할 수 있습니까? – m4rtin