Chart.js - 懸停彈出 - 使用值添加標籤 - 不起作用

早上好。我正在與Chart.js合作，並將其設置爲生成一個漂亮的條形圖。不幸的是，當您將鼠標懸停在條上時，默認彈出窗口僅顯示條的顏色和值。酒吧的顏色對我們的用戶無益。我希望彈出窗口顯示組中每個欄的標籤及其值。有點像：Chart.js - 懸停彈出 - 使用值添加標籤 - 不起作用

第一個項目：80 第二個項目：25 第三個項目：64

有許多關於這個問題的其他職位，他們建議使用 multiTooltipTemplate：「< %% = datasetLabel％>： < %% = value％>「

我試過了，但沒有效果。沒有錯誤，但沒有改變彈出。也許它沒有正確設置。有什麼建議麼？

$.post(url, dataObject) 
.done(function (results) { 

    if (results.length > 0) { 

     //Build mydatasets empty array 
     var mydatasets = []; 

     //Loop through the results and build a new data array object to be added to the master data array object that will 
     //be assigned to the chart bars. 
     for (var i = 0; i < results.length; i++) { 

      var dataset = 
       { 
        label : results[i].WorkTypeName, 
        fillColor : getRandomColor(), //Found in the ChartHelpers.js file 
        data : results[i].Hours 
       } 

      mydatasets.push(dataset); 
     } 

     //Plug the data into the data structure 
     var data = { 
      labels: startdates, 
      datasets: mydatasets 
     }; 

     //Get chart context 
     var ctx = $("#myChart").get(0).getContext("2d"); 

     // This will get the first returned node in the jQuery collection and use it to create a bar chart 
     myBarChart = new Chart(ctx, { 
      options: { 
       multiTooltipTemplate : "<%%=datasetLabel%> : <%%=value%>" 
      } 
     }).Bar(data); 

    } 

});

來源

2016-03-22 johneasley

找到了一些額外的實驗的答案！其他論壇帖子曾建議使用

multiTooltipTemplate : "<%%=datasetLabel%> : <%%=value%>"

中的選項。生成語法錯誤消息。刪除額外的兩個百分號會導致彈出按計劃顯示。

multiTooltipTemplate : "<%=datasetLabel%> : <%=value%>"

來源

2016-03-28 15:27:16 johneasley

Chart.js - 懸停彈出 - 使用值添加標籤 - 不起作用

回答

相關問題