if you do not see the graph below then click here
(click on the bars to see the results table)
|
Product X |
| Quarter 1 |
$10,000 |
| Quarter 2 |
$6,000 |
| Quarter 3 |
$3,500 |
| Quarter 4 |
$2,000 |
|
Product Y |
| Quarter 1 |
$3,000 |
| Quarter 2 |
$1,000 |
| Quarter 3 |
$5,000 |
| Quarter 4 |
$2,500 |
|
Product Z |
| Quarter 1 |
$13,000 |
| Quarter 2 |
$7,000 |
| Quarter 3 |
$8,500 |
| Quarter 4 |
$4,500 |
|
Method Outline
Here the click function of the bars 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 bars set to execute a JavaScript function within the page
- 3D Graphing Mode set
- 3D depth set to 10 pixels
- Link cursor set to 'hand'.
|
|
How the Chart was created.
Each bar 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.
|
[
