highcharts自定义(tooltip)提示框显示

时间:2024-03-26 17:20:50

在headerFormat里显示总数怎么显示啊,尝试了point.stackTotal,但是 发现只可以pointFormat中可以使用,在headerFormat不起任何作用,后来尝试了很多办法都不行,只能自定义的去编写了

highcharts自定义(tooltip)提示框显示

可能样式不是你想要的,不过支持简单的html样式,可以自定义的根据你的需求去修改,代码如下:

tooltip: {
                backgroundColor:'rgba(247,247,247,1)',//将提示框的透明度拿掉,默认是0.85
                crosshairs: [{
                    width: 1,
                    color: 'green'
                }],
                shared: true,
                formatter:function(){
                    console.log(this)
                    var totle=0;
                    $.each(this.points ,function(){
                        totle+=this.y;
                    });
                    var s = '<b style="font-size: 12px;font-weight: bold">'+this.x+'日当天共发生'+totle+'告警。其中</b>';
                    // s+='近'+alarmShowTime+'天内发生'+this.points[0].total+'告警。其中';
                    $.each(this.points ,function(){
                        s += '<br /><span style="color:'+this.color+'">●</span><span>  ' + this.series.name + ':' + this.y+' 条</span>';
                    });
                    return s;
                },

            },

其中关键代码在于formatter:function()内,希望能帮助到大家