剑道图不会刷新

Question

I'm using a Kendo Chart, the first call works fine but when I call setInterval(getCharts, 800); the charts brings back the old results every time. If I refresh the page the chart brings the updates results. What am i doing wrong?

If I call $(#chartid).data('KendoChart').datasource.read(); it brings error datasource is undefined

 function myCallback(result) {
        // Code that depends on 'result'
        totalcountvar = result;
        return totalcountvar;
    }


    function foo(callback, id) {
        $.ajax({
            type: "POST",
            url: "Data/OutageCountHandler.ashx?id=" + id,
            data: "{}",
            async: false,
            contentType: "text/json; charset=utf-8",
            dataType: "json",
            success: callback
        });
    }
    function createChart2(chartid, c_title, fieldName, q_id) {

        if (q_id == 2) { foo(myCallback, 4); c_title = c_title + totalcountvar; }
        if (q_id == 3) { foo(myCallback, 2); c_title = c_title + totalcountvar; }
        if (q_id == 4) { foo(myCallback, 3); c_title = c_title + totalcountvar; }


        var sharableDataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "Data/ChartDataHandler.ashx?id=" + q_id,
                    dataType: "json"
                }
            }
        });
        // Bind data to Chart

            $("#" + chartid).kendoChart({
                theme: "moonlight",
                chartArea: {
                    width: 800,
                    height: 400,
                },

                title: {
                    text: c_title
                },
                dataSource: sharableDataSource,
                series: [{
                    field: fieldName.replace(/\s+/g, ''),
                    name: fieldName,
                    color: "#3074D8",
                    noteTextField: "Type",
                    notes: {
                        icon: {
                            visible: false
                        },
                        line: {
                            length: 20,
                            color: "transparent"
                        },
                        label: {

                           field:"Type",
                            position: "outside"
                        }
                    }
                }],
                seriesDefaults: {
                    type: "column",
                    labels: {
                        visible: true,
                        background: "transparent"
                    }
                },
                categoryAxis: {
                    field: "Area",

                },
                tooltip: {
                    visible: true,
                    background: "white",
                    format: "{0}",
                    template: "#= series.name #: #= value #"
                },
                legend: {
                    position: "bottom"
                }
            });



        }