<?xml version="1.0" encoding="iso-8859-1"?>
<hsgraph><!-- Every ChartSVG data file must start with this tag -->
	<title>ChartSVG example</title> <!-- The title that will be displayed in the top of the chart -->
	<charttype>bar</charttype> <!-- The type of chart that is going to be produced. Right now 'line','bar' and 'pie' are supported -->
	<showlegend chartfitpos="1" showpercent="y"/> <!-- If this tag is there, a legend section will be added to the chart. If a "chartfitpos" attribute is present, The legend will be fitted in the chart instead of adding a new section. The legend will be aligned with the Nth column, N being the chartfitpos value. -->
	<bgcolor>white</bgcolor> <!-- This element specifies a background color for the whole graph. If it is missing, the background is transparent -->
	<xaxis> <!-- X axis settings -->
		<title>Months</title> <!-- The title under the X axis -->
		<max>12</max> <!-- The maximum value of the X Axis. Max should be higher than the highest x values of all series -->
		<grid> <!-- The grid lines. Each line node in this node will result in a grid line in the chart -->
			<longstrfit/> <!-- Automatically aternate the grid titles' y values so the long strings don't overlap -->
			<line>January</line>
			<line>February</line>
			<line>March</line>
			<line>April</line>
			<line>May</line>
			<line>June</line>
			<line>July</line>
			<line>August</line>
			<line>September</line>
			<line>October</line>
			<line>November</line>
			<line>December</line>
		</grid>
	</xaxis>
	<yaxis> <!-- Y axis settings -->
		<title>Visitors</title>
		<max>200</max>
		<margin>28</margin> <!-- This element will give more space to the Y Axis (If the text on the grid lines are too large to fit) -->
		<grid>
			<valuepositioning/> <!-- This option will place every grid line according to it's value instead of ditributing the lines evenly on the axis -->
			<line>50</line>
			<line>100</line>
			<line>150</line>
			<line>200</line>
			<line value="130" indicator="blue">Objective</line> <!-- If the "indicator" attribue is set, a line will go through the whole graphic, having the color specified by this attribute -->
			<line value="60" indicator="red">Disaster</line>
		</grid>
	</yaxis>
	<series> <!-- Chart series. A "showvalues" attribute is possible, but recommended only if just one serie is present. -->
		<serie> <!-- In the bar chart, every serie is overlapped and has a small offset between each rect -->
			<name>Serie 1</name> <!-- The name that appears in the legend -->
			<color>#6699cc</color> <!-- Color of the rectangles associated with this serie -->
			<point x="0" y="20"/> <!-- each point node will result in a rectangle in the bar chart -->
			<point x="1" y="40"/>
			<point x="2" y="90"/>
			<point x="3" y="124"/>
			<point x="4" y="81"/>
			<point x="5" y="102"/>
			<point x="6" y="200"/>
			<point x="7" y="108"/>
			<point x="8" y="38"/>
			<point x="9" y="67"/>
			<point x="10" y="94"/>
			<point x="11" y="5"/>
		</serie>
		<serie>
			<name>Serie 2</name>
			<color>red</color>
			<point x="0" y="100"/>
			<point x="1" y="80"/>
			<point x="2" y="60"/>
			<point x="3" y="40"/>
			<point x="4" y="20"/>
			<point x="5" y="10"/>
			<point x="6" y="60"/>
			<point x="7" y="80"/>
			<point x="8" y="100"/>
			<point x="9" y="110"/>
			<point x="10" y="130"/>
			<point x="11" y="150"/>
		</serie>
		<serie>
			<name>Serie 3</name>
			<color>yellow</color>
			<point x="0" y="10"/>
			<point x="1" y="30"/>
			<point x="2" y="50"/>
			<point x="3" y="90"/>
			<point x="4" y="80"/>
			<point x="5" y="60"/>
			<point x="6" y="180"/>
			<point x="7" y="160"/>
			<point x="8" y="140"/>
			<point x="9" y="120"/>
			<point x="10" y="100"/>
			<point x="11" y="80"/>
		</serie>
	</series>
</hsgraph>
