Current File : /home/caballoscriollos/public_html/espanol/encuesta/graphs/contents/singleseries.html
<?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">Single Series Chart XML</h2></td>
</tr>
<tr>
<td valign="top" class="text"><p>Single Series Charts depict only one set of data on the chart. A simple 2D single series looks like this:
</p></td>
</tr>
<tr>
<td valign="top" class="text"><img src="ChartSS/Images/Col_2D.jpg" /></td>
</tr>
<tr>
<td valign="top" class="text">
<p>
In this section, the XML structure of single series chart has been explained
in a generic way. Let's recall our previous XML. It looked something like this
(minus a few new nodes):
</p></td>
</tr>
<tr>
<td valign="top" class="codeBlock"><p>
<graph caption='Business Results 2006' xAxisName='Month' yAxisName='Revenue' showValues='0' <br/>
numberPrefix='$' decimalPrecision='0' bgcolor='F3f3f3' bgAlpha='70' showColumnShadow='1'<br/>
divlinecolor='c5c5c5' divLineAlpha='60' showAlternateHGridColor='1' alternateHGridColor='f8f8f8'<br/>
alternateHGridAlpha='60' > <br /><br/>
<set name='Jan' value='27400' color='AFD8F8'/><br />
<set name='Feb' value='29800' color='F6BD0F' /><br />
<set name='Mar' value='25800' color='8BBA00'/><br />
<set name='Apr' value='26800' color='FF8E46'/><br />
<set name='May' value='29600' color='008E8E' /><br />
<set name='Jun' value='32600' color='D64646'/><br />
<set name='Jul' value='31800' color='8E468E'/><br />
<set name='Aug' value='36700' color='588526'/><br />
<set name='Sep' value='29700' color='B3AA00'/><br />
<set name='Oct' value='31900' color='008ED6'/><br />
<set name='Nov' value='34800' color='9D080D'/><br />
<set name='Dec' value='24800' color='A186BE' /><br />
<br />
<trendlines><br />
<line startValue='26000' color='91C728' displayValue='Target' showOnTop='1'/><br />
</trendlines><br />
<br />
</graph></p></td>
</tr>
<tr>
<td valign="top" class="text"> </td>
</tr>
<tr>
<td valign="top" class="header">Brief Explanation</td>
</tr>
<tr>
<td valign="top" class="text"> <p>The <span class="codeInline"><graph></span>
element is the main element of any FusionCharts XML document - it represents
the starting point and the ending point of data. The <span class="codeInline"><graph></span>
element has a number of attributes which helps to manipulate the chart.
You can find the list of all the attributes for this element in "<span class="codeInline">Chart
XML Reference</span>" of each chart.</p>
<p>In the most general form, attributes have the following form:<br>
<span class="codeInline">attributeName = "Value"<br>
e.g., xAxisName="Month"</span> </p>
<p>The attributes can occur in any order and quotes can be single or double
like <span class="codeInline">xAxisName='Month'. </span><span class="text">However,
you need to make sure that a particular attribute occurs only once for
a given element.</span></p>
<p>Moving on, each <span class="codeInline"><set></span> element (which
is a child element of the <span class="codeInline"><graph></span>
element) represents a set of data which is to be plotted on the graph
and determines a set of data which would appear on the graph. A typical
<span class="codeInline"> <set></span> element would look like:</p>
<p class="codeInline"><set name='Jan' value='27400' color='AFD8F8' hoverText="January, 17400" link="details.asp?month=jan"
showName="1"/></p>
<p>Next we have the <span class="codeInline"><trendLines></span> element.
Using this function of the chart, you could draw custom lines on the chart
to represent a trend. For example, in our above XML, we have defined a
line at 26000 to represent the average target sales for the period. </p>
<p class="codeInline"> <line startValue='26000' color='91C728' displayValue='Target' showOnTop='1'/></p>
</td>
</tr>
</table>
</body>
</html>
Mr. DellatioNx196 GaLers xh3LL Backd00r 1.0, Coded By Mr. DellatioNx196 - Bogor BlackHat