Changing dataSource on chart won't update my chart.

[Dennis]

I want to update the dataSource of my chart based on a selection in a kendoDropDownList, however no change is applied (and neither do I see exceptions).

$('#parking-filter-select').kendoDropDownList({

    dataSource: usageData,

    change: function (e) {

        var value = $('#parking-filter-select').val();

 

        var chart = $('#chart-utilization').data("kendoChart");

         

        chart.dataSource = new kendo.data.DataSource({

            data: usageData[value].Usage

        });

 

        chart.refresh();

    }

});

 

$('#chart-utilization').kendoChart({ 

    title: {

        text: "Parking utilization for week"

    },

    dataSource:{

        data: usageData[0].Usage

    },

    series:[{

        type: "column",

        field: "Max",

        name: "Max utilization"

    }],

    categoryAxis:{

        field: "Week"

    },

    tooltip: {

        visible: true,

        template: "${ Max } of ${ Capacity }"

    },

    legend: {

        visible: false

    }

});

I tried setting chart.dataSource.data too, but that also didn't work.

[Atanas Korchev]

Hi,

 Setting the dataSource field of the chart will not update it. The supported method is this:

chart.dataSource.data(newData);

 If it didn't work in your case we would need to reproduce it locally. You can provide a runnable page or create a jsFiddle.

Regards,
Atanas Korchev
the Telerik team

[Dennis]

http://jsfiddle.net/f8Qzx/  ... which works fine... I am going to get back to you on this and check out what is going wrong.


Mental note: make jsfiddles before posting in the forum ;-).

[Dennis]

Ok, I need to learn to read my own code...

Sorry for taking your time on this, lets just hope the fiddle is useful to someone else ;-).