QuickStart Guide


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"!

Next: Editing Your Chart Continued >>