100% stacked area color field and sorting of datasource

3 posts, 0 answers
  1. Morten
    Morten avatar
    285 posts
    Member since:
    Jul 2012

    Posted 28 Dec 2016 Link to this post

    I have two issues with the following 100% stacked area chart:

    http://jsbin.com/dofuxudome/1/edit?js,output

    1) How can I sort the data source so that second sort field is used?

    2) How can I color the areas using the colorField?

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2611 posts

    Posted 29 Dec 2016 Link to this post

    Hi Morten,

    Up to the questions
    1). By default, the grouping overrides the sort order. Therefore to achieve the expected outcome I would suggest the following approach: 
    - Group by the "sort" field;
    - Sort by the "date" field;
    - Use the series.name option to display the ranges in the legend.
    For your convenience I updated the provided example - http://dojo.telerik.com/@Iliana/OParU

    2). Please check the following forum thread which discusses the same scenario: 

    http://www.telerik.com/forums/series-colors-with-grouped-datasource#9BBlR7rNSku2efk-kgY9Aw

    Regards,
    Iliana Nikolova
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Morten
    Morten avatar
    285 posts
    Member since:
    Jul 2012

    Posted 30 Dec 2016 in reply to Iliana Nikolova Link to this post

    Thanks Iliana. All my trouble solved :-)
Back to Top