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 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
    2772 posts

    Posted 23 May 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. Kendo UI is VS 2017 Ready
  4. Clyde
    Clyde avatar
    7 posts
    Member since:
    Dec 2015

    Posted 23 May 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 },
      ]

    ```

     

  5. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 25 May 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!
     
  6. Clyde
    Clyde avatar
    7 posts
    Member since:
    Dec 2015

    Posted 25 May 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.
  7. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 27 May 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
Kendo UI is VS 2017 Ready