'Trouble removing gridlines from Google React charts

I'm having trouble removing the grid lines from the Google React charts. Here's what I tried

  const options = {
            chart: {
                title: "1:1 Bookings",
                subtitle: "",
                gridlines: {
                    count: 0
                }
            },
            hAxis: {
                title: "# bookings",
                minValue: 0,
                gridlines: {
                    count: 0,
                    color: "#eee;"
                }
            },
            colors: ["#61BED9"],
            vAxis: {
                title: "Month",
                gridlines: {
                    count: 0,
                    color: "#eee;"
                }
            },
            bars: "horizontal",
            axes: {
                y: {
                    0: {side: "right"},
                },
            },
        };

        return (
            <Chart
                chartType="Bar"
                width="100%"
                height="400px"
                data={adata}
                options={options}
            />
        );

It's not working. Can someone please help?

react-google-charts


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions