fontpie.cfm
Back to Chart Graphics
<![CDATA[
<cfscript>
// ChartDirector for ColdFusion API Access Point
cd = CreateObject("java", "ChartDirector.CFChart");
// A utility to allow us to create arrays with data in one line of code
function Array() {
var result = ArrayNew(1);
var i = 0;
for (i = 1; i LTE ArrayLen(arguments); i = i + 1)
result[i] = arguments[i];
return result;
}
// The data for the pie chart
data = Array(25, 18, 15, 12, 8, 30, 35);
// The labels for the pie chart
labels = Array("Labor", "Licenses", "Taxes", "Legal", "Insurance", "Facilities",
"Production");
// Create a PieChart object of size 480 x 300 pixels
c = cd.PieChart(480, 300);
// Set search path to current directory for loading icon images
c.setSearchPath(GetPageContext());
// Use a blue marble pattern as the background wallpaper, with a black border, and 1
// pixel 3D border effect
c.setBackground(c.patternColor("marble.png"), "0x000000", 1);
// Set the center of the pie at (150, 150) and the radius to 100 pixels
c.setPieSize(150, 150, 100);
// Add a title to the pie chart using Times Bold Italic/15 points/deep blue
// (0x000080) as font, with a wood pattern as the title background
c.addTitle("Project Cost Breakdown", "Times New Roman Bold Italic", 15, "0x000080"
).setBackground(c.patternColor("wood.png"));
// Draw the pie in 3D
c.set3D();
// Add a legend box using Arial Bold Italic/11 points font. Use a pink marble pattern
// as the background wallpaper, with a 1 pixel 3D border. The legend box is top-right
// aligned relative to the point (465, 70)
b = c.addLegend(465, 70, True, "Arial Bold Italic", 11);
b.setBackground(c.patternColor("marble2.png"), cd.Transparent, 1);
b.setAlignment(cd.TopRight);
// Set the default font for all sector labels to Arial Bold/8 pts/dark green
// (0x008000).
c.setLabelStyle("Arial Bold", 8, "0x008000");
// Set the pie data and the pie labels
c.setData(data, labels);
// Explode the 3rd sector
c.setExplode(2, 40);
// Use Arial Bold/12 pts/red as label font for the 3rd sector
c.sector(2).setLabelStyle("Arial Bold", 12, "0xff0000");
// Use Arial/8 pts/deep blue as label font for the 5th sector. Add a background box
// using the sector fill color (SameAsMainColor), with a black (0x000000) edge and 2
// pixel 3D border.
c.sector(4).setLabelStyle("Arial", 8, "0x000080").setBackground(cd.SameAsMainColor,
"0x000000", 2);
// Use Arial Italic/8 pts/light red (0xff9999) as label font for the 6th sector. Add
// a dark blue (0x000080) background box with a 2 pixel 3D border.
c.sector(0).setLabelStyle("Arial Italic", 8, "0xff9999").setBackground("0x000080",
cd.Transparent, 2);
// Use Times Bold Italic/8 pts/deep green (0x008000) as label font for 7th sector.
// Add a yellow (0xFFFF00) background box with a black (0x000000) edge.
c.sector(6).setLabelStyle("Times New Roman Bold Italic", 8, "0x008000"
).setBackground("0xffff00", "0x000000");
// Output the chart
chart1URL = c.makeSession(GetPageContext(), "chart1", cd.GIF);
// Include tool tip for the chart
imageMap1 = c.getHTMLImageMap("", "", "title='{label}: US${value}K ({percent}%)'");
</cfscript>
<html>
<body style="margin:5px 0px 0px 5px">
<div style="font-size:18pt; font-family:verdana; font-weight:bold">
Text Style and Colors
</div>
<hr style="border:solid 1px #000080" />
<cfoutput>
<div style="font-size:9pt; font-family:verdana; margin-bottom:1.5em">
<a href='viewsource.cfm?file=#CGI.SCRIPT_NAME#'>View Source Code</a>
</div>
<img src="getchart.cfm?#chart1URL#" usemap="##map1" border="0" />
<map name="map1">#imageMap1#</map>
</cfoutput>
</body>
</html>
]]>