Time for action — building the descendant chart
1. Create
Monthly2007Chart.html
in theDrillDown
folder and type the following code in it.<html> <head> <title>Online Revenue - For 2007</title> <script type="text/javascript" src="../FusionCharts/FusionCharts.js"> </script> </head> <body> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> <!-- var myChart = new FusionCharts("../FusionCharts/Column2D.swf", "myChartId", "500", "300", "0", "1" ); myChart.setXMLUrl("Monthly2007Data.xml"); myChart.render("chartContainer"); // --> </script> <a href ='YearlyChart.html'><< Back to yearly chart</a> </body> </html>
2. Create an XML file named
Monthly2007Data.xml
in the same folder, type in the following XML representing the monthly breakdown of online revenues for 2011:<chart caption='Harry's SuperMart - Monthly online revenue' subcaption...