当前位置:首页>编程日记>正文

ChartPart 图表显示

上一篇中介绍了jQuery的图表显示。在SharePoint中显示图表的另一个不错的选择是 ChartPart。ChartPart是一个开源的SharePoint WebPart。主要用于SharePoint 列表数据的图表显示。ChartPart基于MSChart(Microsoft.NET 3.5 SP1 Chart Controls)开发而成。ChartPart基本上封装了绝大部分常用的MSChart属性。非常适用于简单快速的开发SharePoint图表。

ChartPart 图表显示 配图01

本文基于 ChartPart 2.0.1.0 for SharePoint,由于项目仍在更新,故此有可能出现描述不一致的地方。

 安装 

安装分为两个部分。首先需要激活 Microsoft Chart Controls,然后需要把WebPart添加到网站集。

安装包里 默认包含两个WebPart:ChartPart和 ChartPart(Locked)。前者是标准的ChartPart,后者为前者的禁止修改属性的版本,主要用在某些特殊环境下,不允许修改图表的一些属性时。

ChartPart 图表显示 配图02

安装前首先确保已经装了.NET 3.5 SP1和.NET 3.5 SP1 Chart Controls。 

接下来,我们要进行前端Web服务器部分的部署。这里主要是针对MSChartControls.wsp和 ChartPart 2.0.wsp两个解决方案包。其实,与其他SharePoint解决方案包的部署是一样的。利用wsp的webpart部署过程真是非常简单,熟悉的朋友可以直接略过了!

添加解决方案

1、stsadm -o addsolution -filename MSChartControls.wsp

2、stsadm -o execadmsvcjobs

部署解决方案

你可以通过管理中心>解决方案管理里面进行部署,也可以使用命令行:

1、stsadm -o deploysolution -name MSChartControls.wsp -immediate -allowgacdeployment

若要验证部署是否成功,可以 打开管理中心->操作->解决方案管理。部署完是这个样子:

 ChartPart 图表显示 配图03

Web应用程序上激活Chart控件

在使用ChartPart前需要在相应的Web应用程序上首先激活Feature:

1、打开管理中心—>应用程序管理—>管理Web应用程序功能。

2、 确保右上角Web应用程序选择器中选择了正确的Web应用程序。

3、点击激活Microsoft Chart Controls Feature。

ChartPart 图表显示 配图04

通过查看源代码,我们可以知道,这里实际上就是做了一件事情。就是修改了对应Web应用程序的web.config,添加下列内容,以启用Chart控件:

<appSettings>

    <add key="ChartImageHandler" value="storage=memory;timeout=20;" /> 

</appSettings> 

 因此如果我们不想激活该Feature,也可以手工对web.config进行修改。

下面,我们就可以开始部署ChartPart WebPart了。过程类似:

添加解决方案 

1、stsadm -o addsolution -filename "ChartPart 2.0.wsp"

部署解决方案

你可以通过管理中心>解决方案管理里面进行部署,也可以使用命令行,将其中的<url>替换成实际的web应用程序地址:

1、stsadm -o deploysolution -name "ChartPart 2.0.wsp" -immediate -allowCasPolicies -url <url>

2、stsadm -o execadmsvcjobs

在网站集上激活Feature

1、进入顶级网站的网站设置—>网站集功能。

2、激活ChartPart for SharePoint feature。

ChartPart 图表显示 配图05 

至此,我们就可以再页面上拖放ChartPart了。 

使用 

数据源我打算还是用一个自定义列表。

ChartPart 图表显示 配图06

这里要注意类型。在上一篇中的jQuery图表里,我们建的都是单行文本。而在这里,必须是数字。否则在选取X轴时会选不到该栏。

 ChartPart 图表显示 配图07

接下来看看将WebPart拖到页面上后的WebPart属性设置部分。主要是选择网站、列表、视图以及横纵坐标。都比较简单,直接上图,一目了然。

ChartPart 图表显示 配图08 ChartPart 图表显示 配图09 ChartPart 图表显示 配图10
ChartPart 图表显示 配图11 ChartPart 图表显示 配图12 ChartPart 图表显示 配图13
ChartPart 图表显示 配图14

对图表类型和主题样式稍作变化,得到折线图:

 ChartPart 图表显示 配图15

饼图: 

 ChartPart 图表显示 配图16

怎么样,还不错吧。 

参考资料:

ChartPart主页 


http://www.coolblog.cn/news/4bda56d971b1cab1.html

相关文章:

  • asp多表查询并显示_SpringBoot系列(五):SpringBoot整合Mybatis实现多表关联查询
  • s7day2学习记录
  • 【求锤得锤的故事】Redis锁从面试连环炮聊到神仙打架。
  • 矿Spring入门Demo
  • 拼音怎么写_老师:不会写的字用圈代替,看到孩子试卷,网友:人才
  • Linux 实时流量监测(iptraf中文图解)
  • Win10 + Python + GPU版MXNet + VS2015 + RTools + R配置
  • 美颜
  • shell访问php文件夹,Shell获取某目录下所有文件夹的名称
  • 如何优雅的实现 Spring Boot 接口参数加密解密?
  • LeCun亲授的深度学习入门课:从飞行器的发明到卷积神经网络
  • 支撑微博千亿调用的轻量级RPC框架:Motan
  • Mac原生Terminal快速登录ssh
  • java受保护的数据与_Javascript类定义语法,私有成员、受保护成员、静态成员等介绍...
  • mysql commit 机制_1024MySQL事物提交机制
  • 法拉利虚拟学院2010 服务器,法拉利虚拟学院2010
  • 2019-9
  • jquery 使用小技巧
  • vscode pylint 错误_将实际未错误的py库添加到pylint白名单
  • 科学计算工具NumPy(3):ndarray的元素处理
  • linux批量创建用户和密码
  • 工程师在工作电脑存 64G 不雅文件,被公司开除后索赔 41 万,结果…
  • js常用阻止冒泡事件
  • newinsets用法java_Java XYPlot.setInsets方法代碼示例
  • 气泡图在开源监控工具中的应用效果
  • 各类型土地利用图例_划重点!国土空间总体规划——土地利用
  • php 启动服务器监听
  • dubbo简单示例
  • [iptables]Redhat 7.2下使用iptables实现NAT
  • Ubuntu13.10:[3]如何开启SSH SERVER服务
  • 【设计模式】 模式PK:策略模式VS状态模式
  • JS实现-页面数据无限加载
  • CSS小技巧——CSS滚动条美化
  • 最新DOS大全
  • Django View(视图系统)
  • 阿里巴巴分布式服务框架 Dubbo
  • 阿里大鱼.net core 发送短信
  • 程序员入错行怎么办?
  • Sorenson Capital:值得投资的 5 种 AI 技术
  • 两张超级大表join优化
  • Arm芯片的新革命在缓缓上演
  • 第九天函数
  • Linux软件安装-----apache安装
  • HDU 5988 最小费用流
  • 《看透springmvc源码分析与实践》读书笔记一
  • nagios自写插件—check_file
  • python3 错误 Max retries exceeded with url 解决方法
  • 正式开课!如何学习相机模型与标定?(单目+双目+鱼眼+深度相机)
  • 通过Spark进行ALS离线和Stream实时推荐
  • 行为模式之Template Method模式