SSRS之 - Sparkline与Data Bar

简介

数据的可视化是数据分析最直观的方式,所以所有的BI系统在其展示层产品上都自带了多重图形控件以方便开发人员以图形的方式展示数据。比如使用折线图展示随时间变化的销售数据,使用柱状图展示2012年不同部门的销售量等,以上的需求都有一个共同的特点,就是一个报表上只会需要一个或两个图表,然后我们在报表更关注的是图表自身所携带的细粒度的数据(比如对于2012年,部门1销售量为1000,部门2销售量为1200等),而很少需要在一个报表上展示多个图表或在不同的图表见做对比。

但是有时候我们会有另外一种报表需求,在这种报表上我们需要展示很多图形,我们不关注每个图形上的细节数据,而是关注图形所携带的数据的整体以及在繁多的图形见做对比。这时候普通的图表控件就不适用于需求了,所以引入了火花图(sparkline)及数据条(databar)。

如下面图形,其中左边是sparkline的一种,右面是databar的一种:

  1. 左边的火花图展示了每个销售区域的总体销售量,并且展示了销售量随时间的变化趋势。对于该图形,我们不关心每个销售区域在每个时间点的细节销售量,我们只关心总体的趋势,以及在不同的销售区域间对比起销售趋势的不同或相似
  2. 右面的数据条展示了每个销售区域的销售量,数据条使我们很容易的意识到每个区域销售量的差距

Sparkline与Data Bar

火花图与数据条是一种小且简单的图形,它们携带了大量的信息但是只占用很小的空间,一般嵌在文本内,或放置在表或矩阵的单元格中。他们的强大之处在于将很多的图形一起查看和对比,而不是查看单个的图形,这样我们很容易的可以看出离群点。

虽然图形比较小,但是每个sparkline都会展示很多的一般是随时间变化的数据点,需要注意的是sparkline展示的是聚合数据所以它不能被放置在DetaiGroup的单元格中;databar虽然也可以表示多个数据点,但是一般我们只展示一个数据点,而且与sparkline不同的是它可以展示在DetailGroup的单元格中。

下面是火花图的变种,基本上:

下面是数据条的变种:

时间: 2024-10-12 08:58:24

SSRS之 - Sparkline与Data Bar的相关文章

微软BI 之SSRS 系列 - 实现 Excel 中图表结合的报表设计

来自群里面讨论的一个问题,EXCEL 中有类似于这样的图形,上面是 Chart, Chart X轴上的值正好就是下方 Table 的列头,这个在 SSRS 中应该如何实现? SSRS 2008.2008RS,2012 中实际上没有这种对应的控件,我们通常想到的方式可能是上方一个单独的 Chart 图,下方一个 Table 然后合并在一起.但是这样会存在一些问题,因为 Chart 轴的值不是固定的,会随着聚合值的增加而扩展.并且对于表中的列头来说也没有办法完全能够和 Chart X 轴上的坐标对应

jquery easyui+sparkline插件+jqplot插件实现数据表行内插入线形图

Jquery easyui : 实现前端数据包格式化输出,支持多种模块式定义,只需要添加相应的预设参数即可实现丰富的前端. 资料参考: http://www.jeasyui.com/ Jquery sparkline: 基于jQuery 的js插件,底层调用html5的canvas标签,并通过js动态实现在数据表行内画条形图或趋势图,操作简单,可实现不同类型的图形化,如线形图,饼状图,柱形图. 资料参考:http://omnipotent.net/jquery.sparkline/#s-docs

jquery data()

data() .data( key, value ) Description: Store arbitrary data associated with the matched elements. .data( key, value ) .data( obj ) .data( key ) Description: Return the value at the named data store for the first element in the jQuery collection, as

JQuery data API实现代码分析

JQuery data 接口是什么? .data() Store arbitrary data associated with the matched elements or return the value at the named data store for the first element in the set of matched elements. 根据jquery官网介绍,data给存储DOM关联的数据, 设置数据是对$选取的所有JQuery对象, 获取数据是对$选取的所有对象的

jQuery1.9.1源码分析--数据缓存Data模块

阅读目录 jQuery API中Data的基本使用方法介绍 jQuery.acceptData(elem)源码分析 jQuery.data(elem, name, data)源码分析 internalRemoveData方法源码分析 internalData方法的源码分析 jQuery.fn.extend({data: function( key, value ) {}})源码分析 jQuery.extend({removeData: function( elem, name ) {}})源码分

jquery data方法

jquery.data()文档:http://api.jquery.com/jQuery.data/ html5有个data-*属性,跟这个功能一样. Note: This is a low-level method; a more convenient .data() is also available. The jQuery.data() method allows us to attach data of any type to DOM elements in a way that is

jQuery杂项方法

前面的话 杂项方法其实也是工具类方法,但由于其不是定义在jQuery构造函数上的方法,所以不能称为工具方法.本文将详细介绍jQuery中的杂项方法 数据操作 [data()] 该方法用于在匹配元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值 data( key, value ) data( obj ) data( key ) data() $("body").data("foo", 52); $("body").d

封装Echarts

项目中需要对数据进行图形展示,例如展示柱状图.饼状图等.这类的前端展示脚本很多,常见的是HighCharts和Echarts.HighCharts是基于svg技术的,而echarts基于Echarts,两者技术基础完全不一样,各有特点.而后者是可以在浏览器实现3D图形的.在各种图形展示上基本是差不多,都能满足项目需要.但是HighCharts是收费的,而Echarts是开源免费的,如果用于实际的项目还是使用Echarts. 使用这类前端脚本,每种图形都需要写很多重复的脚本,复用性低,其实可以将相

浅谈我对 jQuery 的了解

总述 0 获取 jQuery 对象 1 对象跳转 2 方法调用 3 常用API 4 $(…); 5 jQuery 对象获取 6 Data 相关方法 7 选择器 8 基本的过滤器 9 内容过滤选择器 10 可见性过滤器 11 属性过滤器 12 孩子过滤器 13 表单过滤器 14 属性相关的方法 15 类相关的操作 16 html相关的操作 17 文本相关的方法 18 值相关的操作 19 在jQuery 对象之间查找 20 串联方法 21 DOM 文档操作方法 22 CSS 相关方法 23 位置计算