The changelog
Current release: April 2023 (v6.12)
-
The
SVG
Semi-circular Progress now has anadjustable
option. There's a demo in the download archive calledsvg-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 forSVG
- called:hbar-vertical-line.html
hbar-vertical-line-multiple.html
svg-hbar-vertical-line.html
svg-hbar-vertical-line-multiple.html
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 newobj.over
andobj.highlightDataset
functions. It now works better with filled charts. -
The Line chart has two new methods:
obj.over(x, y)
andobj.highlightDataset(options)
. These methods help you to identify thedataset
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
andneedleTriangleBorder
Because of this update theneedleExtra
option has been removed and now you specify multiple values with thevalue:
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 thelabelsIngraphUndrawn
property -
The
tooltipsHotspotIgnore
property has been added to thecanvas
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)
- A
-
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 calleddemos/semicircularprogress-rounded.html
This demo also shows how you can use thetext
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 thefirstdraw
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
- Release notes for 2023
- 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.