.net Powerful JavaScript charts
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 use for showing charts on your website.

More »


Get the latest version of RGraph (version 6.18, 1st June 2024) from the download page. You can read the changelog here. There's also older versions available, minified files and links to hosted libraries.

More »


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

More »

Whats the best way of presenting yearly profit and maximum yearly drawdown?

Posted by giannis at 10:50 on Friday 9th February 2024 [link]
data: [263,-50,216,-24,32,-34,124,-72,20,-17,250,-24,74,-61,-19,-40,22,-5,163,-35,240,-40,74,-61,10,-10,2,-30,74,-61,67,-25,]

I want to find the most elegant way to present these values on my website.I have allready tried lots of vertical bar graphs, and i wanted to ask your opinion . is my site and the last one i used is the waterfall.Which chart would you use (responsive one) that can show my statistics on my site?

Posted by Richard at 12:59 on Friday 9th February 2024 [link]
It depends a lot on what the information that you're trying to get across is. Going by the title steers me towards a Bar chart that has both positive and negative bars (one for profit, the other for loss). There's an example of that in the download archive called demos/bar-income-expenditure.html and a stacked variation of it called demos/bar-income-expenditure-stacked.html There's another demo of this called demos/bar-over-and-under.html too.

Or perhaps a stacked or grouped Bar chart with two segments - one green and one red representing amounts made and lost in a year. This type of chart would make it easy to see the relative difference in the amounts.

There's also a demo called demos/bar-in-bar.html that you could look at where you could have the losses Bar chart is drawn over the top of the gains Bar chart. Again, this would help make it easier to see the difference between the two amounts.

If you're OK with clicking to see profit and loss you could have a regular Bar chart showing the overall gains for a year and then put the profit/loss information for that year in a tooltip - similar to how this chart has a Pie chart in the tooltips: demos/bar-pie-charts-tooltips.html

Posted by Richard at 13:08 on Friday 9th February 2024 [link]
Also, there's a chart called demos/bar-line-combo2.html which also is a demo of the "up and under" Bar chart style.

[Replies are closed]