highchart total dans l'info-bulle

je suis en utilisant ce code pour afficher un partage d'info-bulle:

tooltip: {
    crosshairs: true,
    shared: true,
    headerFormat: 'KW {point.key}<table>',
    pointFormat: '<tr><td style=\"color: {series.color}\">{series.name}: <b></td><td>{point.y} USD</b></td></tr>',
    useHTML: true,
    footerFormat: '</table>',
    valueDecimals: 2
},

Maintenant, je tiens à ajouter tous les points.les valeurs de y comme une valeur totale de le point. Mais comment puis-je boucle le point.y de chaque série pour calculer la valeur totale?

OriginalL'auteur Mike | 2013-02-05

  1. 11

    Excatly, voir exemple: http://jsfiddle.net/65bpvudh/7/

    tooltip: {
    formatter: function() {
        var s = '<b>'+ this.x +'</b>',
            sum = 0;

        $.each(this.points, function(i, point) {
            s += '<br/>'+ point.series.name +': '+
                point.y +'m';
            sum += point.y;
        });

        s += '<br/>Sum: '+sum

        return s;
    },
    shared: true
},
    Merci ça fonctionne, mais maintenant ".x" s'affiche 1335398400000 par exemple et ne pas afficher la date dans le format " %Y-%m-%d
    Il est horodatage de sorte que vous pouvez utiliser Highcharts dateFormat() api.highcharts.com/highcharts#Highcharts.dateFormat() pour traduire le timestamp de la date.

    OriginalL'auteur Sebastian Bochan

  2. 3

    Utiliser le footerFormat propriété (depuis la version 2.2) avec {point.total} pour montrer facilement le total sans avoir à re-définir la complète formatter fonction:

    tooltip: {
    footerFormat: 'Sum: <b>{point.total}</b>',
    shared: true,
},

    OriginalL'auteur danmichaelo