Kendo UI Chart - Visualize count of returned JSON fields

2 posts, 0 answers
  1. Moses
    Moses avatar
    1 posts
    Member since:
    Apr 2016

    Posted 29 Jun 2016 Link to this post

    I want to display the counts of specific retrieved fields in my pie/donut chart.
    I'm retrieving data via REST and the result is in json format. The source is a list repeating values:
     
     
         Example: In the following list, I'd like to get a present the number (count) of completed responses; perhaps in a second chart present the breakdown of responses by location.
     
        var userResponse  = [
              {     User:  "Bob Smith", Status: "Completed", Location: "USA" },
              {     User:  "Jim Smith", Status: "In-Progress", Location: "USA" }, 
             {     User:  "Jane Smith", Status: "Completed", Location: "USA" },
             {     User:  "Bill Smith", Status: "Completed", Location: "Japan" },
             {     User:  "Kate Smith", Status: "In-Progress", Location: "Japan" },
             {     User:  "Sam Smith", Status: "In-Progress", Location: "USA" },
         ]
     
    ======
     
    My Initialization currently looks like this:
     
     

    $('#targetChart').kendoChart({

        dataSource: {

            data: data.d.results,

            group: {

                field: "Location",

            },

        },

        seriesDefaults: {

            type: "donut",

        },

        series: [{

            field: 'Id',

            categoryField: 'Location',

        }],

    });

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2606 posts

    Posted 01 Jul 2016 Link to this post

    Hi Moses,

    If I understand correctly you would like to group the data by Location and display the status count? Following the approach from this how-to should help to achieve this. For your convenience here is a dojo - please check it and let me know if I am missing something.

    Regards,
    Iliana Nikolova
    Telerik
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
Back to Top