The changelog

Current release: April 2023 (v6.12)
Backwards compatibility notes
Past release notes

Current release: April 2023 (v6.12)

The SVG Semi-circular Progress now has an adjustable option. There's a demo in the download archive called svg-scp-adjustable.html that demonstrates this.

There's now a better way to produce vertical Line charts. Previously these were achieved by using the Scatter chart and adjusting the data so that a vertical line was produced. Now, however, you can use the Horizontal Bar charts to get a vertical line in a simpler way. There are four demos in the download archive that show it - two for canvas and two for SVG - called:

hbar-vertical-line.html
hbar-vertical-line-multiple.html
svg-hbar-vertical-line.html
svg-hbar-vertical-line-multiple.html

Here's some canvas example source code that shows you how you can produce a vertical line chart.

new RGraph.HBar({
    id: 'cvs',
    data: [4,5,7,4,2,4,6,8,6,5],
    options: {
        backgroundGridHlines: false,
        backgroundGridBorder: false,
        xaxis: false,
        yaxis: false,
        colors: ['transparent'],
        yaxisLabels: [
            'John','Fredericko','Bono','Lucy','Charles',
            'Peter','Brian','Jilly','Peter','Lucy'
        ],
        textSize: 18,
        title: 'A vertical line chart',
        marginTop: 50,
        
        line: true,
        lineLinewidth:                    10,
        lineTickmarksStyle:             'circle',
        lineTickmarksSize:              8
    }
}).trace();

The Line chart tooltipsDataset option has been updated to make use of the new obj.over and obj.highlightDataset functions. It now works better with filled charts.
The Line chart has two new methods: obj.over(x, y) and obj.highlightDataset(options). These methods help you to identify the dataset thats being hovered over (if any) and subsequently highlight it. These functions can be used to programmatically highlight a dataset using other controls or processes on the page. There's also a new set of properties - the highlightDataset properties which make doing this a breeze and makes it vey familiar if you're already comfortable with how RGraph charts are configured. There are new demos that show the new dataset highlighting and a few updated ones too (see the API documentation for their names).
The Odometer now supports multiple values for each of the needle properties - corresponding to multiple needles if you have them. The properties are: needleWidth needleLength needleColor needleHead needleTail needleType and needleTriangleBorder Because of this update the needleExtra option has been removed and now you specify multiple values with the value: option to the object like this:
```
new RGraph.Odometer({
    id: 'cvs',
    min: 0,
    max: 100,
    
    // Specify two values to be indicated on the chart
    value: [13,25],
    
    options: {
    }
}).draw();
```
When the RScatter chart highlights a point on the chart (for example because of tooltips), the highlighting now covers the whole point instead of just the center.
The Pie chart labelsIngraph option now has the ability to check to see if a label will fit inside the relevant section. If not, then the label can be omitted or it can be drawn as a regular label that's placed outside of the Pie chart. The undrawn labels are added to the labelsIngraphUndrawn property
The tooltipsHotspotIgnore property has been added to the canvas libraries. This property can be a variety of things:
- A boolean value (ignore all of the hotspots)
- A number value (the index to ignore)
- An array of number values (the indexes to ignore)
- An array of boolean values (if true, then that index will be ignored)
The Semi-circular Progress bar has been updated and can now have rounded ends using the new variant: 'rounded' property. There's a demo of this in the download archive called demos/semicircularprogress-rounded.html This demo also shows how you can use the text property that's common to all chart types to add custom text to your chart. In this demo, two pieces of custom text are added and they're centered using the firstdraw RGraph event. You can see an image of this new demo on the RGraph Facebook page.
Libraries based on canvas and that use the key have had formatted keys added. This means that you can now do this:
```
key: '%{properties:myLabels[%{index}]}: %{value_formatted}kg'
```
Formatted key labels work in a very similar way to how formatted tooltips work.
The key has been added to the Semi-circular Progress bar. This includes the new formatted tooltips as well as the interactive key.

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.