Google圖表API樣式工具提示

有什麼方法可以在Google圖表API中設置樣式工具提示？我設法只使用tooltip.textStyle來改變文字的顏色。那麼，有沒有解決白色背景改變一些其它顏色（如圖所示的圖片）：Google圖表API樣式工具提示

enter image description here

2012-05-29 vlgalik

我發現通過意外發現一個解決方案：

<style> 
path { 
    fill: yellow; 
} 
</style>

反正，我沒有找到在谷歌圖表API背景的任何配置選項。

2013-05-02 10:03:56 ricsca

我編輯了選擇器以僅匹配工具提示氣泡http://jsfiddle.net/nyNAg/21/ – vlgalik

是否可以在'var options = {}'處更改工具提示的背景？例如，要使圖表透明，您可以設置'var options = {backgroundColor：{fill：'transparent'}};' – Pathros

隨着谷歌圖表工具API實現了SVG根據Same Origin Policy，您可能無法訪問或修改另一個域的內容，除非通過服務器端操作發送客戶端響應之前，通過其服務器上託管的iframe進行。

鑑於這一點，我不知道你是如何設法改變文本顏色 - 也許是瀏覽器的錯誤？

2012-07-25 20:47:02 rutherford

有一個文本顏色「tooltip.textStyle」的配置選項，但不適用於背景顏色。我使用Firebug編輯了SVG，只是爲了展示我想要實現什麼（並製作了截圖）。 – vlgalik

我看到你的鏈接。除了那些風格的谷歌已經通過API特別提供的，我看不出有什麼方法可以解決這個問題。 – rutherford

可以用自定義HTML完全替換標籤。這可能有點複雜，但可以完全控制內容和風格。請參閱https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#custom_html_content

2014-03-28 10:26:52 pkopac

另一種選擇是覆蓋內嵌式規則，例如

li.google-visualization-tooltip-item span [style] {font-weight：normal！important; }

2014-11-14 08:58:59

啓用提示由HTML通過在谷歌圖表選項編寫這些代碼來處理 CODE：tooltip: { isHtml: true }（，）如果需要添加一個逗號。 :)

現在您可以使用HTML和css樣式工具提示。 :)

/CSS樣式/

樣式的工具提示框：

div.google-visualization-tooltip {}

款式像字體大小，顏色的內容，等

div.google-visualization-tooltip > ul > li > span {}

使用!important每當需要;）

2016-05-17 06:39:17 b0y

回答