The RGraph changelog

Summary: This is the page to check for details on what has changed. The changes may or may not be relevant to you.

Past release notes

March 2020 (v5.22)

The default for SVG text is now to have the pointer-events CSS property set to none (like the canvas libraries).
The new car registrations demo has had formatted tooltips added to it - which look nice! Using the new formatted tooltips feature doesn't add code to your configuration - it allows you to significantly reduce the amount of code that you have and adds a lot of power to control your tooltips.
The colors for various charts have been updated so that they no longer use gradients by default. These have been replaced by solid colors. So this means that if you use the default colors then your charts may change if you upgrade. You will just need to set the colors property to what you want to see.
The ability for the Scatter chart to show trend lines has been added. You can see an example on the Scatter chart documentation page .
Formatted tooltips have been added to RGraph. These add the ability to RGraph that allows you to significantly customise your tooltips and easily use the chart data in them. You can read more about them here.
Internally, the RGraph path() function has been updated and all of the calls to it from the various libraries have been updated to the new syntax. It now looks like this:
```
// lw - linewidth
// b - beginPath()
// r - rect()
// s - stroke()
// f - fill()
this.path(
    'lw % b r % % % % s black f red',
    linewidth,
    x, y, width, height
);
```
This call sets the lineWidth and draws a filled red rectangle with a black border/stroke.
Here's a version of the RGraph.path() function that you can easily incorporate into your own code: https://www.rgraph.net/blog/svg-style-paths-for-canvas-with-the-rgraph-path-function.html
Or you could get the latest code for the function from the RGraph.common.core.js file. If you do the though it will need a tiny bit more massaging to make it work stand-alone.
Added the line-nvd.html demo which is a canvas version of an existing SVG demo . This is a stacked and filled Line chart which, unlike the SVG version, traces each dataset sequentially.
The textAccessiblePointerEvents default for the canvas charts has been changed to true, except for the Meter chart and the Odometer chart. This is due to them using angled text. This change means that, by default, you'll be able to select text (as in cut/copy/paste operations). If you don't like it you can always change it back by setting the textAccessiblePointerevents property to false.
The RScatter labels are now offset by 25 pixels. You can change this by using the labelsRadiusOffset option.
Added a Bar and Line chart demo that shows a moving average Bar & Line chart.
The horizontal offset used for the SVG Pie chart sticks has been halved to 50px.
The tooltipsCss property has been added. You can set this to an object that contains key/value pairs of CSS values to be used on tooltips (these settings apply only to that objects tooltips). For example:
```
...
tooltipsCss: {
    fontFamily: 'Arial,Verdana,sans-serif',
    fontSize: '20pt',
    backgroundColor: 'black',
    color: 'white'
},
...
```
Notice that since it's JavaScript code (not CSS) you need to use the JavaScript versions of the property names - so for example backgroundColor instead of background-color.
The Bipolar charts X axis labels have been adjusted down slightly.

Backwards compatibility notes

There are notifications and advisories regarding backwards compatibility that you can read here: https://www.rgraph.net/canvas/docs/backwards-compatibility.html

Past release notes

Older release notes though are not available.