CODEWITHSUNDEEP
javascriptreactjshighchartsbulletbullet-chart
Bhagyesh Bodhe
Bhagyesh Bodhe

Reputation: 21

I am using bullet chart, I want to customize its horizontal bar for y value

I am using a bullet chart. here I am getting a horizontal bar for y value and a small vertical line for target value, I want to replace that bar with a circle. So that the circle will be displayed according to the value of y.

Upvotes: 2

Views: 55

Answers (1)

ppotaczek
ppotaczek

Reputation: 39139

You can hide the bullet column and add a scatter series. For example:

  series: [{
    data: [{
      y: 22,
      target: 27
    }]
  }, {
    type: 'scatter',
    color: 'red',
    data: [22]
  }]

Live demo: https://jsfiddle.net/BlackLabel/f9kd2vsr/

API Reference: https://api.highcharts.com/highcharts/series.scatter

Upvotes: 0

Related Questions