highcharts 为单个点自定义工具提示

Question

我想自定义特定系列中最后一个点的工具提示，保留本系列和其他系列中的其他点，使用默认的工具提示格式。基本上，我正在寻找与此配置类似的东西。预先感谢您的帮助!

series: [{
            tooltip: {    // ?? tooltip does not work inside series
                formatter: function() {
                    if (lastPoint in the series) {  // ?? how to determine if lastPoint
                        return '<b>Final result is </b> ' + this.y;
                    }
                    // ?? return default format if it is not the last point in the series
                }
            },            
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6]        
        }, {
            data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]        
        }]

Answer 1

格式化程序功能在为系列定义时似乎不起作用。您可以使用 this.series.name 检查您所在的系列，然后您可以使用 this.series.xData.length - 1 == this.point.x 检查您是否处于最后一点。但是，命名您想要定位的点并在格式化程序函数中检查该点会更容易。 http://jsfiddle.net/Swsbb/ 。要查看所有格式化程序数据，请查看此处 http://api.highcharts.com/highcharts#tooltip.formatter .

$('#container').highcharts({   
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']
    },
    tooltip : {
        formatter: function() {
            var tooltip;
            if (this.key == 'last') {
                tooltip = '<b>Final result is </b> ' + this.y;
            }
            else {
                tooltip =  '<span style="color:' + this.series.color + '">' + this.series.name + '</span>: <b>' + this.y + '</b><br/>';
            }
            return tooltip;
        }
    },   
    series: [{
                data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, {y:135.6, name: 'last'}]

    },
    {
        data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
    }]

});