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.16) from the download page. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

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]
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?

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 now closed]