The changelog

• Current release: June 2024 (6.18)
• Backwards compatibility notes
• Past release notes

Current release: June 2024 (6.18)

• Added the verticalLines property to both the canvas and svg Horizontal Bar charts. This property is documented on the canvas Horizontal Bar chart API documentation page and SVG Horizontal Bar chart API documentation page
• The text on the svg charts can now be links. This includes the majority of the text including labels, titles, key, custom text etc - but not the scales. There are new properties available to all charts to allow you to configure the appearance of these links: textLinkColor (blue) textLinkFont (null) textLinkSize (null) textLinkBold (null) textLinkItalic (null)
• Added the labelsOffsetAngle property to the canvas Rose chart.
• Added the RGraph.Line.dualColorTrendline RGraph.Scatter.dualColorTrendline RGraph.SVG.Line.dualColorTrendline RGraph.SVG.Scatter.dualColorTrendline shortcut functions that make creating dual color Line charts or dual color Scatter charts easier. There are demos of doing so in the demos directory of the download archive called line-trendline-dual-color.html scatter-trendline.html svg-line-trendline-dual-color.html and svg-scatter-trendline-dual-color.html
• The svg Scatter chart has had reference issues with the data resolved. Please contact me via the support forum if you come across any issues.
• The coordinates of the trendline on both the canvas and svg Line chart and Scatter chart are now tracked in the obj.coordsTrendline variable. Multiple trendlines are accounted for so the start and end X/Y coordinates for the first trendline are located in obj.coordsTrendline[0], the second set are in obj.coordsTrendline[1] and so on.
• The last function that was added to the Array prototype has been removed. An easy way to get the last element of an array is to use the at function like this: myArray.at(-1)
• Added an RGraph.isNullish function which not only checks for null but also checks for undefined as well. All of the libraries have been converted to use this new function.
• Added the anglesOffset property to the canvas Rose chart There's a new demo called rose-rotating.html that shows this and the below property.
• Added the labelsOffsetAngle property to the canvas Rose chart
• Added the labelsAxesBackground property to the Rose chart
• With the Horizontal Progress bar, the default backgroundColor value has been changed to #eee
• With the Vertical Progress bar, the default backgroundColor value has been changed to #eee
• The RGraph.arrayClone function has been improved to better accommodate certain values. It has been changed from using the JSON.parse(JSON.stringify()) method to using a loop and checking the types of the array elements.
• The Pie chart now has a nice new wave effect. Similar to the roundRobin effect this effect gradually increases the size of the radius of each segment independently but does not change the angles used by the segments. There's a demo in the download archive called demos/effect-pie-wave.html
• When a Bubble chart is being shown if a bubble is on the edge of the chart the whole bubble now correctly activates a tooltip (should one be being shown).
• Bubble chart data can now be given as both a multi-dimension array as well as a flat array. This accommodates multiple datasets.
• Bubble charts now accommodate multiple datasets (this is somewhat related to the previous item.
• When you're showing a Bubble chart with the svg Scatter chart you can now add a drop-shadow effect to the bubbles. There are five extra properties available to you to control the shadow. Also, the Bubble chart tooltip hotspots now cover the entire bubble and the highlight does too. This change to the hotspots and highlighting also applies to the canvas Scatter chart as well.
• There's now a wave effect for both the canvas and svg Rose charts.
• The coordinates variables that each chart object mantains are now documented on the respective charts documentation page.
• The coordsSpline variable on the Horizontal Bar chart object that gets populated with the coordinates of the Vertical Spline has been updated. It's now a dimension less than it was previously. This means that:
  • obj.coordsSpline is the variable that holds all the coordinates of all the lines (though only one is permitted).
  • obj.coordsSpline[0] is the variable that holds the coordinates of all the points on the first line (again, there's only one line permitted).
  • obj.coordsSpline[0][0] is the variable that holds the xy coordinates of the first point on the line.
  • obj.coordsSpline[0][0][0] is the variable that holds the x coordinate of the first point on the line.
  • obj.coordsSpline[0][0][1] is the variable that holds the y coordinate of the first point on the line.
• RGraph.tooltips.css has been removed. Use the (documented) RGraph.tooltips.style instead.
• Added the tooltipsHotspotShape property to the Horizontal Bar chart in order to help facilitate tooltips for Vertical Line charts. This property can be rect (the default) or point (when you're showing a Vertical Line chart).
• The Horizontal Bar chart coordinates (obj.coords) no longer have negative values. Where the width was negative, the X coordinate is moved to the left and the width is now positive.
• Made a small fix to Vertical Spline charts where the last little section of the line wasn't being drawn.
• The first and last bars (if the total bar is being shown) of an svg Waterfall chart are now added to a group that appears in the code before the x-axis. They therefore appear on screen behind the x-axis. Subsequent bars appear above the x-axis.
• A late addition to the list of changes - the tooltips pointer has had its' id changed from RGraph_tooltipsPointer to RGraph_tooltipsPointer_[canvas ID] This does mean that you will probably have to change your css selector if you alter the css of the pointer. If you use <div> tags in your tooltip(s) then you can do this to select the pointer:

  <style>
      div.RGraph_tooltip div[id^=RGraph_tooltipsPointer] {
          background-color: red !important;
      }
  </style>
  

  Or if you don't use <div> tags in your tooltips you don't need to use the regex selector:

  <style>
      div.RGraph_tooltip div {
          background-color: red !important;
      }
  </style>
  

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 2024
• 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.