ChartDirector 7.0 (PHP Edition)

Borderless Bar Chart




This example demonstrates a horizontal bar chart with no axes, grid lines or and plot area border. It also demonstrates using gradient colors for the bars, and a number of other ChartDirector features.

The key features demonstrated in this example are:

Source Code Listing

[File: phpdemo/hbar.php]
<?php require_once("../lib/phpchartdir.php"); # The data for the bar chart $data = array(3.9, 8.1, 10.9, 14.2, 18.1, 19.0, 21.2, 23.2, 25.7, 36); # The labels for the bar chart $labels = array("Bastic Group", "Simpa", "YG Super", "CID", "Giga Tech", "Indo Digital", "Supreme", "Electech", "THP Thunder", "Flash Light"); # Create a XYChart object of size 600 x 250 pixels $c = new XYChart(600, 250); # Add a title to the chart using Arial Bold Italic font $c->addTitle("Revenue Estimation - Year 2002", "Arial Bold Italic"); # Set the plotarea at (100, 30) and of size 400 x 200 pixels. Set the plotarea border, background # and grid lines to Transparent $c->setPlotArea(100, 30, 400, 200, Transparent, Transparent, Transparent, Transparent, Transparent); # Add a bar chart layer using the given data. Use a gradient color for the bars, where the gradient # is from dark green (0x008000) to white (0xffffff) $layer = $c->addBarLayer($data, $c->gradientColor(100, 0, 500, 0, 0x008000, 0xffffff)); # Swap the axis so that the bars are drawn horizontally $c->swapXY(true); # Set the bar gap to 10% $layer->setBarGap(0.1); # Use the format "US$ xxx millions" as the bar label $layer->setAggregateLabelFormat("US\$ {value} millions"); # Set the bar label font to 10pt Times Bold Italic/dark red (0x663300) $layer->setAggregateLabelStyle("Times New Roman Bold Italic", 10, 0x663300); # Set the labels on the x axis $textbox = $c->xAxis->setLabels($labels); # Set the x axis label font to 10pt Arial Bold Italic $textbox->setFontStyle("Arial Bold Italic"); $textbox->setFontSize(10); # Set the x axis to Transparent, with labels in dark red (0x663300) $c->xAxis->setColors(Transparent, 0x663300); # Set the y axis and labels to Transparent $c->yAxis->setColors(Transparent, Transparent); # Output the chart $viewer = new WebChartViewer("chart1"); $viewer->setChart($c, SVG); # Include tool tip for the chart $viewer->setImageMap($c->getHTMLImageMap("", "", "title='{xLabel}: US\${value} millions'")); ?> <!DOCTYPE html> <html> <head> <title>Borderless Bar Chart</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;"> Borderless Bar Chart </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>