Chart.js(堆积条形图)如何计算工具提示中标签的总和?

luaexgnf  于 2022-11-06  发布在  Chart.js
关注(0)|答案(3)|浏览(177)

我正在尝试计算并显示已 Package未 Package标签的总和
我已经计算了标签的值,但不知道如何在工具提示中插入新标签
因为在Chart.js的新版本上,我可以通过 * 设置〉插件〉工具提示 * 访问工具提示,但在回调中,我只得到了一个标签的数据集

  • 图表js v3.0.2*

第一个

x4shl7ld

x4shl7ld1#

label回调可用于修改特定标签。因此,请尝试使用afterBodyfooterafterFooter回调中的任何一个
https://www.chartjs.org/docs/3.0.2/configuration/tooltip.html#tooltip-callbacks

使用footer回调的示例

第一个

9avjhtql

9avjhtql2#

您可以使用afterBody回调函数来显示总和。
示例:
第一个

u2nhd7ah

u2nhd7ah3#

下面的工具提示为我做到了这一点(字符数据包含您的数据集和其他信息):

tooltip: {
    callbacks: {
      footer: function(items) {
        var total = 0;
        for (var i = 0; i < chartData['datasets'].length; i++){
            total += chartData['datasets'][i].data[items[0].dataIndex];
        }
        return 'Total: ' + total 
      }
    }
}

相关问题