Optimized Trapping of Undefined-like Values In JavaScript

While working on the FusionCharts JavaScript charts, there was a frequent need to test whether a variable was null, undefined, NaN or an empty string. The “frequent” need was so frequent that the probing function alone took up 15% of the chart’s execution time.

Continue reading Optimized Trapping of Undefined-like Values In JavaScript

Dynamically Update FusionCharts XML Attributes

This snippet of code adds the functionality to dynamically update FusionCharts DataXML root attributes (also known as "chart attributes") on-the-fly using JavaScript.

In case user requires to update chart cosmetics like turn off animation or change chart caption, this script will allow developers to do that in one line of code!

Continue reading Dynamically Update FusionCharts XML Attributes

FusionCharts On WordPress In 11 Easy Steps

Manually installing FusionCharts in your WordPress blog is extremely easy. One requires nothing more than copy-paste skills to create lovely animated charts in one’s WordPress blog using FusionCharts.

Here are eleven simple and direct steps that would make your WordPress blog (or any other blog) up and running with FusionCharts in minutes.

Continue reading FusionCharts On WordPress In 11 Easy Steps

Executing jQuery Within FusionCharts Link Attribute

FusionCharts Flash charting suite has an amazing integration with JavaScript. It allows charts to be created using JavaScript, raises appropriate JavaScript events, allows charts to be updated using its simple JavaScript API and a lot more. There is a blog post on FusionCharts blog, describing the same.

Continue reading Executing jQuery Within FusionCharts Link Attribute

Chart Type Aliases for FusionCharts DOM

FusionCharts DOM1 uses an alias, instead of SWF file names, for every chart type. This is done to address certain issues in order to improve usability:

Continue reading Chart Type Aliases for FusionCharts DOM

  1. FusionCharts DOM is a JavaScript framework that helps you include FusionCharts in your web applications in a very elegant and easy way. Instead of writing standard Javascript codes or OBJECT/EMBED tags to embed charts, you can use FusionCharts DOM to create a chart by just including tags in your HTML code. Configuration of the charts is as simple as providing attributes to this HTML element. []

Convert FusionCharts Data-XML To JavaScript Array

This is a snippet of JavaScript that would allow you to easily retrieve all "set" values from a FusionCharts data-XML in form of an Array.

One can use it to perform various mathematical or visual operations by retrieving the data-XML from FusionCharts object using the getXMLData() method and then passing on the same to this function.

Continue reading Convert FusionCharts Data-XML To JavaScript Array

Generating Pareto Chart Data for FusionCharts

As soon as I read about Pareto Charts on FusionCharts blog and how it uses cumulative percentage on a dual-y axes graph to allow users to summarize data into segments, I realized that a simple script to generate the FusionCharts XML would help users generate such graphs.

For those who do not know what is FusionCharts, it is simply something that can convert your boring tables of data into sexy animated charts.

Continue reading Generating Pareto Chart Data for FusionCharts