Missing horizontal bar graph in Google Chart

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']

                    };

Leave a comment

Your email address will not be published. Required fields are marked *