Tiny File Manager

Back Back Up Advanced Editor

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FusionCharts Free Documentation</title>
<link rel="stylesheet" href="Style.css" type="text/css" />
</head>

<body>
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
 <tr> 
 <td><h2 class="pageHeader">Combination Chart XML</h2></td>
 </tr>
 <tr> 
 <td valign="top" class="text">Combination charts are helpful when you want 
 to plot multiple chart types on the same chart or use two different scales 
 for two different axes. FusionCharts Free offers Dual Y Axis Combination Charts. In these charts, there 
 are two y-axes, which can represent different scales (e.g., revenue 
 and quantity or visits and downloads etc.). The axis on the left of 
 the chart is called primary axis and the one on right is called secondary 
 axis. 
 FusionCharts Free has 2D and 3D charts for both the above categories. Shown 
 below is a 2D Dual Y Combination Chart.</td>
 </tr>
 <tr> 
 <td valign="top" class="text"><img src="ChartSS/Images/Combi_2D.jpg" /></td>
 </tr>
 <tr> 
 <td valign="top" class="text">As you can see in the image above, we're plotting 
 a monthly sales and quantity chart. On the x-axis, we've the month names and we have two y-axis one for depicting sales and the other for depicting quantities. 
 <ul>
 <li>The primary y axis (left) representing the Revenue figures of 2005 and 2006. The columns 
 in this chart are plotted against the primary y-axis. </li>
 <li>The secondary y axis (right) representing the Quantity figure. The 
 line adheres to the secondary axis. </li>
 </ul>
 For Dual Y Axis combination charts, it is necessary to provide atleast 
 2 datasets - one for the primary axis and the other for the secondary 
 axis. If you do not provide this, the chart would not render properly. 
 The XML for the above Dual Y Axis chart looks as under:
 </td>
 </tr>
 <tr> 
 <td valign="top" class="codeBlock">
	&lt;graph caption='Business Results 2005 v 2006' PYAxisName='Revenue' SYAxisName='Quantity'	 
	 &nbsp;&nbsp;xAxisName='Month' showValues='0' decimalPrecision='0' bgcolor='F3f3f3' bgAlpha='70'
 
 &nbsp;&nbsp;showColumnShadow='1' divlinecolor='c5c5c5' divLineAlpha='60' showAlternateHGridColor='1'
 &nbsp;&nbsp;alternateHGridColor='f8f8f8' alternateHGridAlpha='60' SYAxisMaxValue='750'	 
	 &nbsp;&gt;
	 
	 &nbsp;&nbsp;&nbsp;&lt;categories&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Jan' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Feb' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Mar' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Apr' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='May' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Jun' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Jul' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Aug' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category 
 name='Sep' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Oct' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Nov' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;category name='Dec' /&gt; &nbsp;&nbsp;&nbsp;&lt;/categories&gt; 
 
 &nbsp;&nbsp;&nbsp;&lt;dataset seriesName='2006' parentYAxis='P' color='c4e3f7' numberPrefix='$'&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='27400' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='29800' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='25800' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='26800' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='29600' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='32600' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='31800' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='36700' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='29700' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='31900' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='34800' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='24800' /&gt; &nbsp;&nbsp;&nbsp;&lt;/dataset&gt; 
 &nbsp;&nbsp;&nbsp;&lt;dataset 
 seriesName='2005' parentYAxis='P' color='Fad35e' numberPrefix='$'&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='10000' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='11500' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='12500' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='15000' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='11000' 
 /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='9800' &nbsp;/&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='11800' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='19700' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='21700' 
 /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='21900' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='22900' /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='20800' /&gt; &nbsp;&nbsp;&nbsp;&lt;/dataset&gt; 
 &nbsp;&nbsp;&nbsp;&lt;dataset seriesName='Total Quantity' parentYAxis='S' color='8BBA00' anchorSides='10' 
	 
	 &nbsp;&nbsp;&nbsp;&nbsp;anchorRadius='3' anchorBorderColor='009900' &gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='270' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='320' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='290' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='320' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='310' 
 /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='320' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='340' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='470' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='420' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='440' /&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set value='480 '/&gt; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;set 
 value='360' /&gt; &nbsp;&nbsp;&nbsp;&lt;/dataset&gt; 
 
 &lt;/graph&gt;</td>
 </tr>
 <tr> 
 <td valign="top" class="text">&nbsp;</td>
 </tr>
 
 <tr> 
 <td valign="top" class="header">Brief Explanation</td>
 </tr>
 <tr> 
 <td valign="top" class="text">The XML structure for a combination chart is 
 very similar to that of multi-series chart. So, we won't be discussing it 
 all over again- what we'll be discussing are the differences between them. 
 </td>
 </tr>
 <tr> 
 <td valign="top" class="text">&nbsp;</td>
 </tr>
 <tr> 
 <td valign="top" class="header">Dual Y Axis Combination Charts</td>
 </tr>
 <tr> 
 <td valign="top" class="text"> In Dual Y Axis Combination Charts, you've 
 two y-axes. Each y-axis can have its own scale and number formatting 
 properties. You can also explicitly set y-axis lower and upper limits for 
 both the axes.
 You choose the axis for each dataset using the parentYAxis 
 property of &lt;dataset&gt; element. This 
 attribute can take a value of P or S. P denotes primary axis and S denotes 
 secondary axis. Like, in our above example, we have the revenue datasets - '2006' and '2005' set on primary axis:
 &lt;dataset seriesName='2006' parentYAxis='P' ... &gt; 
 
	 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...
	 
&lt;dataset seriesName='2005' parentYAxis='P' ... &gt; 
 and the Quantity dataset set on secondary axis:
 &lt;dataset seriesName='Total Quantity' parentYAxis='S' ... &gt;
 In Dual Y 3D Combination Charts, the column chart 
 always plots on the primary axis and lines on the secondary. You can have 
 more than one primary or secondary datasets but at least one of each is 
 required.
 
 </td>
 </tr>
</table>
</body>
</html>