Google 차트 : 맞춤 툴팁이있는 여러 줄

여러 줄의 Google LineChart가 있습니다. 이 점은 같은 X 값의 내가 있도록 특정 방법으로 내 데이터를 포맷 할 필요가 작동 공유하지 않습니다Google 차트 : 맞춤 툴팁이있는 여러 줄

var data = google.visualization.arrayToDataTable([ 
     ["Y", "Your X & Y", "Product 1", "Product 2", "Product 3"], 
     [419, 589, null, null, null], 
     [386, null, 504, null, null], 
     [386, null, 526, null, null], 
     [387, null, 543, null, null], 
     [395, null, 564, null, null], 
     [402, null, 591, null, null], 
     [408, null, 612, null, null], 
     [378, null, null, 501, null], 
     [398, null, null, null, 600], 
     [460, null, null, null, 500] 
    ]);

지금 내가이 라인에 사용자 지정 도구 설명을 추가 할, 내가 여분을 추가하려고했습니다 열 및 툴팁 .. 역할을 설정하지만 이것은 첫 번째 줄에만 영향을 미칩니다.

은 (툴팁 및없이) 모두 차트를 참조하십시오 http://jsfiddle.net/TD92C/8/

어떻게 내가 모든 라인에 대한 사용자 지정 도구 설명을 추가하는 방법은 무엇입니까? 감사합니다

이 해결

: 당신은 확인해야 http://jsfiddle.net/asgallant/TD92C/14/

출처

2013-12-07 user3078654

솔루션을 공유해 주셔서 감사합니다 –

이

var data = google.visualization.arrayToDataTable([ 
//Columns 

    ["Y", //Name of the X-axis marker 
    "Your X & Y",{type: 'string', role: 'tooltip'}, 
    "Product 1",{type: 'string', role: 'tooltip'}, 
    "Product 2",{type: 'string', role: 'tooltip'}, 
    "Product 3",{type: 'string', role: 'tooltip'},], 
//Rows 
//Add tooltip column after every value in each row 

    [419,589,"tooltip info about your x & y",null,'',null,'',null,''], 
    [386,null,'',504,'','Custom Tooltip',null,'',null,''], 
    [386,null,'',526,'Custom Tooltip',null,'',null,''], 
    [387,null,'',543,'Custom Tooltip',null,'',null,''], 
    [378,null,'',null,'',501,'Custom Tooltip',null,''], 
    [383,null,'',null,'',511,'Custom Tooltip',null,''], 
    [368,null,'',null,'',null,'',526,'Custom Tooltip'], 
    [373,null,'',null,'',null,'',547,'Custom Tooltip'], 
]);

처럼 변수

Fiddle 데이터가 서로 다른 찾고 있지만 당신은 열로 정확히 문자열로 첫 번째 요소를 수정하는 경우 첫 번째 열에 표시되는 색인은 정확합니다

출처

2016-03-08 13:20:14 Alex

Google 차트 : 맞춤 툴팁이있는 여러 줄

답변

관련 문제