ChartJS在悬停

Question

我意识到这方面有很多问题，但所提出的解决方案都没有帮助解决这个问题。下面是创建图表的代码。我尝试过.update（）,. clear（）,. destroy（）并使用jQuery删除;删除jQuery工作，但我不知道如何使用新数据重新加载/重新显示图表。如果它有帮助，当用户在日期选择器中选择不同的一天时，将检索新数据。我不一定需要使用jQuery。

function chart(c){
    var ctx = document.getElementById("compareChart");
    // allocate and initialize a chart
    var ch = new Chart(ctx, {
      type: 'bar',
        data: {
            labels: labelArray,
            datasets: [{
                type: 'bar',
                label: 'Provided',
                id: "y-axis-0",
                backgroundColor: "rgba(217,83,79,0.75)",
                data: providedArray
              },
              {
                type: 'line',
                label: 'Budget',
                id: "y-axis-0",
                backgroundColor: "rgba(51,51,51,0)",
                borderColor: "rgba(102,102,102,.38)",
                data: budgetArray,
                pointBorderColor: "rgba(102,102,102,.38)",
                pointBorderWidth: 5,
                pointHoverRadius: 5,
                pointHoverBackgroundColor: "#666666",
                pointHoverBorderColor: "rgba(220,220,220,1)",
                pointHoverBorderWidth: 2,
                pointRadius: 1,
                pointHitRadius: 10
            }]
        },
        options: {
            tooltips: {
                mode: 'label'
            },
                maintainAspectRatio: false,
                responsive: true,
            scales: {
                xAxes: [{
                    ticks: {
                        autoSkip: false
                    },
                stacked: true
                }],
              yAxes: [{
                stacked: true,
                position: "left",
                id: "y-axis-0"
              }]
            }
        } 
    });   
}