圖表JS自定義工具提示與％和標籤的X和Y車軸

-1

我似乎無法找到一個足夠好的答案來解決這個問題。圖表JS自定義工具提示與％和標籤的X和Y車軸

我試圖找出如何自定義x和y軸的工具提示標籤，

使用此代碼我能定製yLabel每個提示：

options: { 
 
    
 
    tooltips: { 
 
     callbacks: { 
 
      label: function(tooltipItem, data) { 
 
       return "Energi, Vatten och Återvinning: " + Number(tooltipItem.yLabel).toFixed(0).replace(/./g, function(c, i, a) { 
 
        return i > 0 && c !== "." && (a.length - i) % 3 === 0 ? "," + c : c; 
 
       }); 
 
      } 
 
     } 
 
    },

tooltip as shown

由於我的JS知識是有限的，我似乎無法能夠將腳本修改爲在值之後顯示百分比符號，以及顯示x軸的標籤。

來源

2016-11-17 user2953657

你也許會在這裏開我的玩笑，因爲需要什麼特別的，只是添加+「％」在標籤函數返回的結尾：

options: { 
 
    
 
    tooltips: { 
 
     callbacks: { 
 
      label: function(tooltipItem, data) { 
 
       return "Energi, Vatten och Återvinning: " + Number(tooltipItem.yLabel).toFixed(0).replace(/./g, function(c, i, a) { 
 
        return i > 0 && c !== "." && (a.length - i) % 3 === 0 ? "," + c : c; 
 
       })+ " %"; 
 
      } 
 
     } 
 
    },

而且，在我看來，整個功能至少可以簡化爲：

options: { 
 
    
 
    tooltips: { 
 
     callbacks: { 
 
      label: function(tooltipItem, data) { 
 
       return "Energi, Vatten och Återvinning: " + Number(tooltipItem.yLabel).toFixed(0)+ " %"; 
 
      } 
 
     } 
 
    },

來源

2016-11-18 23:31:00

感謝百分比答案，這是相當新手的錯誤，但與x軸標籤有關的問題還沒有得到解答，這或多或少是主要問題 – user2953657

好吧，如果您正在考慮xLabel名稱在工具提示中，可以使用標題回調進行配置： https://jsfiddle.net/6kya3Ltu/ 您可能需要自定義函數以適合您的圖表類型，但實質上您可以這樣做。 –

謝謝，我會嘗試 – user2953657

圖表JS自定義工具提示與％和標籤的X和Y車軸

回答

相關問題