GoogleChartToolsのtableでtooltipを使用したい

Question

GoogleChartToolsのテーブル作成機能を使用しているのですが、
参考書やホームページを読むとテーブルにはtooltip機能が実装されていないようです。
※各セルごとではですが。

列毎では設定できるみたいなことを書いているサイトがあるのですが、
自分の理解力ではどのように書くのかまで理解できません。

わかりやすく教えていただける方はお願い致します。

参考ＵＲＬ
https://groups.google.com/forum/#!topic/google-visualization-api/t4jAaaJc200

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

グラフをどのような書き方で表示しているかによりますが、おおむね下記のような方法でツールチップを設定できます。

ポイントは、グラフのデーターをセットする時のオブジェクトgoogle.visualization.arrayToDataTable()にsetColumnProperty()で列のプロパティを設定します。

google.load('visualization', '1', {packages:['corechart']});
google.setOnLoadCallback(function () {
    //グラフデーターセット
    var data = google.visualization.arrayToDataTable([
        //グラフデータ
        [...]
    ]);

    //ツールチップ設定（列番号：0～getNumberOfColumns()）
    data.setColumnProperty(列番号, 'role', 'tooltip');

    //グラフエリア設定・軸設定など
    var options = {
        title: ...,
        ...
    };

    //グラフオブジェクト作成（グラフの種類設定）
    var chart = new google.visualization.ColumnChart(document.getElementById('線画場所ID'));
    chart.draw(data, options);
});