Time for action — using LinkedCharts to eliminate multiple web pages for descendant charts
1. Create a copy of
YearlyChart.html
from the previous example and rename it asLinkedChart.html
. Change the URL of the XML data file toLinkedChartData.xml
.2. Create an XML file in this folder with the name
LinkedChartData.xml
and type the following data in it:<chart caption='Harry's SuperMart - Online Revenue' subcaption='Last 5 years' xAxisName='Year' yAxisName='Amount' numberPrefix='$'> <set label='2007' value='145700' link='newchart-xmlurl- Monthly2007Data.xml'/> <set label='2008' value='180400' link='newchart-xmlurl- Monthly2008Data.xml'/> <set label='2009' value='345600' link='newchart-xmlurl- Monthly2009Data.xml'/> <set label='2010' value='567400' link='newchart-xmlurl- Monthly2010Data.xml'/> <set label='2011' value='856100' link='newchart-xmlurl- Monthly2011Data.xml'/> </chart>
3. Open
LinkedChart.html
in your browser. You will first see...