The changelog

Current release: January 2023 (v6.10)
Backwards compatibility notes
Past release notes

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 the wave effect.
When using the RGraph.clipTo() function (read about this function in the API documentation) with the tophalf bottomhalf lefthalf and righthalf options they clip to exactly half the canvas 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 the canvas:
- tophalf.margins
- bottomhalf.margins
- lefthalf.margins
- righthalf.margins
svg chart types that allow the setting of shadows have had the shadowOpacity option removed and the shadowColor property added in its place. This affects the following svg 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 in margin mode.
The horizontalLines property has been added to the Bar, Line, Scatter, svg Bar, svg Line and svg 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 called
- bar-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 (eg Gradient(red:white)) as the color.
Corrected a small bug that prevented the linedash being set with the RGraph.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-trivial JavaScript but after watching a recent Youtube video I found this snippet which does the same but with a much smaller amount of CSS. Compared to the JavaScript it's simpler, smaller and doesn't require any changes to the HTML. 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 the titleSubtitle* options added to them. This brings them inline with the svg 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 the canvas demo pages by viewing the bare-bones examples as these are not indexed by search engines. This was for SEO purposes and appears to be having a significantly positive effect. The demos/ are still bundled with the download archive.

The svg charts have each had an obj.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 the svg 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 with dataset and index 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

Older release notes though are not available.