Area Chart Example

Description

This is an example of a simple area chart. It demonstrates use of the custom defined title, x_axis_caption, y_axis_caption, show_options, color, and show_hints properties. These allow for the display of the custom title, x axis caption, and y axis caption, a light brown colored series, and the disabling of the hints. A custom series title is added as well.

Source Code

1. <script type=”text/javascript”>
3.       var myChart2 = new EJSC.Chart( ‘myChart1a’ , {
4.                            title: “Sample Area Chart” ,
5.                            axis_bottom: { caption: “Frequency (Hz)” } ,
6.                            axis_left: { caption: “Velocity (in/s)” } ,
7.                            show_hints: false } );
9.         myChart2.addSeries( new EJSC.AreaSeries( new EJSC.XMLDataHandler(“vibration2_area.xml”) ,
10.                                       { title: “Area 1”,
11.                                        color: ‘rgb(255,222,173)’} ) );
14. </script>