To take an example for thermometer gauge, here we are plotting the temperature of Antarctica. The final result would look similar to the image shown below: |
![]() |
The following steps involved in creating this thermometer chart are:
|
Creating the XML |
XML for the chart |
The XML for the chart is given below to make you understand. We will be saving this XML file as Data.xml, file in the same location as our MXML apllication. |
<chart palette='4' lowerLimit='-50' upperLimit='10' numberSuffix='° C'> <value>-40</value> </chart> |
Explanation |
First comes the <chart> element, which is the starting element for any chart that you have created using FusionWidgets. Now we have defined the lower and upper limits of the gauge scale. To define the limits, we have used the lowerLimit and upperLimit attributes of the <chart> element. We also set the palette number and degree character as number suffix. |
<chart palette='4' lowerLimit='-50' upperLimit='10' numberSuffix='° C'> |
After that, we set the value of the chart using: |
<value>-40</value> |
And this finishes our first thermometer chart. |
Building the ChartWe will assume that you already have a project open and an MXML application, where you are ready to insert your chart. Begin by switching to the
The equivalent code in <?xml version="1.0" encoding="utf-8"?> The file Data.xml is our previously created XML file. The file should be present in the same location as your MXML file. If not, you should specify the path of the file in the FCDataURL property. If you do not wish to create a separate XML data file, you can also bind the data as a string to the FCDataXML property. |