CODEWITHSUNDEEP
javascripthighcharts
vipulsuri
vipulsuri

Reputation: 31

Highcharts - Unable to see all labels on the bar charts

All the labels on the x-Axis of the chart are not visible, I can see that the chart correctly populating, the tool tip also shows correct xAxis point.

All I want is each and every label on the x-Axis should appear. I am creating a BAR graph.

Example graph - http://jsfiddle.net/HsLCn/

See the miss category label on x-axis.

series: [{
            name: 'John',
            data: [[3,5], [1,3], [0,4], [2,7], [4,2]]
        }, {
            name: 'Jane',
            data: [[2,5], [1,3], [0,4], [3,7], [4,2]]
        }, {
            name: 'Joe',
            data: [[3,5], [1,3], [0,4], [2,7], [4,2]]
        }]

Upvotes: 1

Views: 4473

Answers (1)

Sebastian Bochan
Sebastian Bochan

Reputation: 37578

Please take look at crop option, which probably is a reason of your problem

http://api.highcharts.com/highstock#plotOptions.series.dataLabels.crop

EDIT: xAxis labels are not displayed, because data is not sorted by x, ascending

http://jsfiddle.net/HsLCn/3/

 series: [{
            name: 'John',
            data: [[0,4],[1,3],[2,7],[3,5],[4,2]]
        }, {
            name: 'Jane',
            data: [[0,4],[1,3],[2,5], [3,7], [4,2]]
        }, {
            name: 'Joe',
            data: [ [0,4],[1,3], [2,7],[3,5], [4,2]]
        }]

Upvotes: 1

Related Questions