Bullet graph

by Black Label

HTML

<script src="https://code.highcharts.com/11.2.0/highcharts.js"></script>
<script src="https://code.highcharts.com/11.2.0/modules/bullet.js"></script>

<div id="container"></div>

JavaScript

Highcharts.chart('container', {
		chart: {
    	type: 'bullet'
    },
    plotOptions: {
    	series: {
      	dataLabels: {
        	enabled: true,
          inside: true
        }
      }
    },
    series: [{
        data: [{
            y: 275,
            target: 250
        }],
        dataLabels: [{
        	format: 'tete',
          verticalAlign: 'top'
        }, {
        	format: 'twata',
          verticalAlign: 'bottom'
        }]
    }]
});