My very first article here was about how to create good looking charts from your data.
I found a tool that produces even better looking results in the browser. Take a look at this:
The tool I found was FusionCharts. It’s not freeware or open source, but you can download an evaluation version on their site and if you like it, you can buy a user license for 69$ (this means you cannot edit the flash source code, and you are allowed to use it on one website and an unlimited number of developer and test servers).
Using their evaluation version, I created a charts demo database with some examples on how to use Fusioncharts in a Lotus Notes web application.
Just download and unzip the database and do a web preview of the page Charts.
Below you find a clarifying image of the different parts that are needed in html.
- You need a reference to the type of chart to use. All charts are included in the file resources as swf (Flash) movies. If you ever buy a license, just replace the files in the file resources with the files in the charts directory of the package.
- The data must be present in an xml file. This is where you have to decide on how to deliver the xml.
- Give the chart object a name for js access, f.e. to do a refresh of the chart.
- Experiment with the dimensions of the chart.
I included 3 examples in the demo database:
- Pie3D (top image) uses form piedata to create documents, view piedataxml to embed in page pie3d.xml. The page also contains the markup xml.
- Column2D (image below) uses form columndata to create documents, view columndataxml is used to access its values via @DbColumn in page column2d.xml.
- MsColumn3D (image below): I just put the data in a simple page mscolumn3D.xml (I didn’t have any spare energy to create a structure around it ;-))
For an explanation of all different parameters, settings and chart types, I refer to their website. There are tons of different possibilities, gradients, shadows, neat color schemes,… to satisfy even the most graphic hungry among you.