仅在工具提示中将值从0更改为某些内容

时间:2017-11-08 12:38:21

标签: chart.js

我在2.6.0版本上使用带有Bootstrap 4的chartjs。

一切都运行正常,除了我在工具提示中值为0时尝试替换信息而未投票 我已经尝试了很多,但无法弄清楚。

Graph picture

你能帮帮我吗? 附上的图片说明了这一点。

图中的值仍应为零,但是当值为0时,我需要在工具提示中翻译此信息。

我的代码已经有了这些信息:

tooltips: {
            custom: function(tooltip) {
                if (!tooltip) return;
                // disable displaying the color box;
                tooltip.displayColors = false;  
              },
            callbacks: {
                title: function(tooltipItem, data) {
                    return this._data.labels[tooltipItem[0].index];
                }
            }
        },

非常感谢。

修改:Here is the second image after the suggested fix

1 个答案:

答案 0 :(得分:0)

我对此并不擅长,但这样就可以完成。您可能需要以不同的方式工作。但是如果你把你的图表创建得如何,那么我可以把它做成完全匹配。基本上你会想要这个:

callbacks: {
    title: function(tooltipItem, data) {
        return this._data.labels[tooltipItem[0].index];
    },

    label: function(tooltipItem, data){
        var lab = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
        return lab === 0 ? "Não Avaliado" : "Avaliação Geral: " + lab;
    }
}