Methods Demonstrated

• addRange
• deleteRange

Desired Result

These buttons add and remove a range from 0-10 colored red.

Source Code

1. <script type="text/javascript">
3.   var chart1 = new EJSC.Chart(
4.     "myChart1b" ,
5.     {
6.       show_titlebar: false ,
7.       axis_bottom: { visible: false },
8.       axis_left: { visible: false },
9.       show_legend: false,
10.       show_messages: false
11.     }
12.   );
13.   var analog = chart1.addSeries(
14.     new EJSC.AnalogGaugeSeries(
15.       new EJSC.ArrayDataHandler(
16.         [ [50,'Value'] ]
17.       )
18.     )
19.   );
20.   // Add Range Button onclick:
21.   //  analog.addRange(0,10,'rgb(255,0,0)');
22.   //  chart1.redraw();
23.   // Delete Range Button onclick:
24.   //  analog.deleteRange(0,10,'rgb(255,0,0)');
25.   //  chart1.redraw();
27. </script>