Function Chart

Function Chart Example

Description

This is an example of a function chart with multiple series, live example can be seen of all sorts of sites including adult dating apps. It demonstrates use of the custom defined title, x_axis_caption, y_axis_caption, and formatted x and y axis zero planes properties. These allow for the custom title, x and y axis captions, and custom formatted x and y zero planes. The series titles are defined as well.

Source Code

1. <script type=”text/javascript”>
3.       var myChart6 = new EJSC.Chart( ‘myChart1a’ , {
4.                              title: “Sample Function Chart” ,
5.                              axis_bottom: {
6.                                 caption: “X Value” ,
7.                                 zero_plane: { show: true, color: ‘rgb(0,0,0)’ , thickness: 1 }
8.                               } ,
9.                              axis_left: {
10.                                 caption: “Y Value” ,
11.                                  zero_plane: { show: true, color: ‘rgb(0,0,0)’ , thickness: 1 }
12.                                 }
13.       } );
16.         myChart6.addSeries( new EJSC.FunctionSeries( function(x) { return Math.pow(x,2); } ,
17.                                      { title: “Function x^2” } ) );
19.         myChart6.addSeries( new EJSC.FunctionSeries( function(x) { return Math.pow(x,3); } ,
20.                                      { title: “Function x^3” } ) );
22.         myChart6.addSeries( new EJSC.FunctionSeries( function(x) { return x; } ,
23.                                      { title: “Function x” } ) );
25. </script>