ChartDirector 7.0 (PHP Edition)
Text Styles and Colors (2)
Source Code Listing
<?php
require_once("../lib/phpchartdir.php");
# The data for the chart
$data0 = array(100, 125, 245, 147, 67);
$data1 = array(85, 156, 179, 211, 123);
$data2 = array(97, 87, 56, 267, 157);
$labels = array("Mon Jun 4", "Tue Jun 5", "Wed Jun 6", "Thu Jun 7", "Fri Jun 8");
# Create a XYChart object of size 540 x 350 pixels
$c = new XYChart(540, 350);
# Set the plot area to start at (120, 40) and of size 280 x 240 pixels
$c->setPlotArea(120, 40, 280, 240);
# Add a title to the chart using 20pt Times Bold Italic font and using a deep blue color (0x000080)
$c->addTitle("Weekly Server Load", "Times New Roman Bold Italic", 20, 0x000080);
# Add a legend box at (420, 100) (right of plot area) using 12pt Times Bold font. Sets the
# background of the legend box to light grey 0xd0d0d0 with a 1 pixel 3D border.
$c->addLegend(420, 100, true, "Times New Roman Bold", 12)->setBackground(0xd0d0d0, 0xd0d0d0, 1);
# Add a title to the y-axis using 12pt Arial Bold/deep blue (0x000080) font. Set the background to
# yellow (0xffff00) with a 2 pixel 3D border.
$c->yAxis->setTitle("Throughput (per hour)", "Arial Bold", 12, 0x000080)->setBackground(0xffff00,
0xffff00, 2);
# Use 10pt Arial Bold/orange (0xcc6600) font for the y axis labels
$c->yAxis->setLabelStyle("Arial Bold", 10, 0xcc6600);
# Set the axis label format to "nnn MBytes"
$c->yAxis->setLabelFormat("{value} MBytes");
# Use 10pt Arial Bold/green (0x008000) font for the x axis labels. Set the label angle to 45
# degrees.
$c->xAxis->setLabelStyle("Arial Bold", 10, 0x008000)->setFontAngle(45);
# Set the labels on the x axis.
$c->xAxis->setLabels($labels);
# Add a 3D stack bar layer with a 3D depth of 5 pixels
$layer = $c->addBarLayer2(Stack, 5);
# Use Arial Italic as the default data label font in the bars
$layer->setDataLabelStyle("Arial Italic");
# Use 10pt Times Bold Italic as the aggregate label font. Set the background to flesh (0xffcc66)
# color with a 1 pixel 3D border.
$layer->setAggregateLabelStyle("Times New Roman Bold Italic", 10)->setBackground(0xffcc66,
Transparent, 1);
# Add the first data set to the stacked bar layer
$layer->addDataSet($data0, -1, "Server #1");
# Add the second data set to the stacked bar layer
$layer->addDataSet($data1, -1, "Server #2");
# Add the third data set to the stacked bar layer, and set its data label font to Arial Bold Italic.
$textbox = $layer->addDataSet($data2, -1, "Server #3")->setDataLabelStyle("Arial Bold Italic");
# Set the data label font color for the third data set to yellow (0xffff00)
$textbox->setFontColor(0xffff00);
# Set the data label background color to the same color as the bar segment, with a 1 pixel 3D
# border.
$textbox->setBackground(SameAsMainColor, Transparent, 1);
# Output the chart
$viewer = new WebChartViewer("chart1");
$viewer->setChart($c, SVG);
# Include tool tip for the chart
$viewer->setImageMap($c->getHTMLImageMap("", "",
"title='{dataSetName} on {xLabel}: {value} MBytes/hour'"));
?>
<!DOCTYPE html>
<html>
<head>
<title>Text Style and Colors</title>
<!-- Include ChartDirector Javascript Library to support chart interactions -->
<script type="text/javascript" src="cdjcv.js"></script>
</head>
<body style="margin:5px 0px 0px 5px">
<div style="font:bold 18pt verdana;">
Text Style and Colors
</div>
<hr style="border:solid 1px #000080; background:#000080" />
<div style="font:10pt verdana; margin-bottom:1.5em">
<a href="viewsource.php?file=<?=basename(__FILE__)?>">View Chart Source Code</a>
</div>
<!-- ****** Here is the chart image ****** -->
<?php echo $viewer->renderHTML(); ?>
</body>
</html>