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

Series.highlight.border

configuration

The border of highlighted points. The color is computed automatically from the base point color.

Applicable to pie series.

series.highlight.border

Object

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    series: [{
        type: "pie",
        highlight: {
            border: {
                width: 3,
                color: "blue",
                opacity: 0.7
            }
        },
        data: [10, 15, 8]
    }]
});
</script>

series.highlight.border.color

String

The border color.

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    series: [{
        type: "pie",
        highlight: {
            border: {
                color: "orange"
            }
        },
        data: [10, 15, 8]
    }]
});
</script>

series.highlight.border.opacity

Number

The border opacity.

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    series: [{
        type: "pie",
        highlight: {
            border: {
                opacity: 0.5
            }
        },
        data: [10, 15, 8]
    }]
});
</script>

series.highlight.border.width

Number

The width of the border.

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    series: [{
        type: "pie",
        highlight: {
            border: {
                width: 4
            }
        },
        data: [10, 15, 8]
    }]
});
</script>