graph chart

Pie Chart - Demos & Examples

[ Pie Chart Home ] [ Tutorials ] [ Documentation ] [ Getting Started ] [ Solutions ]

JavaScript Interaction Pie Chart Demo


( if you do not see the graph above then click here )
(click on the pie to see the results table)

Method Outline
Here the click function of the pie segments have been set to execute a JavaScript function within the page.
The configuration parameters and chart data are supplied via HTML PARAM tags.

Settings Summary

  • All segments set to execute a JavaScript function within the page
  • 3D Graphing Mode set
  • 3D angle set to 45 degrees
  • Pop-Up values set to display the dollar symbol plus the segment percentage
  • Single set of data to produce a single pie
  • Link cursor set to 'hand'.
Next Demo »

How the Chart was created.
Each segment has been set to perform a simple JavaScript function upon a mouse click. In this case the JavaScript function simply displays or hides a results table.
To view the JavaScript code click here.

The above chart was inserted into the page by simply adding the HTML code
<APPLET> and <PARAM> tags.

To view the HTML code click here.

Note the addition of the "mayscript" element to the <APPLET> tag. This is a vital addition and tells the browser that the pie chart may interact with JavaScript.

Further Information
Any segment can be set to execute any JavaScript function upon a mouse click. For further information see:-
"Documentation - JavaScript"

For a full explanation of each parameter see the
"Configuration Options" section of the Documentation.

« back to Examples Index

« back to Getting Started

[ Pie Chart Home ] [ Tutorials ] [ Documentation ] [ Getting Started ] [ Solutions ]

Getting Started

Documentation

Examples

Tutorials

Common Problems
This section describes and provides solutions to common problems.