In sometimes horizontal bar is properly displayed. To fix that use following property for drawing the graph
logScale:true
let options = {
tooltip: { isHtml: true },
legend: 'none',
title: 'Test',
chartArea: {
width: '59%',
height: '80%'
},
titleTextStyle: {
color: '#636772',
fontSize: '19'
},
bar: {
groupWidth: "50%"
},
height: 500,
hAxis: {
title: '',
textStyle: {
color: '#222222',
fontName: "Arial"
},
minValue: 0,
gridlines: {
color: 'transparent'
},
textPosition: 'none',
logScale:true
},
vAxis: {
title: '',
textStyle: {
color: '#222222',
fontName: "Arial"
},
gridlines: {
color: 'transparent'
}
},
annotations: {
alwaysOutside: true,
enabled: false,
textStyle: {
color: '#222222'
},
},
colors: ['#00A0EE']
};