Bar Chart Example

Description

This is an example of a simple bar chart. It demonstrates use of the custom defined title, x_axis_caption, y_axis_caption, show_crosshairs, and formatted x and y axis zero planes properties. These allow for the custom title, x and y axis captions, x and y axis crosshairs, and custom formatted x and y zero planes. The series title and color was defined as well.

Source Code

1. <script type=”text/javascript”>
3.     var myChart5 = new EJSC.Chart( ‘myChart1a’ , {
4.                             title: “Sample Bar Chart” ,
5.                             axis_bottom: {
6.                               caption: “Ship”,
7.                               crosshair: { show: true }
8.                             } ,
9.                              axis_left: {
10.                               crosshair: { show: true },
11.                               caption: “Velocity (in/s)”,
12.                               zero_plane: { show: true, color: ‘rgb(0,0,0)’ , thickness: 1 }
13.                             }
14.                            }
15.                    );
18.         var myChart5Series = myChart5.addSeries( new EJSC.BarSeries( new EJSC.XMLDataHandler(“bar3.xml”) , {
19.                                                         title: “Bar 1”,
20.                                                         color: ‘rgb(255,48,48)’
21.                                                           }
22.                                       )
23.                             )
25. </script>