![]() ![]() Editing Your Chart: On the first page we got a pie chart running on your web site. To edit the chart all we have to do is to edit the MyFirstChart.html file. Step 1: Open the MyFirstChart.html file using Notepad. You should now see the following text in Notepad: <HTML><BODY> <!-- Start HanengCharts Code --> <APPLET CODE="HanengCharts.class" ARCHIVE="HanengCharts3.jar" WIDTH=400 HEIGHT=350> <PARAM NAME="LicenseKey" VALUE="DEMO-DTKTG2s3R8xNVzNVFxN"> <PARAM NAME="ChartType" VALUE="3DPie"> <PARAM NAME="Title" VALUE="Units Sold"> <PARAM NAME="Text_1" VALUE="Product A"> <PARAM NAME="Text_2" VALUE="Product B"> <PARAM NAME="Text_3" VALUE="Product C"> <PARAM NAME="Text_4" VALUE="Product D"> <PARAM NAME="Value_1" VALUE="541"> <PARAM NAME="Value_2" VALUE="412"> <PARAM NAME="Value_3" VALUE="357"> <PARAM NAME="Value_4" VALUE="298"> </APPLET> <!-- End HanengCharts Code --> </BODY></HTML> It might seem a little confusing at first, but don't worry, we will go through all the items in this QuickStart Guide. Step 2: Locate the line where it says: <PARAM NAME="Text_1" VALUE="Product A"> and change Product A in to Coca Cola. The edited line should now look like this: <PARAM NAME="Text_1" VALUE="Coca Cola"> Step 3: In the same way change: Product B to Pepsi Product C to Sprite Product D to Fanta The code should now look like this: <HTML><BODY> <!-- Start HanengCharts Code --> <APPLET CODE="HanengCharts.class" ARCHIVE="HanengCharts3.jar" WIDTH=400 HEIGHT=350> <PARAM NAME="LicenseKey" VALUE="DEMO-DTKTG2s3R8xNVzNVFxN"> <PARAM NAME="ChartType" VALUE="3DPie"> <PARAM NAME="Title" VALUE="Units Sold"> <PARAM NAME="Text_1" VALUE="Coca Cola"> <PARAM NAME="Text_2" VALUE="Pepsi"> <PARAM NAME="Text_3" VALUE="Sprite"> <PARAM NAME="Text_4" VALUE="Fanta"> <PARAM NAME="Value_1" VALUE="541"> <PARAM NAME="Value_2" VALUE="412"> <PARAM NAME="Value_3" VALUE="357"> <PARAM NAME="Value_4" VALUE="298"> </APPLET> <!-- End HanengCharts Code --> </BODY></HTML> Step 4: Save the changes and upload the MyFirstChart.html file to your web server again overwriting the old file. Step 5: View the MyFirstChart.html on your web server again. It should now look like this: See the change? Instead of "Product A" in the legend it now says "Coca Cola"! |