在Highcharts中更改特定数据点的工具提示的背景颜色

时间:2013-02-20 22:22:42

标签: highcharts

我有一个Highcharts折线图并启用了工具提示,但是,我想在图表上只为一个数据点更改工具提示的背景颜色。
是否可以这样做?
到目前为止我有什么 tooltip: { formatter: function () { return this.y; }, backgroundColor: '#68BD49', borderColor: '#000000', borderWidth: '1' },

1 个答案:

答案 0 :(得分:1)

是的,可以使用HTML选项并定义自定义参数。显然你可以使用CSS样式/类禁用填充/边距,但是以最简单的方式你可以用这种方式实现:

 tooltip: {
        useHTML:true,
        formatter: function() {
            console.log(this);
            if(this.point.customBck)
                return '<div style="background-color:red;">The value for <b>'+ this.x + '</b> is <b>'+ this.y +'</b></div>';
            else
                return '<div>The value for <b>'+ this.x + '</b> is <b>'+ this.y +'</b></div>';
        }
    },

http://jsfiddle.net/XnLpH/1/