RGraph: HTML5 Javascript charts library - Adjusting your charts interactively - Radar chart

The Radar chart can be adjusted by dragging the points on the chart. When the onadjustend event fires, you will find the following information in the RGraph registry - RGraph.Registry.Get('chart.adjusting.radar.myc') - where myc is the ID of your canvas:

• The numerical, zero indexed number that corresponds to the dataset
• The numerical, zero indexed point that relates to the original data array
• This is a boolean and used to indicate which (horizontal) half of the chart the point is in. true - the right half, false - the left half
• This is a boolean and used to indicate which (vertical) half of the chart the point is in. true - the bottom half, false - the top half

<script>
    window.onload = function (e)
    {
            var radar = new RGraph.Radar('myc', [4,3,8,6,8,7,7,4,5], [7,2,4,5,4,3,3,3,3]);
            radar.Set('chart.adjustable', true);
            radar.Set('chart.colors', ['rgba(255,0,0,0.5)', 'rgba(255,255,0,0.5)']);
            radar.Set('chart.labels', ['Hoolio', 'Godfrey', 'Albert', 'Jeff', 'Jack', 'Pete', 'Lou', 'Barney', 'Fred']);
            radar.Draw();
            
            RGraph.AddCustomEventListener(radar, 'onadjustend', function (obj) {p(RGraph.Registry.Get('chart.adjusting.radar.myc'));});
    }
</script>