The interactive key has been reimplemented as of June 2013 and added to more chart types.
This goes in the documents header:<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.common.key.js"></script> <script src="RGraph.drawing.rect.js"></script> <script src="RGraph.scatter.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="450" height="350"> [No canvas support] </canvas>This is the code that generates the chart:
<script> data1 = [ [45,51,'green'], [45,46,'green'], [45,35,'green'] ]; data2 = [ [225,32,'red'], [225,25,'red'], [225,12,'red'] ]; data3 = [ [315,13,'pink'], [315,26,'pink'], [315,36,'pink'] ]; new RGraph.Scatter({ id: 'cvs', data: [data1, data2, data3], options: { xaxisScaleMax: 360, xaxisLabels: ['Q1','Q2','Q3','Q4'], key: ['Richard','Dave','Charles'], keyPosition: 'margin', keyInteractive: true, keyColors: ['green','red','pink'] } }).draw(); </script>