javascript - 如何更改 highchart 中的工具提示颜色？

Question

我正在尝试更改工具提示背景颜色。这是目前的样子。

我使用的格式化函数是

     tooltip: {
        useHTML: true,
        enabled: true,
        //backgroundColor: null,
        borderWidth: 0,
        shadow: false,
        formatter: function () {
            var value = '<div style="background-color:red;"><span><b>Market Performance<span style=\'padding-left:50px\'>' + this.x + '</span></b><br/> ' + this.series.name + '$' + this.y + '</span><div>';
            return value;

        },
},

我希望工具提示背景颜色是系列颜色。另外请建议我如何填充 div，因为如图所示，div 被红色填充了一半。提前致谢。

Answer 1

将格式化程序函数更改为

   tooltip: {
        useHTML: true,
        enabled: true,
        backgroundColor: null,
        borderWidth: 0,
        shadow: false,
        formatter: function () {
            var value = '<div style="background-color:'+ this.series.color+';padding:10px"><span><b>Market Performance<span style=\'padding-left:50px\'>' + this.x + '</span></b><br/> ' + this.series.name + '$' + this.y + '</span><div>';
            return value;
        }
}

这是例子FIDDLE