Tiny File Manager

Back Back Up Advanced Editor

<html>
<head>
<title>
FusionCharts FREE - XML Structure
</title>
<link REL="stylesheet" HREF="Style.css" />
</head>

<body topMargin="15" leftMargin="15">
Multi-Series Column 3D Line Dual Y Chart Specification Sheet
 
SWF: 
FCF_MSColumn3DLineDY.swf
 
 
<table width="98%" border="0" align="right" cellpadding="2" cellspacing="1">
 
 <tr> 
 <td valign="top" class="text">A 3D Multi-series Column Multi-series Line Dual 
 Y chart looks as under:</td>
 </tr>
 <tr> 
 <td valign="top" class="text"><img src="Images/XML_DY3DColLine.gif" width="450" height="203" /></td>
 </tr>
 <tr> 
 <td valign="top" class="text"> And, the XML data for this chart can be 
 listed as under:</td>
 </tr>
 <tr> 
 <td valign="top" class="codeBlock">&lt;graph PYAxisName='Amount' SYAxisName='Quantity' 
 shownames='1' showvalues='0' showLegend='1' rotateNames='0' formatNumberScale='1' 
 decimalPrecision='2' limitsDecimalPrecision='0' divLineDecimalPrecision='1' 
 formatNumber='1' chartTopMargin='15'&gt; &nbsp;&nbsp;&nbsp;&lt;categories&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Ernst...' hoverText='Ernst 
 Handel'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='QUICK...' 
 hoverText='QUICK-Stop'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Save-...' hoverText='Save-a-lot Markets'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Hanar...' hoverText='Hanari Carnes'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Rattl...' hoverText='Rattlesnake Canyon Grocery'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Hungr...' hoverText='Hungry Owl All-Night Grocers'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='K&ouml;nig...' hoverText='K&ouml;niglich Essen'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='White...' hoverText='White Clover Markets'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Folk ...' hoverText='Folk och f&auml; HB'/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Supr&ecirc;...' hoverText='Supr&ecirc;mes d&eacute;lices'/&gt; 
 &nbsp;&nbsp;&nbsp;&lt;/categories&gt; &nbsp;&nbsp;&nbsp; &lt;dataset 
 seriesname='Amount' showValues='0' color='AFD8F8' parentYAxis='P' numberPrefix='$'&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='41210.65' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='37217.32' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='36310.11' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='23821.2' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='21238.27' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='20402.12' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='19582.77' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='15278.9' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='13644.06' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='11644.6' /&gt; &nbsp;&nbsp;&nbsp;&lt;/dataset&gt; &nbsp;&nbsp;&nbsp; 
 &lt;dataset seriesname='Discount' showValues='0' color='FDC12E' parentYAxis='P' 
 numberPrefix='$'&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='1202.27254486084' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='2736.60256195068' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='5047.74497413635' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='337.672510147095' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='404.888009995222' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='1844.77046012878' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='528.849014282227' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='0' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='1798.85203838348' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='174.320002555847' /&gt; 
 &nbsp;&nbsp;&nbsp;&lt;/dataset&gt; &nbsp;&nbsp;&nbsp;&lt;dataset seriesname='Quantity' 
 showValues='0' color='FF8000' anchorBorderColor='FF8000' parentYAxis='S' 
 lineThickness='4'&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='1756' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='1096' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='1817' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='478' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='438' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='395' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='400' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='360' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='560' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='532' /&gt; 
 &nbsp;&nbsp;&nbsp;&lt;/dataset&gt; &lt;/graph&gt; </td>
 </tr>
 <tr> 
 <td class="text">&nbsp; </td>
 </tr>
 <tr> 
 <td class="header">&lt;graph&gt; Attributes </td>
 </tr>
 <tr>
 <td class="text">&nbsp;</td>
 </tr>
 <tr>
 <td class="text">The &lt;graph&gt; element for 
 this chart can have the following properties: </td>
 </tr>
 <tr> 
 <td height="10"></td>
 </tr>
 <tr> 
 <td valign="top" class="text"> Background Properties
 <ul>
 <li>bgColor=&quot;HexColorCode&quot; : This 
 attribute sets the background color for the chart. You can set any hex 
 color code as the value of this attribute. Remember that you DO NOT 
 need to assign a &quot;#&quot; at the beginning of the hex color code. 
 In fact, whenever you need to provide any hex color code in FusionCharts 
 XML data document, you do not have to assign the # at the beginning. </li>
 <li> bgAlpha=&quot;NumericalValue(0-100)&quot; 
 : This attribute helps you set the alpha (transparency) of the 
 graph. This is particularly useful when you need to load the chart in 
 one of your Flash movies or when you want to set a background image 
 (.swf) for the chart. </li>
 <li>bgSWF=&quot;Path of SWF File&quot; : 
 This attribute helps you load an external .swf file as a background 
 for the chart.</li>
 </ul>
 Canvas Properties
 <ul>
 <li>canvasBgColor=&quot;HexColorCode&quot; : 
 This attribute helps you set the background color of the canvas. The 
 background of the canvas is the one behind the columns.</li>
 <li>canvasBaseColor=&quot;HexColorCode&quot; : 
 This attribute helps you set the color of the canvas base. The canvas 
 abse is the on which the base of the columns are placed..</li>
 <li> canvasBaseDepth=&quot;Numerical Value&quot; 
 : This attribute helps you set the height (3D Depth) of the canvas 
 base.</li>
 <li>canvasBaseDepth=&quot;Numerical Value&quot; 
 : This attribute helps you set the height (3D Depth) of the canvas 
 base.</li>
 <li> canvasBgDepth=&quot;Numerical Value&quot; 
 : This attribute helps you set the 3D Depth of the canvas background.</li>
 <li>showCanvasBg=&quot;1/0&quot; : This 
 attribute helps us set whether we need to show the canvas background.</li>
 <li> showCanvasBase=&quot;1/0&quot; : This 
 attribute helps us set whether we need to show the canvas base.</li>
 </ul>
 Chart and Axis Titles 
 Instead of yAxisName (normal multi-series 
 charts), in the combination charts we've two different attributes specifying 
 the y-axis titles for two different axis (primary and secondary).
 <ul>
 <li>caption=&quot;String&quot; : This attribute 
 determines the caption of the chart that would appear at the top of 
 the chart. </li>
 <li>subCaption=&quot;String&quot; : Sub-caption 
 of the chart </li>
 <li>xAxisName= &quot;String&quot; : x-Axis 
 text title (if the chart supports axis) </li>
 <li>PYAxisName= &quot;String&quot; : Primary 
 y-Axis text title.</li>
 <li>SYAxisName= &quot;String&quot; : Secondary 
 y-Axis text title.</li>
 </ul>
 Chart Numerical Limits 
 Since the combination chart has two y-axis, you can define the 
 upper and lower limit for both of them. We use the following attributes 
 instead of the normal yAxisMinValue and 
 yAxisMaxValue.
 <ul>
 <li>PYAxisMaxValue=&quot;value&quot;: This 
 attribute determines the upper limit of primary y-axis.</li>
 <li> PYAxisMinValue=&quot;value&quot; : 
 This attribute determines the lower limit of primary y-axis.</li>
 <li>SYAxisMaxValue=&quot;value&quot;: This 
 attribute determines the upper limit of secondary y-axis.</li>
 <li> SYAxisMinValue=&quot;value&quot; : 
 This attribute determines the lower limit of secondary y-axis. 
 If you don't specify any of the above values, it is automatically calculated 
 by FusionCharts based on the data provided by you.</li>
 </ul>
 Generic Properties
 <ul>
 <li>shownames=&quot;1/0&quot; : This attribute 
 can have either of the two possible values: 1,0. It sets the configuration 
 whether the x-axis values (for the data sets) will be displayed or not. 
 By default, this attribute assumes the value 1, which means that the 
 x-axis names will be displayed. </li>
 <li> showValues=&quot;1/0&quot; : This attribute 
 can have either of the two possible values: 1,0. It sets the configuration 
 whether the data numerical values will be displayed along with the columns, 
 bars, lines and the pies. By default, this attribute assumes the value 
 1, which means that the values will be displayed. </li>
 <li>showLimits=&quot;1/0&quot; : Option 
 whether to show/hide the chart limit textboxes.</li>
 <li>showSecondaryLimits=&quot;1/0&quot; 
 : Option whether to show/hide the chart limit textboxes (secondary y-axis).</li>
 <li>rotateNames=&quot;1/0&quot; : Configuration 
 that sets whether the category name text boxes would be rotated or not.</li>
 <li>animation=&quot;1/0&quot; : This attribute 
 sets whether the animation is to be played or whether the entire chart 
 would be rendered at one go.</li>
 <li>showLegend=&quot;1/0&quot; : This attribute 
 sets whether the legend would be displayed at the bottom of the chart.</li>
 </ul>
 Font Properties
 <ul>
 <li>baseFont=&quot;FontName&quot; : This 
 attribute sets the base font family of the chart font which lies on 
 the canvas i.e., all the values and the names in the chart which lie 
 on the canvas will be displayed using the font name provided here.</li>
 <li> baseFontSize=&quot;FontSize&quot; : 
 This attribute sets the base font size of the chart i.e., all the values 
 and the names in the chart which lie on the canvas will be displayed 
 using the font size provided here. </li>
 <li> baseFontColor=&quot;HexColorCode&quot; : 
 This attribute sets the base font color of the chart i.e., all the values 
 and the names in the chart which lie on the canvas will be displayed 
 using the font color provided here. </li>
 <li> outCnvBaseFont = &quot;FontName&quot; 
 : This attribute sets the base font family of the chart font which lies 
 outside the canvas i.e., all the values and the names in the chart which 
 lie outside the canvas will be displayed using the font name provided 
 here. </li>
 <li> outCnvBaseFontSze=&quot;FontSize&quot; 
 : This attribute sets the base font size of the chart i.e., all the 
 values and the names in the chart which lie outside the canvas will 
 be displayed using the font size provided here. </li>
 <li> outCnvBaseFontColor=&quot;HexColorCode&quot;: 
 This attribute sets the base font color of the chart i.e., all the values 
 and the names in the chart which lie outside the canvas will be displayed 
 using the font color provided here.</li>
 </ul>
 Number Formatting Options
 <ul>
 <li>numberPrefix=&quot;$&quot; : Using this 
 attribute, you could add prefix to all the numbers visible on the graph. 
 For example, to represent all dollars figure on the chart, you could 
 specify this attribute to ' $' to show like $40000, $50000. </li>
 <li> numberSuffix=&quot;p.a&quot; : Using 
 this attribute, you could add prefix to all the numbers visible on the 
 graph. For example, to represent all figure quantified as per annum 
 on the chart, you could specify this attribute to ' /a' to show like 
 40000/a, 50000/a. 
 To use special characters for numberPrefix 
 or numberSuffix, you'll need to URL Encode 
 them. That is, suppose you wish to have numberSuffix 
 as % (like 30%), 
 you'll need to specify it as under: 
 numberSuffix='%25' </li>
 <li> formatNumber=&quot;1/0&quot; : This 
 configuration determines whether the numbers displayed on the chart 
 will be formatted using commas, e.g., 40,000 if formatNumber='1' and 
 40000 if formatNumber='0 '</li>
 <li>formatNumberScale=&quot;1/0&quot; : 
 Configuration whether to add K (thousands) and M (millions) to a number 
 after truncating and rounding it - e.g., if formatNumberScale is set 
 to 1, 10434 would become 1.04K (with decimalPrecision set to 2 places). 
 Same with numbers in millions - a M will added at the end. </li>
 <li>decimalSeparator=&quot;.&quot; : This 
 option helps you specify the character to be used as the decimal separator 
 in a number.</li>
 <li> thousandSeparator=&quot;,&quot; : This 
 option helps you specify the character to be used as the thousands separator 
 in a number.</li>
 <li> decimalPrecision=&quot;2&quot; : Number 
 of decimal places to which all numbers on the chart would be rounded 
 to.</li>
 <li>divLineDecimalPrecision=&quot;2&quot;: 
 Number of decimal places to which all divisional line (horizontal) values 
 on the chart would be rounded to.</li>
 <li> limitsDecimalPrecision=&quot;2&quot; : 
 Number of decimal places to which upper and lower limit values on the 
 chart would be rounded to.</li>
 </ul>
 Line Properties
 <ul>
 <li>lineColor=&quot;Hex Code&quot; : Color 
 of the chart line.</li>
 <li> lineThickness=&quot;Numeric Value&quot; : 
 Thickness of the line (in pixels).</li>
 <li> lineAlpha=&quot;0-100&quot; : Transparency 
 of the line.</li>
 </ul>
 Line Shadow Properties
 <ul>
 <li>showShadow=&quot;1/0&quot; : This attribute 
 helps you set whether the line shadow would be shown or not.</li>
 <li> shadowColor=&quot;Hex Code&quot; : 
 If you want to set your own shadow color, you'll need to specify that 
 color for this attribute.</li>
 <li> shadowThickness=&quot;Numeric Value&quot; 
 : This attribute helps you set the thickness of the shadow line (in 
 pixels).</li>
 <li> shadowAlpha =&quot;0-100&quot; : This 
 attribute sets the transparency of the shadow line.</li>
 <li> shadowXShift=&quot;Numeric Value&quot; : 
 This attribute helps you set the x shift of the shadow line from the 
 chart line. That is, if you want to show the shadow 3 pixel right from 
 the actual line, set this attribute to 3. Similarly, if you want the 
 shadow to appear on the left of the actual line, set it to -3.</li>
 <li> shadowYShift=&quot;Numeric Value&quot; : 
 This attribute helps you set the y shift of the shadow line from the 
 chart line. That is, if you want to show the shadow 3 pixel below the 
 actual line, set this attribute to 3. Similarly, if you want the shadow 
 to appear above the actual line, set it to -3.</li>
 </ul>
 Anchor properties 
 Anchors (or the marker points) are the polygons which appear at the joint 
 of two consecutive lines. On a line chart, the anchors are the elements 
 which react to the hover caption and link for that particular data point. 
 You can customize all the facets of the anchors using the properties below:
 <ul>
 <li>showAnchors=&quot;1/0&quot;: Configuration 
 whether the anchors would be shown on the chart or not. If the anchors 
 are not shown, then the hover caption and link functions won't work.</li>
 <li> anchorSides=&quot;Numeric Value greater than 
 3&quot;: This attribute sets the number of sides the anchor will 
 have. For e.g., an anchor with 3 sides would represent a triangle, with 
 4 it would be a square and so on.</li>
 <li>anchorRadius=&quot;Numeric Value&quot; 
 : This attribute sets the radius (in pixels) of the anchor. Greater 
 the radius, bigger would be the anchor size. </li>
 <li> anchorBorderColor=&quot;Hex Code&quot; : 
 Border Color of the anchor.</li>
 <li> anchorBorderThickness=&quot;Numeric Value&quot; 
 : Thickness of the anchor border (in pixels).</li>
 <li> anchorBgColor=&quot;Hex Code&quot; : 
 Background color of the anchor.</li>
 <li> anchorBgAlpha=&quot;Numeric Value&quot; 
 : Alpha of the anchor background.</li>
 <li> anchorAlpha=&quot;Numeric Value&quot; 
 : This function lets you set the tranparency of the entire anchor (including 
 the border). This attribute is particularly useful, when you do not 
 want the anchors to be visible on the chart, but you want the hover 
 caption and link functionality. In that case, you can set anchorAlpha 
 to 0.</li>
 </ul>
 Zero Plane 
 
 The zero plane is a 3D plane that signifies the 0 position on 
 the chart. If there are no negative numbers on the chart, you won't see 
 a visible zero plane.
 <ul>
 <li>zeroPlaneShowBorder=&quot;1/0&quot; 
 : Whether the border of a 3D zero plane would be plotted or not.</li>
 <li> zeroPlaneBorderColor=&quot;Hex Code&quot; 
 : If the border is to be plotted, this attribute sets the border color 
 for the plane.</li>
 <li> zeroPlaneColor=&quot;Hex Code&quot; : 
 The intended color for the zero plane.</li>
 <li> zeroPlaneAlpha=&quot;Numerical Value 0-100&quot; 
 : The intended transparency for the zero plane.</li>
 </ul>
 Divisional Lines (Horizontal)
 Divisional Lines are horizontal or vertical lines running through the 
 canvas. Each divisional line signfies a smaller unit of the entire axis 
 thus aiding the users in interpreting the chart.
 <ul>
 <li> numdivlines=&quot;NumericalValue&quot; 
 : This attribute sets the number of divisional lines to be drawn.</li>
 <li> divlinecolor=&quot;HexColorCode&quot; 
 : The color of grid divisional line.</li>
 <li> divLineThickness=&quot;NumericalValue&quot; 
 : Thickness (in pixels) of the grid divisional line.</li>
 <li> divLineAlpha=&quot;NumericalValue0-100&quot; 
 : Alpha (transparency) of the grid divisional line.</li>
 <li> showDivLineValue=&quot;1/0&quot; : 
 Option to show/hide the textual value of the divisional line.</li>
 <li>showDivLineSecondaryValue=&quot;1/0&quot; 
 : Option to show/hide the secondary textual value of the divisional 
 line (i.e., text shown on the right side of the canvas for the secondary 
 axis). </li>
 </ul>
 Hover Caption Properties
 The hover caption is the tool tip which shows up when the user moves 
 his mouse over a particular data item (column, line, pie, bar etc.).
 <ul>
 <li>showhovercap=&quot;1/0&quot; : Option 
 whether to show/hide hover caption box. </li>
 <li> hoverCapBgColor=&quot;HexColorCode&quot; 
 : Background color of the hover caption box.</li>
 <li> hoverCapBorderColor=&quot;HexColorCode&quot; 
 : Border color of the hover caption box.</li>
 <li> hoverCapSepChar=&quot;Char&quot; : 
 The character specified as the value of this attribute separates the 
 name and value displayed in the hover caption box. </li>
 </ul>
 Chart Margins
 Chart Margins refers to the empty space left on the top, bottom, left 
 and right of the chart. That means, FusionCharts would leave that much 
 amount of empty space on the chart, before it starts plotting. 
 <ul>
 <li>chartLeftMargin=&quot;Numerical Value (in pixels)&quot; 
 : Space to be left unplotted on the left side of the chart.</li>
 <li> chartRightMargin=&quot;Numerical Value (in 
 pixels)&quot; : Empty space to be left on the right side of the 
 chart</li>
 <li> chartTopMargin=&quot;Numerical Value (in pixels)&quot; 
 : Empty space to be left on the top of the chart.</li>
 <li> chartBottomMargin=&quot;Numerical Value (in 
 pixels)&quot; : Empty space to be left at the bottom of the chart.</li>
 </ul></td>
 </tr>
 <tr> 
 <td class="text">&nbsp;</td>
 </tr>
 <tr> 
 <td class="header">&lt;categories&gt; element</td>
 </tr>
 <tr> 
 <td class="text">The &lt;categories&gt; element can have the following 
 attributes:
 <ul>
 <li>font=&quot;font face&quot; : Font face 
 of the category names.</li>
 <li> fontSize=&quot;Numeric value&quot; 
 : Font size of the category names.</li>
 <li> fontColor=&quot;Hex Color&quot; : Font 
 color of the category names.</li>
 </ul>
 &nbsp;</td>
 </tr>
 <tr> 
 <td class="header">&lt;category&gt; element</td>
 </tr>
 <tr> 
 <td class="text">Each &lt;category&gt; element 
 represents a x-axis data label. You can specify the following attributes 
 for &lt;category&gt; element:</td>
 </tr>
 <tr> 
 <td class="text"><ul>
 <li>name=&quot;String&quot; : This attribute 
 determines the category name which would be displayed on the x-axis 
 as the data label. In our example, we've specified the category names 
 as names of six months (in abbreviated format). </li>
 <li> hoverText=&quot;String&quot; : Sometimes, 
 you might just want to show the abbreviated names on the x-axis (to 
 avoid cluttering or to make the chart look more legible). However, you 
 still have the option of showing the full name as tool tip using this 
 attribute. Like, in our example, we're showing the abbreviated form 
 &quot;Jan&quot; on our x-axis, but the full word &quot;January&quot; 
 is shown as the tool tip.</li>
 <li> showName=&quot;1/0&quot; : This attribute 
 can either the value of 0 or 1. A value of 1 indicates that this data 
 label/category name will be displayed on the chart whereas 0 indicates 
 it won't be displayed. This attribute is particular useful when you 
 want to show/hide names of alternate data items or say every x (th) 
 data item.</li>
 </ul></td>
 </tr>
 <tr> 
 <td class="header">&lt;dataset&gt; element</td>
 </tr>
 <tr> 
 <td valign="top" class="text"> The following attributes can be defined 
 for the &lt;dataset&gt; element.
 <ul>
 <li>parentYAxis=&quot;P/S&quot; : Each &lt;dataset&gt; 
 element has an attribute parentYAxis in 
 the combination chart. This attribute can take a value of P or S, whereas 
 P denoting primary axis and S denoting secondary axis. Like, in our 
 above example, we have the amount dataset set as primary axis: 
 &nbsp;&nbsp;&nbsp;&lt;dataset seriesname='Amount' 
 showValues='0' color='AFD8F8' parentYAxis='P' numberPrefix='$'&gt; 
 and the Quantity dataset set as secondary axis: 
 &nbsp;&nbsp;&nbsp;&lt;dataset seriesname='Quantity' 
 showValues='0' color='FF8000' anchorBorderColor='FF8000' parentYAxis='S' 
 lineThickness='4'&gt; 
 You can have more than one primary or secondary datasets but 
 atleast one of both is required.</li>
 <li>seriesName=&quot;String&quot; : This 
 attribute denotes the name of the dataset series. That is, if we're 
 plotting a monthly sales analysis for the years 2004 and 2003, the seriesName 
 for the first dataset would be 2004 and that of the second would be 
 2003. This is the value that would be shown in the legend. </li>
 <li>color=&quot;Hex Color&quot; : This attribute 
 sets the color using which that particular set of data would be drawn. </li>
 <li>showValues=&quot;1/0&quot;: This attribute 
 sets the configuration whether the values (for this particular data 
 set) will be shown alongside the data sets. You can set this value for 
 individual datasets to highlight the most prominent data. </li>
 <li> alpha=&quot;0-100&quot;: This attribute 
 sets the alpha (transparency) of the entire dataset. 
 You can also later specify alpha at the 
 &lt;set&gt; level to over ride this value. For example, 
 &lt;dataset seriesName='Sales &#8211; 2001' color='FFF123' 
 alpha='80' ..&gt; 
 &lt;set value='1'&gt; 
 &lt;set value='2'&gt; 
 &lt;set value='3' alpha='90'&gt; 
 &lt;/dataset&gt; 
 In the above data, the &lt;set&gt; elements 
 with the value 1 and 2 will have an alpha 
 of 80 on the graph, whereas the one containing 3 as its value will have 
 alpha as 90. </li>
 </ul>
 Dataset specific number prefix and suffix
 <ul>
 <li>numberPrefix=&quot;$&quot; : Using this 
 attribute, you could add prefix to all the numbers for this dataset. </li>
 <li> numberSuffix=&quot;p.a&quot; : Using 
 this attribute, you could add prefix to all the numbers for this dataset.</li>
 </ul>
 Dataset specific anchor properties 
 The anchor properties below would be applicable for anchor of 
 this particular dataset only.
 <ul>
 <li>showAnchors=&quot;1/0&quot;: Configuration 
 whether the anchors would be shown for this dataset or not. If the anchors 
 are not shown, then the hover caption and link functions won't work.</li>
 <li> anchorSides=&quot;Numeric Value greater than 
 3&quot;: This attribute sets the number of sides the anchors 
 (of this dataset) will have. For e.g., an anchor with 3 sides would 
 represent a triangle, with 4 it would be a square and so on.</li>
 <li>anchorRadius=&quot;Numeric Value&quot; 
 : This attribute sets the radius (in pixels) of the anchor. Greater 
 the radius, bigger would be the anchor size. </li>
 <li> anchorBorderColor=&quot;Hex Code&quot; : 
 Border Color of the anchor.</li>
 <li> anchorBorderThickness=&quot;Numeric Value&quot; 
 : Thickness of the anchor border (in pixels).</li>
 <li> anchorBgColor=&quot;Hex Code&quot; : 
 Background color of the anchor.</li>
 <li> anchorBgAlpha=&quot;Numeric Value&quot; 
 : Alpha of the anchor background.</li>
 <li> anchorAlpha=&quot;Numeric Value&quot; 
 : This function lets you set the tranparency of the entire anchor (including 
 the border). This attribute is particularly useful, when you do not 
 want the anchors to be visible on the chart, but you want the hover 
 caption and link functionality. In that case, you can set anchorAlpha 
 to 0.</li>
 </ul>
 Dataset specific line thickness
 <ul>
 <li> lineThickness=&quot;Numeric Value&quot; : 
 Thickness of the line (in pixels). 
 </li>
 </ul></td>
 </tr>
 <tr> 
 <td class="trLightBlueBg">&lt;set&gt; element</td>
 </tr>
 <tr> 
 <td class="text">We now move on to the &lt;set&gt; 
 element which is a child element of the &lt;dataset&gt; 
 element and determines a set of data which would appear on the graph. 
 
 A &lt;set&gt; element looks as under: 
 &lt;set value=&quot;54&quot; color=&quot;3300FF&quot; 
 link=&quot;ShowDetails.asp%3FMonth=Jan&quot; alpha=&quot;80&quot; /&gt; 
 Now let's study the the possible attributes of the &lt;set&gt; 
 element: </td>
 </tr>
 <tr> 
 <td valign="top" class="text"> <ul>
 <li>value=&quot;NumericalValue&quot; 
 Example: &lt;set name='Jan' value='12345' ...&gt; 
 This attribute determines the numerical value for the set of data according 
 to which the chart would be built for the concerned set of data. 
 </li>
 <li>link=&quot;URL&quot; 
 Example: &lt;set &#8230; link='ShowDetails.asp%3FMonth=Jan' 
 ...&gt; 
 This attribute defines the hotspots in your graph. The hotspots are 
 links over the data sets. Please note that you'll need to URL Encode 
 all the special characters (like ? and &amp;) present in the link.All 
 the server side scripting languages provide a generic function to URL 
 Encode any string - like in ASP and ASP.NET, we've Server.URLEncode(strURL) 
 and so on. 
 
 To open a link in a new window, just put n- 
 in front of the link e.g., link=&quot;n-ShowDetails.asp%3FMonth=Jan&quot;. 
 
 </li>
 <li>alpha=&quot;Numerical Value 0-100&quot; 
 Example: &lt;set ... alpha='100' ...&gt; 
 This attribute determines the transparency of a data set. The range 
 for this attribute is 0 to 100. 0 means complete transparency (the data 
 set won&#8217;t be shown on the graph) and 100 means opaque. This option 
 is useful when you want to highlight a particular set of data. This 
 value here overrides the value specified at dataset 
 level.</li>
 </ul>
 At the end of the &lt;set&gt; element, you would find a &quot;/&quot; 
 which signals that it has no more child element 
 </td>
 </tr>
 <tr> 
 <td height="5"></td>
 </tr>
 <tr> 
 <td class="text">At the end of the data file, you would find a &lt;/graph&gt; 
 element, which signals the end of the data file for the graph.</td>
 </tr>
 <tr> 
 <td class="text">&nbsp;</td>
 </tr>
</table>
</body>
</html>