Charting demos from the RIACon Keynote

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: http://www.raymondcamden.com/demos/2012/aug/7/test5.cfm

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: http://ponyfac.es/

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: http://www.raymondcamden.com/demos/2012/aug/7/test9.cfm

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 developer advocate looking for his next gig. He focuses on JavaScript, serverless and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support.

Lafayette, LA https://www.raymondcamden.com

Comments