2012-11-18 28 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