Google Graph API自定义工具提示标题

时间:2013-02-07 20:33:30

标签: javascript google-visualization

我正在尝试复制Google Graph API使用的默认工具提示样式:

Default Tooltip

特别是如上所示的一些文本的粗体。只要我添加自己的工具提示,我就不能像在默认视图中那样加粗部分文本。

标签tooltip.textStyle只提供一个选项,可以更改显示的整个文本{color: <string>, fontName: <string>, fontSize: <number>}的颜色。

有什么想法吗?

2 个答案:

答案 0 :(得分:4)

默认视图使用粗体设置样式,而自定义工具提示则不是。

根据您的图表类型,您可以启用HTML工具提示,并使用这些工具提示自定义格式here。这适用于:

  • AreaChart
  • BARCHART
  • K线
  • 的ColumnChart
  • ComboChart
  • 应用于LineChart
  • ScatterChart

设置起来很复杂,但它可以让您在工具提示的显示方式上获得最大的灵活性。

答案 1 :(得分:0)

根据:@jmac回答,很容易。但如果您不能加粗字体(根据Google Charts Docs)请设置自定义字体系列,例如:

function createCustomHTMLContent(date, label, value) {
return '<div style=" font-family:Arial; /* other styles... */">' +
        '<div><b>' + date + '</b></div>'+
        '<div><b>' + label + ':</b> ' + value + ' </div>'+
    ' </div>'
}

我很久没找到任何解决方案了,在设置了font-family propeteries之后一切正常:)