javascript - 選択したデータセットの値の合計 - charts.js 折れ線グラフ

Question

タイトルのグラフに値の合計を表示しようとしています。例:日報(合計: 6242.12)

キャンバスの上部セクションにあるデータセット アイコンをクリックして、チャートでデータセットが除外されるたびに、この数値を更新したいと思います。

現時点では、グラフのデータを更新して値の合計を表示するグラフの外側にいくつかのボタンがありますが、もちろん、ユーザーが特定のデータセットをクリックして折れ線グラフに含める/除外する場合は機能しません。

// Initializing Charts
    myChart = new Chart(document.getElementById("myDummyChart"), {
        type: 'line',
        data: {
            labels: dates,
            datasets: [{
                data: dummyData1,
                label: "dummyData1",
                borderColor: "#3e95cd",
                fill: false
            },{
                data: dummyData2,
                label: "dummyData2",
                borderColor: "#e8c3b9",
                fill: false
            },{
                data: dummyData3,
                label: "dummyData3",
                borderColor: "#3cba9f",
                fill: false
            },{
                data: dummyData4,
                label: "dummyData4",
                borderColor: "#8e5ea2",
                fill: false
            },{
                data: dummyData5,
                label: "dummyData5",
                borderColor: "#c45850",
                fill: false
            }]
        },
        options: {
            events: ['click'],
            title: {
                display: true,
                text: '30-Day Report (Total ' + total.toFixed(2) + ')'
            },
            responsive : false
        }
    });

手がかりはありますか？