New to Kendo UI for jQuery? Start a free 30-day trial

Series.overlay

configuration

The effects overlay.

series.overlay

Object

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    type: "column",
    series: [{
        data: [10, 15, 8, 12],
        overlay: {
            gradient: "glass"
        }
    }]
});
</script>

series.overlay.gradient

String

The gradient name.

Available options:

*glass(bar and column series) *roundedBevel(pie series) *sharpBevel(pie series) *none

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    type: "column",
    series: [{
        data: [10, 15, 8, 12],
        overlay: {
            gradient: "glass"
        }
    }]
});
</script>