Chart.js tooltipTemplate funktioniert nicht

Question

Also arbeite ich mit einem Balkendiagramm in Chart.js, und ich versuche, die benutzerdefinierten Tooltips arbeiten zu lassen. Suche um, wie es scheint, die Sache in diesem Zusammenhang zu tun ist,

tooltipTemplate: "<%= value %>% test" 

meine Optionen Abschnitt hinzuzufügen, und das würde nach meinem Datenwert in dem resultierenden Tooltip das Wort Test anzuzeigen. Mein Tooltip bleibt jedoch in der Realität völlig unverändert. Und Ideen?

Danke!

Answer 1

Hier ist ein Beispiel für benutzerdefinierte Quickinfo-Label:

var ctx = document.getElementById("myChart"); 

var barChartData = { 
     labels : [ "Jan/16", "Feb/16", "Mar/16", "Abr/16", "May/16", "Jun/16", "Jul/16" ], 
     datasets : [ { 
      type : 'bar', 
      label : "Revenue (US$)", 
      data : [ 4000, 4850, 5900, 6210, 2500, 4000, 6500 ], 
      backgroundColor : 'rgba(0, 0, 255, 0.3)' 
     } ] 
    }; 

var myChart = new Chart(ctx, 
    { 
     type : 'bar', 
     data : barChartData, 
     options : { 
      responsive : true, 
      tooltips : { 

       callbacks : { // HERE YOU CUSTOMIZE THE LABELS 
        title : function() { 
         return '***** My custom label title *****'; 
        }, 
        beforeLabel : function(tooltipItem, data) { 
         return 'Month ' + ': ' + tooltipItem.xLabel; 
        }, 
        label : function(tooltipItem, data) { 
         return data.datasets[tooltipItem.datasetIndex].label + ': ' + tooltipItem.yLabel; 
        }, 
        afterLabel : function(tooltipItem, data) { 
         return '***** Test *****'; 
        }, 
       } 

      }, 
      scales : { 
       xAxes : [ { 
        display : true, 
        labels : { 
         show : true, 
        } 
       } ], 
       yAxes : [ { 
        type : "linear", 
        display : true, 
        position : "left", 
        labels : { show : true }, 
        ticks : { 
         beginAtZero : true 
        } 
       } ] 
      } 
     } 
    });