google-visualization - 将 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}});

希望这可以帮助。