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

Series.target

configuration

The target of the bullet chart.

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    type: "bullet",
    series: [{
        data: [10, 15, 8, 12],
        target: {
            line: {
                width: 2
            },
            color: "red"
        }
    }]
});
</script>
Object|Function

The border of the target.

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    type: "bullet",
    series: [{
        data: [10, 15, 8, 12],
        target: {
            border: {
                color: "blue",
                width: 2,
                dashType: "dash"
            }
        }
    }]
});
</script>

series.target.color

String|Function

The target color.

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    type: "bullet",
    series: [{
        data: [10, 15, 8, 12],
        target: {
            color: "green"
        }
    }]
});
</script>

The target line.

<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
    type: "bullet",
    series: [{
        data: [10, 15, 8, 12],
        target: {
            line: {
                width: 3
            }
        }
    }]
});
</script>