在 SharePoint 2010 中使用Flash图表控件 Fusion Charts
记得我去年写过一篇blog介绍怎么把当时只适用Moss2007的Flash图表控件 Fusion Charts应用到Moss2010 中http://blog.youkuaiyun.com/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的完成情况: