About
RGraph is a JavaScript charts library based on HTML5 SVG and canvas. RGraph is mature (over 15 years old) and has a wealth of features making it an ideal choice to show charts on your website.

More »

 

License
RGraph can be used for free under the GPL or if that doesn't suit your situation there's an inexpensive (£99) commercial license available.

More »

 

Download
Get the latest version of RGraph (version 6.17) from the download page. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

More »

How do I give different colors to the Bar chart?


Posted by Mohamed at 15:20 on Friday 1st October 2021 [link]
Hello RGraph team,
my question is simple, how can I set different colors to the bar graph, in the way that each balk should have its owne color.
The idea is to markup special bars (in an interval from index x to y) with a different color,
as an example let say will be needed 10 bars where the balks from 4 to 8 should be green and the rest white: [white,white,white,green,green,green,green,green,white,white]
is this possible with the actual rgraph API?(I don't see a way to reach that)
Thank you in advance
kind regards

Posted by Richard at 15:56 on Friday 1st October 2021 [link]
You can do this by specifying the colorsSequential option. That way the colors are used as you give them in the colors: option. There's an SVG demo in the archive that shows this option:

demos/svg-bar-colors-sequential.html

The canvas version is just the same however.

If you want to specify one color for each bar on your chart, you can do that. This way, you can give each bar a different color if you want.

[Replies are now closed]