Chart.js工具提示模板不工作

Question

因此，我正在Chart.js中使用條形圖，並試圖讓自定義工具提示工作。搜索四周，好像事情在這方面做的是

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

添加到我的選項部分，這將顯示在結果提示我的數據值後的單詞測試。但是，我的工具提示在現實中完全沒有改變。和想法？

謝謝！

Answer 1

這是自定義工具提示標籤的例子：

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 
        } 
       } ] 
      } 
     } 
    });