Google 차트의 툴팁 데이터 변경

Question

저는 열 구글 차트가 있습니다.

20.02.2011 
Bananas: 3 

내가 2011년 2월 20일를 대체해야합니다 (예를 들어) 바나나의 카운트 때문에, 각 내 열 툴팁의 모습을

날짜

에 대한 수평 축을

수직 축 (https://www.google.com/jsapi 사용) 각 칼럼의 일부 텍스트를 참조하십시오.

가능합니까?

UPD 각 열의 일부 텍스트는 20.02.2011으로 바꿔야합니다. 그러나 수평 축의 날짜는 그대로 유지해야합니다.

Answer 1

하나의 옵션은 원하는 텍스트로 가로 축을 변경하는 것입니다.

예 : 당신이 사용자 정의 텍스트 년 바꾸려면이 샘플 코드에서 는 http://code.google.com/apis/ajax/playground/?type=visualization#bar_chart Chart URL

다음

var years = [2003, 2004, 2005, 2006, 2007, 2008]; 

에 변경 중

var years = ["a", "b", "c", "d", "e", "f"]; 

또는

var years = ["2003:a", "2004:b", "2005:c", "2006:d", "2007:e", "2008:f"]; 

Answer 2

최고 없이는 할 수있는 방법 실제 데이터 포인트를 변경하는 것은 툴팁 옵션을 통해 이루어집니다. 예를 들어 Google의 시각화 놀이터에 다음 코드를 복사하십시오.

function drawVisualization() { 
    data = new google.visualization.DataTable() 
    data.addColumn('string', 'Date'); 
    data.addColumn('number'); 
    data.addColumn({type:'string',role:'tooltip'}); 
    data.addRow(); 
    base = 10; 
    data.setValue(0, 0, 'Datapoint1'); 
    data.setValue(0, 1, base++); 
    data.setValue(0, 2, " This is my tooltip1 "); 

    data.addRow(); 
    data.setValue(1, 0, 'Datapoint2'); 
    data.setValue(1, 1, base++); 
    data.setValue(1, 2, "This is my second tooltip2"); 

    // Draw the chart. 
    var chart = new google.visualization.BarChart(document.getElementById('visualization')); 
    chart.draw(data, {legend:'none', width:600, height:400}); 
}