如何通过更改范围滑块来更新使用chart js构建的图表？

<canvas id="myChart"></canvas>

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        // 图表数据
    },
    options: {
        // 图表配置选项
    }
});

<input type="range" id="rangeSlider" min="0" max="100" step="1" value="50">

var rangeSlider = document.getElementById('rangeSlider');
rangeSlider.addEventListener('input', function() {
    // 获取滑块的值
    var sliderValue = rangeSlider.value;
    
    // 更新图表数据
    // 根据滑块的值修改图表数据
    
    // 更新图表
    myChart.update();
});