The 5.00 release adds a lot of new (mainly text) properties to
all of the chart libraries. More so the canvas libraries, but the
SVG libraries are by no means excluded from this update. All
of the charts have been touched in some way - if only to update the
gutter* properties to now be called margin*. This update has naturally
affected the larger libraries more though as they're the ones with
If you upgrade from a past version then you'll need to consult the
) to see the changes. The API hasn't really changed - just the
All of the documentation pages and the demos have been updated so if you want to
have a look at the new style then there are plenty of examples of it in
the demo pages that are in the download.
Naturally with an update of this size there are likely to be bugs. All
of the documentation pages and demos have been checked but they don't cover
every possible configuration - so I would suggest that you proceed
with caution if you're upgrading from a prior version of RGraph. If you're
starting with this version then things will be easier - though
oddities may still occur.
Various issues in the Bipolar chart have been corrected including
rounding issues when drawing the bars, color selection and
labelsAbove errors when mixing normal and grouped bars.
The zoom feature has been removed from all chart types. You can
get the same effect by using your browsers built in zoom
(CTRL & +) so it didn't really serve a purpose.
The Scatter chart lines, if enabled, now appear below any above labels.
The SVG Semi-circular Progress bar has had changes made to the
highlighting that happens when tooltips are shown. The highlighting
no longer overlaps the stroke of the chart. You can see an example
by viewing the svg-hbar-blocky.html
demo in the download archive.
The SVG Rose chart angles and angles2 arrays no longer contain the details of
the segments. Instead they contain a reference to the SVG path element that
is the segment. This SVG element has data attributes set on it that
can give you the necessary details of the segment. Eg Each segment has a
data-start-angle attribute to it.
By inspecting the element in your browser you will be able to see the available attributes.
Don't forget that more than likely you will need to cast any values to numbers
as they are initially strings.
Added the SVG Bar chart properties marginInnerLeft
Added a callback option to
function. This callback function is passed an object which has a
nodes property which
is the text nodes that were found. Documentation was added
for this on the
How to use the RGraph.SVG.text.find() function
page (the SVG documentation). The canvas version of this function is called
only works when you're using accessible text (this is the default).
The drawing API Y axis object title has been moved left a little bit
(approximately 7 pixels) so if you use it you may need to update
your sizings and/or increase the size of your charts margins.
Fixed a bug with SVG scale mirroring where an incorrect lower maximum
value would be shown along with no tickmark.
A bug in the Bipolar charts has been fixed where the bold setting for the right hand labelsAbove labels wasn't being respected.
The Line chart default for the labelsAboveBorder property has changed to false
The Line chart default for the labelsAboveBackground has changed to rgba(255,255,255,0.7)
The default padding for DOM text has been set to 1px instead of 2px.
The Pie chart option labelsSticksUsecolors has been removed.