Как изменить диаграмму на холсте, используя Jquery?

Question

Я пытаюсь изменить диаграмму в тэге холста, когда изменяется выбранный параметр в раскрывающемся списке. Пример кода HTML:

<select id="type-chart" size="1">
    <option id="bar-chart" value="barChart">text1</option>
    <option id="line-chart" value="lineChart">text2</option>
</select>

Затем я готовлю два типа диаграмм, используя Диаграмму js:

var lineChart = {...}
var barChart = {...}

Наконец, я использую этот код Jquery для достижения своей цели:

var myChart;
$('#type-chart').change(function() {
    var lastOption = $(this).val();
    var ctx = document.getElementById("barchart").getContext("2d");

    if (myChart) {
        myChart.destroy(); // Remove the old chart and all its event handles
    }

    myChart = new Chart(ctx, lastOption);
});

Теперь в переменной lastOption у меня выбрано правильное значение в выпадающем списке (barChart или lineChart), однако диаграмма не отображается на холсте. Имейте в виду, что код работает отлично, если я хочу только barChart, заменив последнюю строку на:

myChart = new Chart(ctx, barChart);

но даже если переменная lastOption = barChart, код:

myChart = new Chart(ctx, lastOption);

не работает. Кто-то может мне помочь? Большое спасибо!