|Click on the pie slice to see what the slice is made off.
Click on a bar to see details of the bar
Click on the table entry to expand the entry
In the example chart, not all the slices have information underneath.
The <PARAM NAME="..." VALUE="...."> tag is used for specifying data for the chart
NAME identifies the chart and VALUE string supplies data for the chart.
The top chart has special name ie DATASET.
VALUE is a string of triplet of values. (e.g North,25,1)
A triplet consists of a label, a value and a color parameter.
In the example chart we want to display Nuts sold in the regions of the country. The tag is
<PARAM NAME=DATASET VALUE="North,25,1,East,60,2,South,120,3,West,80,4">
The special name DATASET is used to denote the top level chart. It contains four pie slices - namely North, East , South and West. North has value 25 and color code 1 ie blue.
We know the breakup of South value ie 120 which the user can view 'drill down' by clicking on it. We supply another parameter tag for it:
<PARAM NAME=South VALUE="Andhra,25,2,Tamilnadu,50,1,Karnataka,25,3,Kerala,20,4">
The name South should have appeared in the higher level
You can further 'drill down' Tamilnadu by specifying tag for it.
Guidelines for labels
Short labels are convenient to read. Labels should not contain blanks or comma(,). Avoid labels containing blanks. If needed use underscore _ to seperate the words in the label. Label in VALUE of part of tag in higher level chart and NAME tag in the lower chart should be same.
Values suitably scaled improve visual appearance. Units have to be indicated by appropriate coding in HTML script. In this version of charts, the Applet itself does not show units.
The third of the triplet specifies color of slice or bar. 1 blue, 2 green and 4 red. Add the values to specify other colors. e.g 6 yellow (green+red) etc
Appearance related parameters
ChartTitle Title for the chart. Default Drill Down ChartsExample:
<param name=ChartTitle value="Sale of brown nuts(in millions)">
itemwidth Width in pixels of an item in the bar chart If the parameter is not specified the width is 60Example:
<param name=itemwidth value=80>
barwidth Width in pixels of the bars the bar chart If the parameter is not specified the width is 8Example:
<param name=barwidth value=20>
(c)1997 Vasanth Desai
You can download DrillDownChart for trial and evaluation
Click here to download DDC 1.0(27KB)
Click here to download DDC 2.0(23KB)
Note: Extract the contents of the archives in different folders.
Here are links to other interesting Java Applets
Java Beans for Hypocycloids
Knight's Tour- Chess Board Puzzle