Google图表API样式工具提示

Question

有没有办法在Google图表API中设置工具提示的样式？我设法只使用改变文本的颜色tooltip.textStyle.那么,有任何溶液改变白色背景一些其它颜色(如图所示上图片):

测试操场http://jsfiddle.net/nyNAg/

Answer 1

我通过意外发现找到了解决方案:

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

无论如何,我没有在google chart API中找到任何背景配置选项.

Answer 2

通过在您的谷歌图表代码选项中编写此代码，启用 HTML 处理工具提示：( tooltip: { isHtml: true },) 如果需要，添加一个逗号。:)

现在您可以使用 HTML 和 css 设置工具提示的样式。:)

/ CSS 样式/

要设置工具提示框的样式：

div.google-visualization-tooltip {}

设置字体大小、颜色等内容的样式

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

使用!important需要时;）

http://jsfiddle.net/nyNAg/66/