将html添加到谷歌图表工具提示

Question

我正在使用谷歌图表api。

javascript代码：

       var data = new google.visualization.DataTable();
       data.addColumn('number', 'buy'); 
       data.addColumn('number', 'sell'); 
       data.addColumn({type:'string', role:'tooltip'});
       data.addRows( ... my data here  ... 
                   [[ 10 ,12 , "I'm very long long message in tooltip" ] [ ...  and more data.

图表上的工具提示在1行中显示“我在工具提示中的长信息”。

如何使工具提示宽度为50px ......或者在内部为什么？

Answer 1

您应该在OPTION对象上设置以下内容：

options = {
    tooltip: {isHtml: true}
};

您还应修改该行：

data.addColumn({type:'string', role:'tooltip'});

在：

data.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});

希望这有帮助。