Keno ui pie chart angular is not refreshing datasource at runtime

4 posts, 0 answers
  1. Manas
    Manas avatar
    4 posts
    Member since:
    Jun 2016

    Posted 09 Jun 2016 Link to this post


    Angular Code to update datasource:

    $scope.bindGroupCost = function (groupCostData) {            
                $scope.bindGroupCostData = new{ data: groupCostData });


    HTML Code:

     <div class="k-content">
                                                    <div kendo-chart
                                                         k-title="{ text: 'Group Total Cost', position: 'bottom' }"
                                                         k-series-defaults="{ type: 'pie' }"
                                                         k-series="[{ field: 'groupCost', categoryField: 'groupName', padding: 0 }]"
                                                         k-tooltip="{ visible: true, format: 'Group Cost: {0} £' }"
                                                         style="width:100%; height:350px; border:1px;"></div>

    Calling angular function from javascript:



    My problem is that when I am updating the 'slices' values at runtime, kendo pie chart is not updating the datasource and pie chart is not updating.

    Please let me know how to refresh the keno chart when datasource is updating at runtime.

    Look forward to hear from you.

    Let me know if you need any more details..

  2. Manas
    Manas avatar
    4 posts
    Member since:
    Jun 2016

    Posted 09 Jun 2016 in reply to Manas Link to this post

    Please, let me know how to fix this issue?


    Provide me some links for reference.


    We are currently evaluating the Kendo UI for our application. If support is not that much responsive then we have think about replacing kendo with other options available in the market.

    Waiting for a quick positive response guys..

  3. Dimiter Topalov
    Dimiter Topalov avatar
    633 posts

    Posted 13 Jun 2016 Link to this post

    Hello Manas,

    Thank you for considering Kendo UI.

    You can edit the data items by first getting them via the method, and then setting the desired values via the set() method of the model. The Kendo UI Chart will be rerendered automatically to reflect the changes.

    You can also add new items to the chart's dataSource dynamically via the add() method  Again, the changes will be reflected automatically.

    I have prepared a simple example, demonstrating the suggested approach:

    Please inspect the dojo, and apply the necessary adjustments to your implementation.

    You can find more information about the Kendo UI Chart and DataSource in the following documentation articles, API references, and online demos:



    As for our support service response time, it is 72 hours for trials, 48 hours for forum posts, and 24 hours for license holders:

    I hope this helps.

    Dimiter Topalov
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  4. Manas
    Manas avatar
    4 posts
    Member since:
    Jun 2016

    Posted 14 Jun 2016 in reply to Dimiter Topalov Link to this post

    Hi Dimiter,

    Thanks for your response. However, I have fixed the problem by myself.

    There was one strange thing when I was calling a http service method then keno ui chart was updating data source otherwise, chart datasource property was updated but not reflecting in front end. Strange!



Back to Top