所选数据集中的值总和 - charts.js折线图

时间:2018-06-05 10:48:58

标签: javascript javascript-events chart.js chartjs-2.6.0

我试图在标题中显示图表上的值总和。即 每日报告(总计: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
        }
    });

任何线索?

0 个答案:

没有答案