如何格式化工具提示文本

Question

我有一些需要格式化的代码。基本上，我有一些带有翻转的Highchart图表，翻转显示一个包含天气信息的框，如下所示：

我想使值显示为与工具提示的其余部分相同的样式，而不是以粗体显示。这是负责的代码：

tooltip: {
        shared: true,
        crosshairs: true,
        valueSuffix: '°' + config.temp.units,
        valueDecimals: config.temp.decimals,
        xDateFormat: "%A, %e %b, %H:%M",
    },

Answer 1

您可以参考HighCharts Tooltip formatter，然后使用style添加自己的CSS：

tooltip: {
    shared: true,
    crosshairs: true,
    valueSuffix: '°' + config.temp.units,
    valueDecimals: config.temp.decimals,
    xDateFormat: "%A, %e %b, %H:%M",
    style: {
        font-weight: "bold"
    }
},

Answer 2

您可以修改pointFormat并使用不带<b>标记的行。

输出

 <span style="color:{point.color}">\u25CFÂ</span> {series.name}: {point.y}<br/>