<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 value to display on the meter
value = 27.48;
// Create an AngularMeter object of size 200 x 115 pixels, with silver background
// color, black border, 2 pixel 3D border border and rounded corners
m = cd.AngularMeter(200, 115, cd.silverColor(), "0x000000", 2);
m.setRoundedFrame();
// Set the meter center at (100, 100), with radius 85 pixels, and span from -90 to
// +90 degress (semi-circle)
m.setMeter(100, 100, 85, -90, 90);
// Meter scale is 0 - 100, with major tick every 20 units, minor tick every 10 units,
// and micro tick every 5 units
m.setScale(0, 100, 20, 10, 5);
// Set 0 - 60 as green (66FF66) zone
m.addZone(0, 60, 0, 85, "0x66ff66");
// Set 60 - 80 as yellow (FFFF33) zone
m.addZone(60, 80, 0, 85, "0xffff33");
// Set 80 - 100 as red (FF6666) zone
m.addZone(80, 100, 0, 85, "0xff6666");
// Add a text label centered at (100, 60) with 12 pts Arial Bold font
m.addText(100, 60, "PSI", "Arial Bold", 12, cd.TextColor, cd.Center);
// Add a text box at the top right corner of the meter showing the value formatted to
// 2 decimal places, using white text on a black background, and with 1 pixel 3D
// depressed border
m.addText(156, 8, m.formatValue(value, "2"), "Arial", 8, "0xffffff").setBackground(
"0x000000", 0, -1);
// Add a semi-transparent blue (40666699) pointer with black border at the specified
// value
m.addPointer(value, "0x40666699", "0x000000");
// Output the chart
chart1URL = m.makeSession(GetPageContext(), "chart1");
</cfscript>
<html>
<body style="margin:5px 0px 0px 5px">
<div style="font-size:18pt; font-family:verdana; font-weight:bold">
Semi-Circle Meter
</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#" />
</cfoutput>
</body>
</html> |