A WPF and XAML based chart

While having fun with WPF/XAML in my spare time, I came across this work by John Stevien at CodeProject. So I went out to try something fun with WPF and see if we can create something similar to the charts you see on Google finance. Since unlike Adobe Flex platform, WPF/XAML lacks any built-in support for data charts, I think this could be something helpful in real-life applications. Here is the results of this 4-hour adventure. I’ve created a WPF/XAML based 2D filled chart that supports dynamic zooming and panning, and track-ball of the current chart positions for time-series data. This chart could possibly be used in many situations where time-series data needs to be displayed.

This chart utilize the flexibility and power of the “adorner” class in WPF Visual elements. The following shows the chart in action:

[ Update: 7/20/2007]

The source code is uploaded to my Box.net share here. You can download and try the code.

[Update: 1/16/2009]

A new source code link is posted at:

new source code link

---

Possibly related posts: (automatically generated)

• Another chart in WPF
• A peek into Flex2/ActionScript3 world
• Nibbles Blend/WPF/XAML Tutorial site
• Visualizing HR Data Part 2: Using Google’s Cool Motion Chart