Line Chart Example

Description

This is an example of a simple line chart. It demonstrates use of the custom defined title, x_axis_caption, y_axis_caption, auto_zoom, auto_find_point_by_x, and show_crosshairs properties. These allow for the custom title, x axis caption, and y axis caption, an auto defined zoom range, the auto selection of points by position of cursor on the x axis, and the display of the x axis crosshairs. The series title was defined as well.

Source Code

1. <script type=”text/javascript”>
3.         var myChart1 = new EJSC.Chart( ‘myChart1a’ , {
4.                                title: “Sample Line Chart” ,
5.                                axis_bottom: { caption: “Frequency (Hz)” , crosshair: { show: true } } ,
6.                                axis_left: { caption: “Velocity (in/s)” , crosshair: { show: false } } ,
7.                                auto_zoom: ‘y’ ,
8.                                auto_find_point_by_x: true
9.                                }
10.                        );
12.         myChart1.addSeries( new EJSC.LineSeries( new EJSC.XMLDataHandler(“vibration2.xml”) , {
13.                                                    title: “Line 1”,
14.                                                     __padding: { x_min: 0, y_min: 1, x_max: 0, y_max: 5 }
15.                                                    }
16.                             )
17.                  );
19. </script>