Charting demos from the RIACon Keynote

This post is more than 2 years old.

Continuing with my blog post from yesterday, here are the three chart examples I shared demonstrating the updates in ColdFusion 10. These are not meant to represent everything you can do. I just thought they were kinda cool and demonstrated some of the extensibility of the new charting engine.

For the first example, I showed how rules can be used to highlight data. Consider the following static chart:

Pretending for a moment that the chart isn't static, how could we highlight the highest value? By using a "rule" passed in to the tag's new Plot attribute:

You've probably never seen this before in a ColdFusion chart, but the code should be simple enough to understand. Here is the result:

Here is another example - this time flagging products with sales below a threshold:

And the result:

The next example I showed demonstrated the preview and zoom features. The preview feature will display a miniature version of the chart and provide simple controls for 'focusing' in on one portion. Zooming works much the same way but is mouse driven. The code is still relatively simple:

This one is best experienced, so hit the demo here:

Finally - I wanted to show how you can add simple click support. I've blogged this before but I built a new demo that tied that data into an... interesting... third party API:

Here's the code for the main display:

And if you are really curious - the code for the "pony" service:

You can demo this awesome chart here:

You can learn more about the charting engine in ColdFusion 10 by reading the ZingChart docs. Enjoy!

Raymond Camden's Picture

About Raymond Camden

Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA

Archived Comments

Comment 1 by Stephen Walker posted on 8/7/2012 at 8:55 PM

Better documentation for ZingChart is at

Comment 2 by Raymond Camden posted on 8/7/2012 at 9:26 PM

Ah sweet - thank you!

Comment 3 by Stephen Walker posted on 8/7/2012 at 10:07 PM

Glad to help. Written a couple of articles on the new cfchart as well.