score:3
Replace backgroundColor with fillColor. Propably your borderColor should be also replaced with strokeColor.
See in this jsfiddle. (It uses chart.js without react wrapper - but your properties gave same output as in your screenshot)
Source: stackoverflow.com
Related Query
- react-chartjs chart renders without colors
- Stacked bar chart starting from 0 - ChartJS React
- How to test a React component that renders a Redux-connected component as a child without providing mock Redux store?
- Download chart as PNG format in React without overwriting the DOM
- React directly renders array without looping
- How to set colors in react carbon design chart
- Chartjs React Typescript moving x axis labels above chart
- React Chartjs - Update Chart on interval
- React component with D3 chart renders too many times
- Wrong colors displayed after React renders div to DOM
- Dynamically loaded chart data not showing Chartjs React
- React router useHistory.push renders component but useState, useEffect not updating without refresh
- Labels for Nested Doughtnut Chart React ChartJS
- React how to return a variable so that it renders without giving an error of undefined
- React ChartJS Donut Chart Align Rings
- React custom colors chart
- Can you force a React component to rerender without calling setState?
- Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
- Is it possible to use React without rendering HTML?
- "Error: Too many re-renders. React limits the number of renders to prevent an infinite loop."
- React Router BrowserRouter leads to "404 Not Found - nginx " error when going to subpage directly without through a home-page click
- Netlify renders 404 on page refresh (using React and react-router)
- Can I use jsx without React to inline HTML in script?
- How to render rectangles in a D3 grouped bar chart using React Faux DOM?
- Display images in React using JSX without import
- How to use React without unsafe inline JavaScript/CSS code?
- How to build a production version of React without minification?
- Run React application without server
- React Native - CSS :last-child without a border?
- React router - Update URL hash without re-rendering page
More Query from same tag
- CypressError: Timed out retrying: cy.its() errored because the property: 'store' does not exist on your subject
- how to handle error in redux reducer
- How to customize the style in react-datepicker?
- onClick overrides Semantic UI's dropdown
- React Native on Android failed to find Build Tools
- Set State from ajax call to insert into db outside function?
- How to type a react functional component with properties?
- How to avoid constant api calls in componentDidMount
- WARNING in Unknown plugin: imageminSvgo. Did you forget to install the plugin?
- React hooks updating array is not working
- How do I make new fields appear in the form based upon a selection
- Route to page inside useEffect
- React - api data not visible in the ui?
- using default theme colors material ui
- State Mutation detected when updating Redux Values
- How can I add navbar band logo at center using react bootstrap in react js
- Cannot find module error while import using jest in next.js
- Getting "InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable" when trying to update state variable onChange
- Cannot read properties of undefined (reading 'map')
- Getting error in Next js with redux thunk TypeError: nextCallback is not a function
- React Redux how to dispatch using ownProps route parameter
- React router switch doesn't match on first load
- How do I get the inner html based of the position of the on click?
- React Bootstrap Navbar hanging computer
- React functional component: Trying to set a state once a window break point is reached
- WP API in React Js (Gutenberg Editor) : Cannot read property 'wp:featuredmedia' of undefined even with condition
- How is Material UI's React rating component used in a form?
- Support optional arguments in switch statement in React component
- How to use Linq in React Js
- React router <Redirect> is not redirecting on state
