javascript - Google Graph API 自定义工具提示粗体

Question

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

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

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

有任何想法吗？

Answer 1

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

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

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

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

Answer 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>'
}

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