optional zIndex of series doesn't appear to be working

6 posts, 0 answers
  1. Clyde
    Clyde avatar
    7 posts
    Member since:
    Dec 2015

    Posted 20 May 2016 Link to this post

    I noticed on http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.zIndex that there is an optional attribute for changing the sort order of a multi series chart.  When I set the zIndex, however, it does not work.  The chart still renders the way it wants.  Is there a way to set the stack order of the series?  The data is completely dynamic and it doesn't make sense to hard code a solution when something more dynamic will do.  Please advise.
  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2780 posts

    Posted 23 May 2016 Link to this post

    Hi,

    Can you please share a snippet, preferably in the dojo, that demonstrates the problem.

    The snippet in the documentation seems okay in terms of zIndex.

    Regards,
    T. Tsonev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Clyde
    Clyde avatar
    7 posts
    Member since:
    Dec 2015

    Posted 23 May 2016 in reply to T. Tsonev Link to this post

    Here is my series code:

    ```

    series: [
        { color: "#00FFFF", data: [1, 2, 3, 4], name: "Item1", stack: true, type: "area", zIndex: 5 },
        { color: "#00FF00", data: [5, 6, 7, 8], name: "Item2", stack: true, type: "area", zIndex: 4 },
        { color: "#4169E1", data: [8, 7, 6, 5], name: "Item3", stack: true, type: "area", zIndex: 3 },
        { color: "#FF8C00", data: [4, 3, 2, 1], name: "Item4", stack: true, type: "area", zIndex: 1 },
        { color: "#808080", data: [5, 6, 7, 8], name: "Item5", stack: true, type: "area", zIndex: 2 },
      ]

    ```

     

  4. T. Tsonev
    Admin
    T. Tsonev avatar
    2780 posts

    Posted 25 May 2016 Link to this post

    Hello,

    I think I can see where the confusion is coming from.

    Stacked series don't actually sit behind each other, they sit on top of each other. The zIndex makes no sense here, only the series order will be taken into account.

    Regards,
    T. Tsonev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Clyde
    Clyde avatar
    7 posts
    Member since:
    Dec 2015

    Posted 25 May 2016 in reply to T. Tsonev Link to this post

    Is there anyway to accomplish what I need?  series 1 sits behind the stacked series 2 and series 3.  So series 1 is not stacked but series 2 and 3 are.
  6. T. Tsonev
    Admin
    T. Tsonev avatar
    2780 posts

    Posted 27 May 2016 Link to this post

    Hello,

    I assume this is the same issue as discussed in this forum thread. I'm afraid stack grouping is not supported for stacked area, this also excludes zIndex support.

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