addTitle("Annual Revenue for Star Tech", "timesbi.ttf", 18);
# Set the plotarea at (60, 40) and of size 480 x 280 pixels. Use a vertical gradient
# color from light green (eeffee) to dark green (008800) as background. Set border
# and grid lines to white (ffffff).
$c->setPlotArea(60, 40, 480, 280, $c->linearGradientColor(60, 40, 60, 280, 0xeeffee,
0x008800), -1, 0xffffff, 0xffffff);
# Add a multi-color bar chart layer using the revenue data.
$layer = $c->addBarLayer3($revenue);
# Set cylinder bar shape
$layer->setBarShape(CircleShape);
# Add extra field to the bars. These fields are used for showing additional
# information.
$layer->addExtraField2($grossMargin);
$layer->addExtraField2($backLog);
# Set the labels on the x axis.
$c->xAxis->setLabels($labels);
# In this example, we show the same scale using both axes
$c->syncYAxis();
# Set the axis line to transparent
$c->xAxis->setColors(Transparent);
$c->yAxis->setColors(Transparent);
$c->yAxis2->setColors(Transparent);
# Set the axis label to using 8pt Arial Bold as font
$c->yAxis->setLabelStyle("arialbd.ttf", 8);
$c->yAxis2->setLabelStyle("arialbd.ttf", 8);
$c->xAxis->setLabelStyle("arialbd.ttf", 8);
# Add title to the y axes
$c->yAxis->setTitle("USD (millions)", "arialbd.ttf", 10);
$c->yAxis2->setTitle("USD (millions)", "arialbd.ttf", 10);
# Create the image and save it in a temporary location
$chart1URL = $c->makeSession("chart1");
# Client side Javascript to show detail information "onmouseover"
$showText = "onmouseover='showInfo(\"{xLabel}\", {value}, {field0}, {field1});' ";
# Client side Javascript to hide detail information "onmouseout"
$hideText = "onmouseout='showInfo(null);' ";
# "title" attribute to show tool tip
$toolTip = "title='{xLabel}: US\$ {value|0}M'";
# Create an image map for the chart
$imageMap = $c->getHTMLImageMap("xystub.php", "", "$showText$hideText$toolTip");
?>
Javascript Clickable Chart
