Edit this page

series.zIndex Number

An optional Z-index that can be used to change the default stacking order of series.

The series with the highest Z-index will be placed on top.

Series with no Z-index will use the default stacking order based on series type. For example line series will be on top with bar and area following below.

Example - Change the series stacking order

<div id="sparkline"></div>
<script>
    $("#sparkline").kendoSparkline({
      series: [{
        type: "line",
        zIndex: 1,
        color: "grey",
        data: [1, 2, 1, 1, 2, 1]
      }, {
        type: "line",
        color: "blue",
        zIndex: 3,
        data: [2, 2, 2, 2, 2, 2]
      }, {
        type: "area",
        color: "red",
        zIndex: 2,
        data: [0, 2, 0, 0, 2, 0]
      }]
    });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy