Javascript HighCharts在select的onchange事件之后读取新数据？

Question

我有一个页面，其中包含使用高脚椅的图表。

我还有一个过滤数据的选择。

由于数据实际正在发生变化，所以一切正常。

我的问题是，在更改（更改事件后）和更改数据后，图表不会重新加载新数据。

以下是代码：

$(function () {
    $("#myselect").change(function () {
        var data = myModule.getNewData();
    });

    var res = Object.keys(data).map(itm => [+itm, data[itm]]);
    var data = res;

    window.chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            type: 'area'

        },
        rangeSelector: {
            selected: 1,
            inputDateFormat: '%d-%m-%Y',
            inputDateParser: function (value) {
                value = value.split('-');
                return Date.UTC(
                    parseInt(value[2]),
                    parseInt(value[1]) - 1,
                    parseInt(value[0])
                );
            },
        },
        title: {
            text: ''
        },
        plotOptions: {
            area: {
                fillColor: '#7cb5ec',
                threshold: null
            },
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function () {
                        }
                    }
                }
            }
        },
        series: [{
            name: 'mychart',
            data: data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    }, function (chart) {
        setTimeout(function () {
            $('input.highcharts-range-selector', $('#' + chart.options.chart.renderTo)).datepicker()
        }, 0)
    });

    $.datepicker.setDefaults({
        dateFormat: 'dd-mm-yy',
        onSelect: function (dateText) {
            this.onchange();
            this.onblur();
        }
    });
});

如果在select上的onchange事件被触发并获得新数据后如何让它读取新数据呢？