highcharts personalizza il suggerimento per un singolo punto

Question

Desidero personalizzare la descrizione del comando dell'ultimo punto di una serie specifica, lasciare altri punti in questa serie e altre serie, con il formato suggerimento predefinito. Fondamentalmente, sto cercando qualcosa di simile a questa configurazione. Grazie in anticipo per il vostro aiuto!

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

La funzione di formattazione non sembra funzionare quando è definita per una serie. È possibile verificare in quale serie ci si trova usando this.series.name e quindi verificare se si è sul punto finale utilizzando this.series.xData.length - 1 == this.point.x. Ma sarebbe più facile nominare il punto che si desidera targetizzare e verificarlo nella funzione di formattazione. http://jsfiddle.net/Swsbb/. Per vedere tutti i dati del formattatore, controllare qui 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] 
    }] 

});