2017-11-08 1 views
0

Ich benutze chartjs mit Bootstrap 4, Version 2.6.0.Ändere den Wert von 0 zu etwas nur im Tooltip

Alles funktioniert gut, außer dass ich versuche, eine Information zu ersetzen, wenn Wert 0 auf Tooltip ist, um nicht gewählt zu werden Ich habe viel versucht und kann es nicht herausfinden.

Graph picture

Können Sie mir helfen? Es gibt ein Bild, das veranschaulicht.

Der Wert noch innerhalb der Graph Null sein sollte, aber ich brauche diese Informationen im Tooltip zu übersetzen, wenn der Wert 0.

Mein Code ist bereits diese Informationen:

tooltips: { 
      custom: function(tooltip) { 
       if (!tooltip) return; 
       // disable displaying the color box; 
       tooltip.displayColors = false; 
       }, 
      callbacks: { 
       title: function(tooltipItem, data) { 
        return this._data.labels[tooltipItem[0].index]; 
       } 
      } 
     }, 

Dank Menge.

Edit: Here is the second image after the suggested fix.

Antwort

0

Ich bin nicht gut damit, aber das wird es schaffen. Sie müssen möglicherweise anders arbeiten. Aber wenn Sie angeben, wie Sie Ihr Diagramm erstellen, kann ich es genau passend machen. Im Wesentlichen werden Sie das wollen:

callbacks: { 
    title: function(tooltipItem, data) { 
     return this._data.labels[tooltipItem[0].index]; 
    }, 

    label: function(tooltipItem, data){ 
     var lab = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]; 
     return lab === 0 ? "Não Avaliado" : "Avaliação Geral: " + lab; 
    } 
} 
+0

Jetzt ist es teilweise behoben. Wenn das Ergebnis 0 ist, ist es jetzt in Ordnung. Aber wenn das Ergebnis nicht 0 ist, die Information "Avaliação Geral:" vor dem Wert fehlt. Es zeigt nur die Wertnummer in der zweiten Zeile. Können Sie dabei helfen? Ich habe ein anderes Bild zur Veranschaulichung hochgeladen. –

+0

@ AndréLuizPaiz Ich habe die Antwort aktualisiert. – Matt

+0

Du bist ein Genie! Es hat funktioniert wie ein Zauber! Danke vielmals! –

Verwandte Themen