NVD3 TooltipContent non funziona

Question

Sto usando la libreria NVD3 per il mio progetto e ho scritto il seguente codice.

var chart = nv.models.lineChart() 
      .useInteractiveGuideline(true) 
      .margin({top: 50, right: 50, bottom: 50, left: 50}) 
      .tooltipContent(function (key, y, e, graph) { 
       console.log("helo"); 
       return "hello"; 
      }); 

L'output previsto dovrebbe essere quello di mostrare ciao al passaggio del mouse. Ma non capisco, invece ottengo il suggerimento predefinito.

Per favore fatemi sapere l'errore che sto facendo.

Answer 1

Potresti per favore creare un violino o un plunkr per questo? Qui di seguito è la realizzazione del nostro codice di progetto, restituisce un elemento HTML funziona un bene:

.tooltipContent(function (key, x, y, e) { 
          if (e.value >= 0) { 
           return '<h3>' + key + '</h3>' + 
            '<p>' + y + ' at ' + x + '</p>'; 
          } else { 
           return ''; 
          } 
         }); 

Answer 2

E 'ora possibile avere contenuti personalizzati con le linee guida interattiva a partire dalla versione 1.8.1 (https://github.com/novus/nvd3/tree/v1.8.1-alpha).

chart.interactiveLayer.tooltip.contentGenerator(function(data) { 
    return 'this is my custom content'; 
}); 

Answer 3

A partire dalla versione 1.8+ nvd3 utilizzare il metodo chart.tooltip.contentGenerator() invece di .tooltipContent()

Ad esempio:

chart.tooltip.contentGenerator(function(data) { 
     return '<p>' + data.point.x + '</p>' 
    } 

Maggiori informazioni qui - https://github.com/novus/nvd3/issues/1359