Google Graph API 自定义工具提示粗体答案

【问题标题】：Google Graph API Custom Tooltip BoldingGoogle Graph API 自定义工具提示粗体
【发布时间】：2017-06-30 19:19:32
【问题描述】：

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

特别是上面看到的一些文本的粗体。一旦我添加了自己的工具提示，我就不能再像在默认视图中那样将文本的部分加粗。

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

有什么想法吗？

【问题讨论】：

标签： javascript google-visualization

【解决方案1】：

默认视图的样式是粗体，而自定义工具提示不是。

根据您的图表类型，您可以启用 HTML 工具提示并使用它们来自定义格式，如 here 所述。这适用于：

面积图
条形图
烛台图
柱形图
组合图
折线图
散点图

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

【讨论】：

设置并没有那么复杂——无论如何我已经完成了一半。按预期工作。谢谢。

【解决方案2】：

根据：@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>'
}

我很长一段时间都找不到任何解决方案，在设置字体系列属性后一切正常:)

【讨论】：