CODEWITHSUNDEEP
angularhighcharts
venkatesh karthick
venkatesh karthick

Reputation: 385

How to create charts like below using highcharts in angular

enter image description here

how to create bar charts like this one in highcharts. I have tried barcharts to acheive this but not helped. help me out in this.

Upvotes: 0

Views: 75

Answers (1)

ppotaczek
ppotaczek

Reputation: 39149

You need to use columnrange series type, which is a part of highcharts-more module (remember to import and initialize it in Angular project).

series: [{
    type: 'columnrange',
    data: [...]
}]

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

Docs: https://github.com/highcharts/highcharts-angular/blob/master/README.md

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

Upvotes: 1

Related Questions