CODEWITHSUNDEEP
javascriptangularhighchartsangular2-highcharts
markreyes
markreyes

Reputation: 1289

Highcharts Column Chart number LOW but column looks HIGH

I'm leveraging angular2-highcharts to illustrate a daily score from 0 to 100. I'm having an issue with the way Highcharts automagically illustrates a column when only one data point is present in a series.

Highcharts Column Chart

Technically, this is correct. However, business leads see this as looking more so like a 70, 80, etc. and in their defense with no other data point available, that perspective isn't wrong.

HighCharts experts - please help me determine if some part of this API already covers this scenario or if a hand-rolled solution is needed here.

Upvotes: 0

Views: 48

Answers (1)

white91wolf
white91wolf

Reputation: 428

did you tried to set the max value for the yAxis (https://api.highcharts.com/highcharts/yAxis.max)?

 yAxis: {
        max: 100
    }

like here: https://jsfiddle.net/zjwqfhe1/

vs with max value:

https://jsfiddle.net/x2mzt0hr/

Upvotes: 1

Related Questions