CF Chart - Using WebChart Dial Style?

Question

Using ColdFusion 7 on Windows Server 2003.
Is there a way to implement Webchart 5.0 Dial chart (template ..\charting\gallery\a-combo-3D\combo-d.wcp) through ColdFusion?
There is no ColdFusion chart type="Dial".  But can Webchart style sheet (in XML Style tab) along with JSP coding (in Code View tab) be embedded to drive a dial chart graphic output in Coldfusion page?

Answer 1

Here are more details.  I am at a loss as how to approach getting the correct display.  **Addtional note: running on IIS6 web server.
Previous design above used "dialchart" find string locators and specified a "chartModel" XML as:
<cfsavecontent variable="chartModel"><?xml version="1.0" encoding="UTF-8"?>
<XML type="default">
<COL>Area1</COL>
<COL>Area2</COL>
<COL>Area3</COL>
<ROW col0="30.0" col1="50.0" col2="100.0">Set0:</ROW>
<ROW col0="100.0" col1="80.0" col2="20.0">Set2:</ROW>
</XML>
</cfsavecontent>
Based on ColdFusionJedi article (http://www.coldfusionjedi.com/index.cfm/2008/1/18/Coolest-CFCHART-Trick-Ever) comments (J. Lyle Martin on 9 July 2008, at 11:45 AM;  and Raymond Camden on 9 July 2008, at 12:41 PM), played with URL path declarations/substitutions, removing URL domains.  
Page now displays the border and legend, but still shows no dial graphic.
Dial as displayed within WebCharts3D:
Current web page display:
Current cfm definiton:
Webchart_Dial_test07.cfm
<!---
http://www.coldfusionjedi.com/index.cfm/2008/1/18/Coolest-CFCHART-Trick-Ever
--->
  <!--- Read the WCP file --->
<!--- <cfset sChartStyle = fileRead(expandPath("./Webchart_Dial_test00.wcp"))> --->
<cffile action="read" variable="sChartStyle"
   file = "D:\directypath...\charts\Webchart_Dial_test00.wcp" >
<!--- Get the frameChart component --->
<cfset iStart = findNoCase("<dialChart",sChartStyle)>
<cfset iEnd = findNoCase("</dialChart>",sChartStyle)>
<cfsavecontent variable="chartStyle">
<cfoutput><?xml version="1.0" encoding="UTF-8"?>
#mid(sChartStyle,iStart,iEnd-iStart+13)#
</cfoutput>
</cfsavecontent>
<cfsavecontent variable="chartModel"><?xml version="1.0" encoding="UTF-8"?>
<XML type="default">
<COL>Area1</COL>
<COL>Area2</COL>
<COL>Area3</COL>
<ROW col0="30.0" col1="50.0" col2="100.0">Set0:</ROW>
<ROW col0="100.0" col1="80.0" col2="20.0">Set2:</ROW>
</XML>
</cfsavecontent>
<cfscript>
oMyWebChart = createObject("Java","com.gp.api.jsp.MxServerComponent");
oMyApp = getPageContext().getServletContext();
oSvr = oMyWebChart.getDefaultInstance(oMyApp);
oMyChart2 = oSvr.newImageSpec();
oMyChart2.width = 375;
oMyChart2.height= 375;
oMyChart2.type = "png";
oMyChart2.style = "#chartStyle#";
oMyChart2.model = "#chartModel#";
</cfscript>
<!--- Create html tag set --->
<cfsavecontent variable="chartImgTag">
<cfoutput>#oSvr.getImageTag(oMyChart2,"/CFIDE/GraphData.cfm?graphCache=wc50&graphID=")#</c foutput>
</cfsavecontent>
<!--- Good old Webcharts loves to add an extra /Images/ to the URL --->
<cfset chartImgTag = replace(chartImgTag,"/Images/","/","All")>
<cfoutput>
<p>
#chartimgtag#
</cfoutput>
WebCharts3D system generated wcp definiton used to present "dial" shown in earlier graphic:
Webchart_Dial_test00.wcp
<?xml version="1.0" encoding="UTF-8"?>
<project width="483" height="414" xmlStyleFilename="" embedStyles="true"
imageType="swf" palette="#FDFEF6" xmlModelFilename="" source="Embedded Xml"
annotation="">
  <style>
   <dialChart dial="Dial180" minorTicksVisible="true" inside="#CCCCCC" hand="#666666"
    is3D="true" isTransposed="false" seriesTitle="" font="Arial-11"
    foreground="black" isMultiline="false">
    <axis type="Scale" isVisible="true" drawLine="true" isAbsolute="true"
     scaleMin="" scaleMax="" labelCount="0" isReversed="false"
     isBucketed="true" isAntialiased="false">
     <labelFormat style="Number" pattern="#,##0.###">
      <locale/>
     </labelFormat>
     <parseFormat style="None" pattern="#,##0.###">
      <locale/>
     </parseFormat>
     <dateTimeStyle majorUnit="Day" majorStep="1" minorUnit="Day" minorStep="1"/>
     <logStyle type="IncludeEven" base="10"/>
     <labelStyle isMultiline="true" isMultilevel="false" isHideOverlapped="false" orientation="Horizontal"/>
     <titleStyle isVisible="true" margin="0" font="Arial-14-bold" isMultiline="true">
     </titleStyle>
    </axis>
    <handStyle isInside="false" size="6" type="ThickArrow" shadowOffset="4"/>
    <knobStyle color="#CCCCCC" size="12" type="Gradient" shadowOffset="8"/>
    <dialStyle labelStyle="Outside" majorTickStyle="Diamong" majorTickSize="0" minorTickStyle="Rectangle"
     minorTickSize="0" minorTicksPlacement="Outer" dialSize="150" majorTickLength="25"
     minorTickLength="10" showDialLabels="true" isAxisInside="false" fillColor="white">
     <outerBorder size="25" fillColor="white" isGradient="true" min="30"
      max="50"/>
     <innerBorder size="2" fillColor="#999999" isGradient="false" min="30"
      max="40"/>
    </dialStyle>
    <dataLabels style="Value" placement="Inside" extraLines="0" autoControl="false"
     background="#00000000" isAntialiased="false" font="Arial-12" isMultiline="false">
     <decoration style="None" foreColor="black"/>
    <![CDATA[
$(colLabel) $(value)\n$(colPercent) of $(colTotal)
    ]]>
    </dataLabels>
    <legend spacing="5" allowSpan="false" equalCols="true" isVisible="true"
     showColumnLegend="true" placement="Top" valign="Middle" halign="Center"
     useMarkers="false" background="#00000000" isAntialiased="false" isMultiline="true">
     <decoration style="Shadow" foreColor="black"/>
    </legend>
    <elements action="" target="" place="Clustered" shape="Pyramid"
     outline="black" markerSize="8" shapeSize="300" lineWidth="4"
     drawOutline="false" drawShadow="true" showMarkers="true" fixedWidth="5">
     <movie framesPerSecond="16" frameCount="25" stageDelay="0" replayDelay="-1"/>
     <morph morph="Blur" stage="None"/>
     <series index="1" isSecondAxis="false" forceBreak="false">
      <morph/>
      <marker type="Rectangle" bitmap="marker.gif"/>
      <paint image=""/>
      <dataLabel>
      </dataLabel>
     </series>
    </elements>
    <table isVisible="false" placement="Left" isTransposed="false" cellSpacing="0"
     cellPadding="4" negativeForeground="#FF8000" border="Outer">
     <decoration style="Round" foreColor="black"/>
     <colLabels hAlign="Center" vAlign="Middle" isVisible="true" background="#00000000"
      isAntialiased="false" isMultiline="true">
      <decoration style="None" foreColor="black"/>
     </colLabels>
     <rowLabels hAlign="Left" vAlign="Middle" isVisible="true" background="white"
      isAntialiased="false" isMultiline="true">
      <decoration style="None" foreColor="black"/>
     </rowLabels>
     <cells hAlign="Right" vAlign="Middle" isVisible="true" background="#00000000"
      isAntialiased="false" isMultiline="true">
      <decoration style="None" foreColor="black"/>
     </cells>
     <format style="Number">
      <locale/>
     </format>
     <heatmap isEnabled="false" isAbsolute="true" minColor="red" maxColor="green"
      minLevel="0.0" maxLevel="0.0" bucketCount="0" palette="UseMinMax"
     />
    </table>
    <title placement="Top" valign="Middle" halign="Center" spacing="5"
     background="#00000000" isAntialiased="false" font="Arial-16-bold" isMultiline="true">
     <decoration style="Shadow" foreColor="black"/>
    </title>
    <background type="PlainColor" minColor="white" maxColor="blue" imagePlacement="Centered"
     imageLocation=""/>
    <decoration style="ThinRound" foreColor="black"/>
    <popup showOn="MouseOver" decoration="Simple" background="#80FFFF00" isAntialiased="false"
     foreground="blue" isMultiline="false"/>
    <paint palette="Standard" paint="Shade" isVertical="true" min="26"
     max="60" image=""/>
    <insets left="0" top="25" right="0" bottom="0"/>
   </dialChart>
</style>
  <model>
  <![CDATA[
<?xml version="1.0" encoding="UTF-8"?>
<XML type="default">
<COL>Area1</COL>
<COL>Area2</COL>
<COL>Area3</COL>
<ROW col0="30.0" col1="50.0" col2="100.0">Set0:</ROW>
<ROW col0="100.0" col1="80.0" col2="20.0">Set2:</ROW>
</XML>
  ]]>
  </model>
  <importOptions filename="" sep="," quote="" hasColLabels="false"
   hasRowLabels="false" isCrosstab="false"/>
  <databaseOptions driver="sun.jdbc.odbc.JdbcOdbcDriver" connection="jdbc:odbc:..." username="" encryptedPassword=""
   isCrosstab="false" hasRowLabels="false">
  </databaseOptions>
</project>