在 SharePoint 2010 中使用Flash图表控件 Fusion Charts

在 SharePoint 2010 中使用Flash图表控件 Fusion Charts

记得我去年写过一篇blog介绍怎么把当时只适用Moss2007的Flash图表控件 Fusion Charts应用到Moss2010 中http://blog.csdn.net/farawayplace613/article/details/5773398，当时时间比较紧，写的都是英文，这里向广大博友道歉了。现在http://charts4sharepoint.codeplex.com/已经有官方版本支持Moss2010 了，我在这里给大家介绍下新版本。

Fusion Charts是一组很不错的Flash图表控件，基本包含了常用的图表控件，如柱状图，饼图，2D图，3D图等。 这个开源项目将这些Flash图表控件封装成了我们熟知的web part ,使得我们可以很方便的在Moss中使用这些Flash图表控件，闲话少说，说正题，下面我来介绍如何在Moss2010中安装和使用FusionCharts。

前提条件: 您安装有Moss 2010,以下操作如无特别指出都是在装有Moss2010的server上执行的

1.在Moss2010中安装部署 Fusion Charts

a.首先要从codeplex.com上下载 FusionChartsSharePoint-2.0beta.zip

http://charts4sharepoint.codeplex.com/releases/view/71827

b.将这个zip解压到C:\, 解压完成后再可以找到

C:\FusionChartsSharePoint-2.0beta\FusionChartsSharePoint.wsp

c.启动 ” SharePoint 2010 Management Shell”（start->All programs -> Microsoft SharePoint 2010 Products-> SharePoint2010 Management Shell），最好是以管理员身份启动(runas administrator)

d.执行cdC:\FusionChartsSharePoint-2.0beta定位到FusionChartsSharePoint.wsp所在的文件夹

e.执行Add-SPSolutionC:\FusionChartsSharePoint-2.0beta\FusionChartsSharePoint.wsp

f.打开SharePoint2010 的管理中心站点（start->Allprograms -> Microsoft SharePoint2010 Products-> SharePoint 2010 Central Administration）

g.定位到解决方案管理页面(SystemSettings > Manage farm solution)

h.我们可以看到fusionchartssharepoint.wsp并且其状态是 NotDeployed，点击fusionchartssharepoint.wsp，点解Deploy Solution

i.选择要部署的站点并点击OK，回到Manage farm solution页面，我们会看到fusionchartssharepoint.wsp的状态已经变成了Deployed

j.打开刚刚部署了FusionCharts的Moss2010 网站，如http://ccpc, Site Actions->Site Settings->SiteCollection Features, 找到Feature“Fusion Charts SharePoint”, 点击Active

2.在Moss2010网站中使用FusionCharts

a.打开刚刚部署了FusionCharts的Moss2010 网站，如http://ccpc

b.点击Site Actions->MoreOption -> View all SiteContent-> Create->Page->Webpart page（选中）->Create

c.输入页面名称如TestFusionCharts,Document Library 选择SitePages,点击Create

d.点击 ”Add a web part”, 从Categories 中选取FusionCharts, Web Parts 中选取ChartFrom xml, 点击 Add

e.OK, 您现在可以看到默认数据了

f.如果想在图表中显示List有关的统计，可以添加Char from list 的web part , 需编辑webpart 属性设置如下：

注，tasks是列表名称，您可以替换成您想要显示的列表， Status是该列表的字段名称.

下图统计了task的完成情况: