score:1
'Bar'
is considered a Material chart.
vs. 'BarChart'
, which is a Classic chart.
with Material charts, an options conversion method needs to be used...
google.charts.Bar.convertOptions
which means you would need to access the google.charts
namespace.
options={google.charts.Bar.convertOptions({
chart: {
title: 'Spend Uplift',
},
colors: ['#FB7A21'],
backgroundColor: 'red'
})}
score:2
You need to use chartType
as BarChart
. For some reason, Bar
seems to cause issues. In case you want the chart bars to be vertical, change it to ColumnChart
.
You can see the working fiddle here
Source: stackoverflow.com
Related Query
- How do i change React Google Charts background color?
- How to change background color of react native button
- How to change the selected table row background color with React
- How to change navbar background color in react when I scroll
- How to change header background color in react based on location
- How to change the background and text color within button using button onClick in React JS
- how to change background color when I click the button using react hooks
- How to change background color of button using react
- How to change background color in react materialUI card
- how to change the background color of a button without affecting the other buttons in React JS
- How to change image and background color every x seconds. React
- How to change background color of ul li elements in autosuggest react component?
- How can I apply classNames in react to change the background color of one of the child div in React
- How to change the default screen background color of all the pages in React JS(Next JS) using tailwind CSS
- How to change the progress bar background color dynamically in react material ui?
- How to make a filter component like Google chrome find (Cntrl + F) that detects the text and change it's background color
- How to change the color of a transparent background image's text in react native?
- How to change the background color of th on click in react js?
- How to change background color of clicked component in react onclick
- How to change button background color when I click the button in React using Hooks
- How to change background color of button onClick in react js?
- How do I change the background color of the body?
- How do you change the Stepper color on React Material UI?
- How to change outline color of Material UI React input component?
- How can I change the color of a Link in React with Material-UI?
- How to change background color of a selected ItemList Material-Ui
- How to change the primary color of the react built-in bootstrap?
- How to change color of fontawesome icons in modular css React
- How do I change the background color of a selected react-bootstrap ToggleButton?
- Change the background color of a screen with react native
More Query from same tag
- React TypeScript: useRef to Link
- Merge 2 arrays into 1 array and filter this merged array,
- How to simplify rendering mathmatics in React
- Can't connect react.js login to SpringBoot app
- Use fetch data from papaparse
- Follow DRY principles while writing jest mocks in test cases - React and Jest
- How to Convert the svgEdit files into React components?
- createContext hook not working for react components inside JSP
- How to get borders for the react-leaflet map and check markers inside the map?
- How can I handle errors in state in React JS?
- How to get rid of duplicates in React when using div contenteditable?
- Redux store does not create
- Is it possible to add a key attribute after a React component is instantiated?
- Cannot convert a Symbol value to a string - React AJAX delete request
- disclose modal gradually, not completely
- Declaring function inside function in React
- Api calling with redux is getting delayed
- <i> tag icon in button causing event.target.value issues in react
- shouldComponentUpdate in function components
- cart item lost on refresh page
- can't type in text field input in react
- how to take out the day name from the input date without using moment js in react
- Where is setting the params in this prop function?
- Problem with request in react and express.js
- delete by ID on a select axios error 400 reactJS
- Warning message using ant design dynamic form
- Sorting array by date
- React helpers to react components
- How to use babel-jest to transpile tests
- How do I join two elements and then render them in React?