Here's a novel version of the more traditional 2D Rose chart - the 3D Rose chart. It doesn't add any advantages over the 2D version - though it might make your presentations look a little nicer!
There are tooltips, which you can see by clicking on the segments as usual. In this example however,
when you
click on a segment to see the tooltip there's a tooltip
event listener added.
It
uses the sequential data index (tooltip.__index__
) along with the
obj.data_seq
array (which was added in version 5.02) to get the value of that segment
and add it to the tooltip (the tooltip div object can be found in the RGraph registry
as shown).
In terms of responsiveness, on smaller screens it switches from 3D to 2D and is slightly smaller. The labels are changed from the full names of the weekdays to the shorter three letter variations.
<script src="RGraph.common.core.js"></script> <script src="RGraph.rose.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="300" style="float: right"> [No canvas support] </canvas>This is the code that generates the chart: