2012-04-18 3 views
1

Google 시각화 API의 툴팁에 맞춤 텍스트를 추가하고 싶습니다. 나는 누적 형 차트를 백분율로 사용하고 있으며 차트 자체에 영향을주지 않고 툴팁에 표시되는 원시 숫자에 대한 추가 값을 추가하고 싶습니다.Google 시각화 API 누적 형 차트 용 툴팁?

이 내 현재 코드입니다 : 나는 1996 년 골프 마우스를 움직일 때 있도록

var dt = new google.visualization.DataTable(
    { 
     cols: [{id: 'Year', label: 'year', type: 'string'}, 
       {id: 'Golf', label: '% time on golf', type: 'number'}, 
       {id: 'Soccer', label: '% time on soccer', type: 'number'}, 
      ], 
     rows: [{c:[{v: '1996'}, {v: 11}, { v: 10} ]}, 
       {c:[{v: '1997'}, {v: 2}, { v: 10} ]}, 
       {c:[{v: '1998'}, {v: 2}, { v: 10} ]}, 
       {c:[{v: '1999'}, {v:2}, { v: 10} ]}, 
       {c:[{v: '2000'}, {v:7, f:'7.000'}, { v: 10} ]} 
      ] 
    }, 
    0.6 
) 
    var ac = new google.visualization.AreaChart(document.getElementById('visualization')); 
    ac.draw(dt, { 
    isStacked: true, 
    width: 600, 
    height: 400, 
    vAxis: {title: "% of time"}, 
    hAxis: {title: "Year"} 
    }); 

가 어떻게, 원시 데이터 번호 및 추가 툴팁을 추가 할 수는 (말), 그것뿐만 아니라 나에게 또 다른 번호가 표시됩니다?

rows: [{c:[{v: '1996'}, {v: 11, raw_value: 17}, { v: 10, raw_value: 16} ]}, 

을 그리고뿐만 아니라 raw_value을 포함하도록 툴팁의 내용을 지정

나는이 같은 수의 행을 변경할 수 있습니다 기대했다.

답변

0

내 자신의 질문에 대한 답을 찾았지만, 다른 누구도 같은 문제가있는 경우에 대비하여 여기에 적어 두었습니다.

대답은 내가 원했던 것과 비슷합니다. rowsf을 사용하면 툴팁에 형식이 지정된 값을 제공 할 수 있습니다. 좋아요 :

rows: [{c:[{v: '1996'}, {v: 11, f: 17}, { v: 10, f: 16} ]}, 
관련 문제