FIXED: Whats the best way of presenting yearly profit and maximum yearly drawdown? - Official support forum

About

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

Version 7.20

Version 7.20 (released in June 2026) is the latest version of RGraph and the major change in this version is an update to the default values of properties making for better looking charts without having to set any properties. Read more about this and other changes in the changelog.

Download »

Download

Get the latest version of RGraph (version 7.20, 9th June 2026) from the download page. You can read the changelog here. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

Download »

Latest forum posts

These are the latest support forum posts that have been posted or updated.

16th June, Rachel
I have a question about the 3D Bar chart

12th June, Marco
Should I use SVG or canvas for the charts on my website?

9th June, Richard
New version of RGraph: version 7.20

3rd June, Patrick
Question about installing RGraph

1st June, Ouja
How do I add a click event to a bar in my Bar chart?

Support forum »

License

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.

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

xaxisLabels
['2008','2009','2010','2011','2012','2013','2014','2015','2016','2017','2018','2019','2020','2021','2022','2023']
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 .
https://www.prospergain.gr/ 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?

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