javascript - Chart.js 更新到 X 轴不更新

Question

我一直在尝试更新我的图表 x 轴，而无需刷新页面或清除 Canvas 。下面是我的 js 用于更新标签值然后应该更新图表的函数。我也尝试过 ctx.update();

Chart.js V2.8

function dateRange(){
    var date1 = document.getElementById('date1').value;
    var date2 = document.getElementById('date2').value;
    date1 = date1.replace(/-/g,"");
    date2 = date2.replace(/-/g,"");
    raw_dates = raw_dates.filter(function(x){
        return x > date1 && x < date2;
    });
    dates = raw_dates;
    ctx.data.labels.update();
}

EDIT dates 是我的数组，用于存储 data.labels 的值，ctx 是我的图表。

Answer 1

我建议禁用图表动画，并在变量中实例化图表和 Canvas ，然后尝试销毁图表并使 Canvas 未定义(以释放内存)，然后创建一个新图表。