The changelog

Current release: January 2023 (v6.10)
- A reminder that, if you want to (hint hint...), you can review RGraph on Google
- The title option has had a little massaging for this release so check that your charts are appearing correctly. Both the title and the subtitle should be strings. For the v6.11 release the code that draws the title and subtitle will likely be rewritten to update it to current standards.
-
Prior to this release the
svg
Bipolar didn't draw shadows 100% correctly when animating stacked charts. This has now been corrected and the shadows grow along with the bars. This was evident in thewave
effect. -
When using the
RGraph.clipTo()
function (read about this function in the API documentation) with thetophalf
bottomhalf
lefthalf
andrighthalf
options they clip to exactly half thecanvas
without taking into account the margins that you've set. This might not be what you want so to remedy this there are now new options available to you when using this function to clip thecanvas
:tophalf.margins
bottomhalf.margins
lefthalf.margins
righthalf.margins
-
svg
chart types that allow the setting of shadows have had theshadowOpacity
option removed and theshadowColor
property added in its place. This affects the followingsvg
chart types: Bar, Bipolar, HBar, Line, Pie, Radar and Waterfall. -
The
keyPositionMarginHSpace
property has been added - it allows you to space out the key items when the key is inmargin
mode. -
The
horizontalLines
property has been added to the Bar, Line, Scatter,svg
Bar,svg
Line andsvg
Scatter charts. As the name suggests - this allows you to easily add horizontal lines to your charts - in particular it's an easy way to add an average value indicator line. There are demos showing this feature in the download archive calledbar-average.html
line-average.html
scatter-average.html
svg-bar-average.html
svg-line-average.html
svg-scatter-average.html
-
The Line chart
backgroundHbars
property can now take an RGraph gradient string (egGradient(red:white)
) as the color. -
Corrected a small bug that prevented the
linedash
being set with theRGraph.path
function. -
I thought I would share this snippet of
CSS
with you that I've recently added to the RGraph website that adds the little grey icon after external links. Previously this was done with some non-trivialJavaScript
but after watching a recent Youtube video I found this snippet which does the same but with a much smaller amount ofCSS
. Compared to theJavaScript
it's simpler, smaller and doesn't require any changes to theHTML
. There's a blog article that goes into more detail about this here.<style> a[rel*="external"]::after { content: url('/images/external-link.png'); padding-left: 5px; } </style>
-
The
canvas
charts have all had thetitleSubtitle*
options added to them. This brings them inline with thesvg
charts. In the process of doing this some of the default values for the Gauge chart have been updated - so if you use this chart you should check your gauges if you upgrade. -
A fair amount of changes have been done to the
website - practically all of the
canvas
examples and demo pages have been converted to images. You can still see thecanvas
demo pages by viewing the bare-bones examples as these are not indexed by search engines. This was forSEO
purposes and appears to be having a significantly positive effect. Thedemos/
are still bundled with the download archive. -
The
svg
charts have each had anobj.create(tag[, parent[, style]])
function added that allows you to now do this:var rect = obj.create( 'rect,x=10,y=10,width=100,height=100,stroke=black,fill=red', // Tag name and attributes parentNode, // Optional and can also be the style to apply if you wish 'border=1px solid gray' // Optional and can also be the parent node to append to );
Compared to the equivalent create function that's currently used:var rect = RGraph.SVG.create({ svg: this.svg, type: 'rect', parent: parentNode, attr: { x: 10, y: 10, width: 100, height: 100, stroke: 'black', fill: 'red' }, style: { border: '1px solid gray' } });
Much more concise I think you'll agree - but this change probably won't impact you a deal unless you happen to delve into the internals of RGraph and do your own drawing with thesvg
charts. - The "one-touch adjusting" HOWTO document has been updated as a result of the two new Line chart methods (mentioned below). You can see this HOWTO document here.
-
The Line chart has a new method:
obj.closest
which, as the name suggests, returns the indexes (an object withdataset
andindex
indices) of the closest point (based on the event object coordinates). This was originally a function in one of the demos (in the download archive) but has now been moved to be a method on the Line chart object.
Backwards compatibility notes
There are notifications and advisories regarding backwards compatibility that you can read here: https://www.rgraph.net/canvas/compatibility.html
Past release notes
- Release notes for 2022
- Release notes for 2021
- Release notes for 2020
- Release notes for 2019
- Release notes for 2018
- Release notes for 2017
Older release notes though are not available.