highcharts tooltip anpassen für einen einzelnen Punkt

Möchte ich die QuickInfo anpassen der Letzte Punkt in einer bestimmten Reihe, lassen Sie andere Punkte in dieser Serie und anderen Serien, mit Standard-QuickInfo-format. Grundsätzlich bin ich auf der Suche nach etwas ähnliches in dieser config. Vielen Dank im Voraus für Eure Hilfe!

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]        
        }]
InformationsquelleAutor E.A. | 2013-08-07
  1. 16

    Die formatter-Funktion scheint nicht zu funktionieren, wenn es für eine Serie. Sie können überprüfen, welche Serie Sie sind in durch die Nutzung dieser.Serie.Namen und dann können Sie überprüfen, wenn Sie auf den letzten Punkt, die Nutzung dieser.Serie.xData.Länge - 1 == diese.Punkt.x. Aber, es wäre einfacher, name der Punkt, den Sie ansprechen möchten, und überprüfen Sie, dass der formatter-Funktion. http://jsfiddle.net/Swsbb/. Um zu sehen, alle die formatter-Daten prüfen Sie hier 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]
    }]

});
    InformationsquelleAutor Barbara Laird
Schreibe einen Kommentar