Monday, December 15, 2008

3D Silverlight Charts in SharePoint: SmartTools.Charts

An impressive library for charting was developed by Visifire(http://www.visifire.com/) a while ago. This library is using WPF and Silverlight to create very nice 3D charts (you can test a lot of charts here in this gallery: http://www.visifire.com/silverlight_charts_gallery.php). And, of course we can use them in SharePoint.
Jan Tielens made a new control in his SmartTools library, named SmartTools.Charts (you could find it here: http://www.codeplex.com/smarttools/Wiki/View.aspx?title=Charts&referringTitle=Home) to fulfill our needs to have nice looking charts in SharePoint.

To install and use the feature you should complete the following tasks:
1. First thing you have to do is to download the SmartTools.Charts from codeplex and install it on the site collection you need (it is build with the WSPBuilder so it has an installer for this task). 2. After you install it, you have to enable it at the site collection level. To do that, go in Site Collection features and enable SmartTools.Charts.
3. You are able now to add 2 new web parts:
a) List Charts - this web part connects to one list on your site and brings data from that list in the chart. You can specify here the list to connect to, the view to filter data and the columns to use in chart (as you could see in the picture below).



b) Tasks List Chart - a particular List Chart - it is linked with the Tasks List in the site to show the percentage of work for each task:



4. Enjoy it!

Remember that this tool is on Beta 1, so it might have some bugs out there.
Very good work Visifire for creating those charts and Jan for the SharePoint integration.

P.S. You should have Silverlight enabled in IIS for the site collection you want to put those charts. To do that, go in IIS and add the following MIME Types to the site where the SharePoint site collection is:

.xaml
application/xaml+xml

.xap
application/x-silverlight-app

.xbap
application/x-ms-xbap