Chart not updating automagically

3 posts, 0 answers
  1. Paul
    Paul  avatar
    4 posts
    Member since:
    Mar 2014

    Posted 17 Feb 2016 Link to this post

    I have been playing around with a local copy of the pie chart using remote data, as per this demo


    The chart is rendering just fine. However, when I update the data on the server the chart does not update until I prompt it to with this;



    I found this post in the forums, perhaps the wording is misleading, but it suggests that it should "automatically refresh".


    Maybe I am missing something? Here is my source code;


    <!DOCTYPE html><html><head>
        <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
        <link rel="stylesheet" href="//" />
        <link rel="stylesheet" href="//" />
        <script src="//"></script>
        <script src="//"></script>
    <div id="example">
        <div class="demo-section k-content wide">
            <div id="chart"></div>
            function createChart() {
                   dataSource: {
                       transport: {
                           read: {
                               url: "",
                               dataType: "json"
                   title: {
                       text: "Title"
                   legend: {
                       position: "top"
                   seriesDefaults: {
                   series: [{
                       field: "percent",
                       categoryField: "resolution",
                       padding: 0,
                       type: "pie",
                       labels: {
                            visible: true,
                            background: "transparent",
                            template: "#= kendo.format('{0:P}', percentage)#"
                   tooltip: {
                       visible: true,
                       format: "N0",
                       template: "#= kendo.format('{0:P}', percentage)#"
            $(document).bind("kendo:skinChange", createChart);
            // Useing this to update the chart

  2. Paul
    Paul  avatar
    4 posts
    Member since:
    Mar 2014

    Posted 17 Feb 2016 in reply to Paul Link to this post


    I think it is safe to say that I misinterpreted the post in the forum. Of course, if the dataSource is updated (by calling, the chart will automatically update.  


    I will rephrase my question accordingly: 


    Is it possible for the Chart to poll for changes to remote data, and update automatically when this happens? 


    Many thanks


  3. T. Tsonev
    T. Tsonev avatar
    2791 posts

    Posted 19 Feb 2016 Link to this post


    I'm copying the response to your support here for community reference:

    Such type of "push notifications" require a special setup and won't work out of the box.

    The most popular solution is SignalR. We have an example with the Chart ready.

    I hope this helps.

    T. Tsonev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top