谷歌圖表區域圖表自定義工具提示不按預期方式工作

我正在嘗試將工具提示添加到Google區域圖表，但我收到了意想不到的行爲。我拿了Area Chart JSFiddle example並修改它以添加一個自定義工具提示，如here所述。我的內容是這樣的：谷歌圖表區域圖表自定義工具提示不按預期方式工作

google.charts.load('current', {'packages':['corechart']}); 
    google.charts.setOnLoadCallback(drawChart); 

    function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Year', 'Sales', 'Expenses', { type: 'string', role: 'tooltip'}], 
     ['2013', 1000,  400, 'wtf'], 
     ['2014', 1170,  460, 'hithere'], 
     ['2015', 660,  1120, 'doh'], 
     ['2016', 1030,  540, 'moohaha'] 
    ]); 

    var options = { 
     title: 'Company Performance', 
     hAxis: {title: 'Year', titleTextStyle: {color: '#333'}}, 
     vAxis: {minValue: 0}, 
     focusTarget: 'category' 
    }; 

    var chart = new google.visualization.AreaChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    }

的jsfiddle這裏：https://jsfiddle.net/accelerate/y18tb8eq/

而不是更換整個提示內容，如我所料，「費用」的提示行獲取我的提示數據替換。例如，第一組數據的工具提示如下所示：

2013 
Sales: 1,000 
Expenses: wtf

有人可以向我解釋我做錯了什麼嗎？

來源

2016-11-16 accelerate

我想通了。工具提示在哪一欄是重要的。我需要在第一列之後立即放置工具提示列。所以我的標題欄必須如下所示：

['Year', { type: 'string', role: 'tooltip'}, 'Sales', 'Expenses']

來源

2016-11-16 03:58:35 accelerate

谷歌圖表區域圖表自定義工具提示不按預期方式工作

回答

相關問題