It draws graphs and charts using the HTML5 canvas tag, now available in mostly all modern browsers.
Here are some key features of "RGraph":
Supported graphs:
· Bar chart
· Bi-polar chart
· Donut chart
· Funnel chart
· Gantt chart
· Gauge chart
· Horizontal Bar chart
· Horizontal Progress bar
· LED grid
· Line chart
· Meter
· Odometer
· Pie chart
· Rose chart
· Radial scatter chart
· Scatter chart
· Thermometer chart
· Traditional radar chart
· Vertical Progress bar
General features:
· Annotating graphs
· Combining charts
· Integrating RGraph with external libraries (ModalDialog)
· Animating graphs
· A basic example
· Available CSS classes
· About canvas color definitions
· About context menus
· Setting the width and height of a graph
· The RGraph.SetConfig() function
· Examples of keys
· Updating graphs dynamically
· Retrieving a PNG of the graph
· The DOMContentLoaded event
· Custom RGraph events
· Adjusting graphs interactively
· Using tooltips
· Resizing graphs
· Microsoft Internet Explorer support
· Asynchronous processing
· Zooming the graph
Requirements:
· JavaScript enabled on client side
· HTML 5 enabled browser
What's New in This Release: [ read full changelog ]
· Added a new OEM licensing option - useful if you make an authoring tool and don't wish your Customers to be liable for an RGraph license. This option can be more cost effective if you have a lot of Customers.
· The Waterfall Grow effect now only grows vertically
· The Scatter chart has new methods: .getYCoord(value) and .getXCoord(value)
· Thr Rose chart Grow effect has been renamed to RoundRobin
· The Radar chart option chart.text.diameter is now called chart.text.size
· Added a function to make AJAX easier: RGraph.AJAX(url, callback)
· Added new Meter chart option: chart.background.color
· Added new Line chart mehod: .getYCoord(value)
· Added new HBar option: chart.noyaxis
· Added a new HOWTO about HTML5 canvas and antialiasing
· Added a new HOWTO document about using images as tickmarks with the Scatter and Line charts
· Added chart.tooltips.hotspot.size to the Line chart
· Added a new HOWTO document showing how you can customise the appearance of tooltips. NB: The default appearance of the tooltips has been updated
· Added a new HOWTO document showing how you can add CSS 3D effects (currently Google Chrome and Mozilla Firefox only) to your canvas tags
· The Pie chart RoundRobin effect has been slowed down by increasing the total number of frames from 60 to 90.
· Added new Gantt chart options: chart.labels.inbar, chart.labels.inbar.font, chart.labels.inbar.size, chart.labels.inbar.color, chart.labels.inbar.bgcolor, chart.labels.inbar.align, chart.labels.inbar.above. You can see an example here
· The HProgress/VProgress Grow effects now works with multiple segments
· The HProgress/VProgress Grow effects have been documented
· Added the UnfoldFromCenterTrace effect - which is shown on the front page of the website
· The default strokestyle for the HBar has been changed to transparent
· The order that tickmarks are used in multiple Line charts has been reversed
· The expand, contract and snap effects for tooltips have been removed. The effects are now 'fade' (the default) and 'none'
· The default appearance of tooltips has been changed and a pointer has been added. See the chart on the front page for an example
· The Pie and Rose chart tooltips now point to the centre of the segment
· The Radar chart coords array is now single dimensional instead of multi to match other chart types
· The RGraph.ObjectRegistry.Clear() API method can now optionally take a canvas ID (or the canvas object itself) as an argument and the clearing will be limited to that canvas.
· The default overflow: CSS setting for tooltips is now set to '' in each charts .positionTooltip() function
· Added the Pie chart option charts.variant.donut.width - makes nesting donut charts easier.