Bullet charts are categorical charts which are a variation of the Bar charts.

You can use them as a replacement for dashboard gauges and meters. The bullet graph compares a given quantitative measure, such as temperature, against a qualitative range, such as warm, hot, and cold, and a symbol marker which encodes the comparative measure, such as the max temperature a year ago.

Basic Usage

The following example demonstrates the Bullet chart in action.

<div id="vueapp" class="vue-app">
    <kendo-chart :legend-visible=false

new Vue({
    el: "#vueapp",
    data: function() {
        return {
            bulletdata: [[750, 762.5]],
            plotBands: [{
                from: 715, to: 752, color: '#ccc', opacity: 0.6
            }, {
                from: 752, to: 772, color: '#ccc', opacity: 0.3
            tooltiptemplate: 'Maximum: #= value.target # <br /> Average: #= value.current #',
            series: [{
                type: 'bullet',
                data: [[750, 762.5]]

In this article