2012-11-18 36 views
1

我正在使用google图表api。将html添加到google图表工具提示

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行。

我该如何使工具提示为50像素宽度或内部

回答

7

你应该OPTION对象上设置如下:

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

你也应该修改该行:

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

在:

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

希望这有助于。

+0

非常有帮助,从来不知道我应该设置这两个选项。 – Smokie