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.10 released

Version 7.10 (released in January 2026) is the latest version of RGraph and contains various updates to the code which you can see on the changelog page. There's also a big tidy up in terms of comments and a significant change to the way that the internal code is referenced which should lead to a performance improvement in effects and animations.

Download »

New HTML datagrid

In the April 2025 (v6.21) release a new datagrid object was added. This makes it easy to add static or dynamic data tables to your pages. It can be used whether you use the canvas or SVG libraries or entirely standalone.

Download

Get the latest version of RGraph (version 7.10, 18th January 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 »

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