Я пытаюсь выполнить горячую замену типов диаграмм на основе изменений в поле выбора. Если данные необходимо обновить, они меняются.

Так, например, при загрузке страницы я создаю такую диаграмму:

var config = {
     type: 'line',
     data: {
        labels: this.labels,
        datasets: [{
            label: 'Some Label',
            data: this.values
        }]
     },
     options: {
         responsive: true
     }
}
var context = document.getElementById('canvas').getContext('2d');
window.mychart = new Chart(context, config);

Но затем я меняю поле со списком на гистограмму. Я протестировал данные с гистограммой при загрузке страницы, и она отлично сработала.

Вот как я пытаюсь изменить график.

window.mychart.destroy();

// chartType = 'bar'
config.type = chartType;

var context = document.getElementById('canvas').getContext('2d');
window.mychart = new Chart(context, config);

window.mychart.update();
window.mychart.render();

Но ничего не происходит. График остается. Как я могу динамически изменять тип диаграммы? (Даже если это означает уничтожение и воссоздание холста диаграммы).

ОБНОВЛЕНИЕ

Обратите внимание: похоже, что он действительно разрушает диаграмму, но продолжает перерисовывать линейную диаграмму, хотя я делаю console.log(config.type);, и он возвращает bar, а не line