ChartDirector 7.0 (PHP Edition)

3D Donut Shading


              

This example demonstrates various sector shading effects applicable to 3D donut charts.

Source Code Listing

[File: phpdemo/threeddonutshading.php]
<?php require_once("../lib/phpchartdir.php"); function createChart($viewer, $chartIndex) { # The data for the pie chart $data = array(18, 30, 20, 15); # The labels for the pie chart $labels = array("Labor", "Licenses", "Facilities", "Production"); # The colors to use for the sectors $colors = array(0x66aaee, 0xeebb22, 0xbbbbbb, 0x8844ff); # Create a PieChart object of size 200 x 200 pixels. Use a vertical gradient color from blue # (0000cc) to deep blue (000044) as background. Use rounded corners of 16 pixels radius. $c = new PieChart(200, 200); $c->setBackground($c->linearGradientColor(0, 0, 0, $c->getHeight(), 0x0000cc, 0x000044)); $c->setRoundedFrame(0xffffff, 16); # Set donut center at (100, 100), and outer/inner radii as 80/40 pixels $c->setDonutSize(100, 100, 80, 40); # Set the pie data $c->setData($data, $labels); # Set the sector colors $c->setColors2(DataColor, $colors); # Draw the pie in 3D with a pie thickness of 20 pixels $c->set3D(20); # Demonstrates various shading modes if ($chartIndex == 0) { $c->addTitle("Default Shading", "bold", 12, 0xffffff); } else if ($chartIndex == 1) { $c->addTitle("Flat Gradient", "bold", 12, 0xffffff); $c->setSectorStyle(FlatShading); } else if ($chartIndex == 2) { $c->addTitle("Local Gradient", "bold", 12, 0xffffff); $c->setSectorStyle(LocalGradientShading); } else if ($chartIndex == 3) { $c->addTitle("Global Gradient", "bold", 12, 0xffffff); $c->setSectorStyle(GlobalGradientShading); } else if ($chartIndex == 4) { $c->addTitle("Concave Shading", "bold", 12, 0xffffff); $c->setSectorStyle(ConcaveShading); } else if ($chartIndex == 5) { $c->addTitle("Rounded Edge", "bold", 12, 0xffffff); $c->setSectorStyle(RoundedEdgeShading); } else if ($chartIndex == 6) { $c->addTitle("Radial Gradient", "bold", 12, 0xffffff); $c->setSectorStyle(RadialShading); } else if ($chartIndex == 7) { $c->addTitle("Ring Shading", "bold", 12, 0xffffff); $c->setSectorStyle(RingShading); } # Disable the sector labels by setting the color to Transparent $c->setLabelStyle("", 8, Transparent); # Output the chart $viewer->setChart($c, SVG); # Include tool tip for the chart $viewer->setImageMap($c->getHTMLImageMap("", "", "title='{label}: US\${value}K ({percent}%)'")); } # This example includes 8 charts $viewers = array(); for ($i = 0; $i < 8; ++$i) { $viewers[$i] = new WebChartViewer("chart$i"); createChart($viewers[$i], $i); } ?> <!DOCTYPE html> <html> <head> <title>3D Donut Shading</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;"> 3D Donut Shading </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 are the chart images ****** --> <?php for ($i = 0; $i < count($viewers); ++$i) { echo $viewers[$i]->renderHTML(), " "; } ?> </body> </html>