Graph Type
Bar Chart
Pie Chart
Line Graph
Bar Chart Properties
Grid
Legend
Background
Values
Random Colours
 Pie Chart Properties
Show Labels
Show Numbers
Percentages
Legend
Random Colours
 Bar and Pie Chart Data
Line Graph Properties
Thicker Lines
Show Points
Show Lines
Grid
Legend
X-values as text
 Line 1 Points
 Line 2 Points

Back to the description of using csXGraph client side.

This example shows how bar charts, pie charts and line graphs can be produced using randomly generated data. The radio button at the top selects the graph type. Data can be selected by clicking the button and the data is displayed in the text areas. The buttons are enabled and disabled as appropriate. The checkboxes control some of the different properties of each graph.

As a very brief summary the Javascript functions are in the header. Colours and month names are stored in arrays in the onload function. There is a form, called "form1" which holds the radio buttons and checkboxes. The csXGraph object is generated after the form. The licence information needed by the client comes is in the .lpk file which must be present in the same folder as the web page. The object instance is called "Graph1".

This uses the trial version of csXGraph. To use this page with the full version you would need to change the value of the LPKPath parameter, and the classid and codebase attributes in the csXGraph object tag. Refer to the instructions for full details.