谷歌圖表：帶自定義工具提示的多行

我有一個包含多行的Google LineChart。這點不共享相同的X值的，所以我必須格式化我的數據以某種方式，使其工作：谷歌圖表：帶自定義工具提示的多行

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

谷歌圖表：帶自定義工具提示的多行

回答

相關問題