相关疑难解决方法(0)

如何编辑chartjs工具提示以在工具提示中添加自定义字符串

例如:我想更改"1月:28个文件"或"28个文件"之类的工具提示

我已经在stackoverflow中尝试了几个答案,但无济于事使它无法工作..我是Chart.js的新手,所以请耐心等待.

这是我到目前为止所尝试的. 将逗号添加到ChartJS数据点和此Chart.js数字格式

这是我的代码:

提前致谢.

Chart.defaults.global.legend = {
 enabled: false
};

function load_yearly_sales_per_agent(param_year, transaction_url){
    $(".custom_loader").show();
    $(".custom_graph").hide();
    $.ajax({
        url:transaction_url,
        type:'post',
        data: {year : param_year},
        dataType:'json',
        success:function(result){
              // Bar chart
              var ctx = document.getElementById("mybarChart");
              var mybarChart = new Chart(ctx, {
                responsive: true,
                multiTooltipTemplate: "<%=addCommas(value)%>",
                type: 'bar',
                data: {
                  labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                  datasets: [{
                    label: 'Sales Per Month',
                    backgroundColor: "#26B99A",
                    data: result
                  }]
                },

                options: {
                  scales: {
                    yAxes: [{
                      ticks: …

我有这个数组，它被格式化为字符串：

['6.35', '2.72', '11.79', '183.25']

问题是当我将其转换为数字时（使用 - 不带双引号） array.match(/\d+/g).map(Number) || 0;

它将用于小数的点更改为逗号。然后我最终得到这个新数组：

6,35,2,72,11,79,183,25

因此，数组中不再有 4 个项目，现在我有 8 个项目，因为我的分隔符是逗号。

关于如何在不替换点的情况下转换此数组的任何想法？

我正在使用Chart.js,这里是我想要发生的事情. 我的示例图

我需要在这些值上附加逗号来表示千位.例如:1,000

animation: {
    duration: 500,
    easing: "easeOutQuart",
    onComplete: function (label) {
        var ctx = this.chart.ctx;
        ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontFamily, 'normal', Chart.defaults.global.defaultFontFamily);
        ctx.textAlign = 'center';
        ctx.textBaseline = 'bottom';
        this.data.datasets.filter(dataset => !dataset._meta[Object.keys(dataset._meta)[0]].hidden).forEach(function (dataset) {
            for (var i = 0; i < dataset.data.length; i++) {
                var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model,                 
                    scale_max = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._yScale.maxHeight;
                                    ctx.fillStyle = '#000';
                var y_pos = model.y - 5;
                // Make sure data value does not get overflown and hidden
                // when the bar's value is too close to max …