文档章节

js统计图表FineReport多维度坐标轴图

iris_1992
 iris_1992
发布于 2015/05/12 11:19
字数 743
阅读 81
收藏 0

js统计图表FineReport多维度坐标轴图


1. 描述

多维度坐标轴图是指在图表中展示多个维度,不仅仅局限于2个维度(展示2个维度只能比较一个维度之间的数据),可以在同一张图表中同时比较2个或2个以上的维度的数据,如下图,可比较华东地区各个产品类型的销量情况,也可以比较饮料产品类型在华东华北的销量情况:

2. 示例

以FRDemo数据库中的销量表为例,实现上图的效果。

2.1 数据准备

新建一个数据集ds1:SELECT * FROM [销量]

2.2 新建图表

合并一片单元格区域,在该区域中添加图表,图表类型选择柱形图,如下图:

2.3 图表数据

点击图表属性表-数据,数据来源选择数据集数据,数据集选择ds1,分类轴选择产品类型,系列名选择产品,系列值为销量,如下图:

2.4 维度添加

效果图中显示了多个分类维度,点击分类轴后面的按钮,添加一个分类轴地区,如下图:

注:分类轴个数最多只能添加到3个,只限于柱形图和折线图,其他类型图表只能单分类轴,并且多分类轴数据只能支持“规整”的数据,以上图为例,每个地区下的产品类型必须保持完全一致,即华东地区下面有A、B、C三个产品类型,那么华北地区下面也只能有这三种产品类型,不能多也不能少。

2.5 图表样式

多维度坐标轴图设置分类轴样式时,只作用于最上层分类维度,其他分类维度采用默认样式(微软雅黑,9号字体),不可更改,如下图,我们修改分类轴名称的颜色,点击图表属性表-样式>坐标轴>分类轴,修改分类轴的显示样式:

注:同分类轴设置一样,交互属性-超级链接和条件属性中传递的参数也是作用于最上层分类维度。

2.6 效果查看

将鼠标放置在某一个柱子上会显示所有坐标轴的信息,不同分类维度之间的信息用空格隔开,如上效果。模板效果在线查看请点击DemensionalChart.cpt

已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\DemensionalChart.cpt

3. 总结

多维坐标轴图是通过添加多个分类轴来达到多个维度统计的效果,只有柱形图和折线图才能实现多维度效果,并且多维度坐标轴图不支持数据表和坐标轴缩放,分类轴最多只能添加3个,多维度分类轴数据只能是“规整”的数据。


© 著作权归作者所有

共有 人打赏支持
iris_1992
粉丝 1
博文 25
码字总数 23873
作品 0
无锡
程序员
私信 提问
FineReport中如何用JavaScript自定义地图标签

在日常使用地图过程中,通常会遇到地图标签,提示点等显示不满足我们的需求,需要进行JavaScript代码编写。 例如:在使用地图过程中,会发现很多地名显示的位置偏离。这时候就需要使用JavaS...

雄霸天下啦
2018/06/26
0
0
Flash图表FusionCharts & Open Flash Chart选型分析

对企业而言,选择一款合适的图表控件是一项非常复杂的任务,因为所选择的图表控件不仅要符合目前的需求还需要考虑未来的需求变化因素。所以,在选择Flash图表的时候,你常常需要评估以下几点...

Leamontea
2012/11/30
0
0
FineReport中如何实现自动滚屏效果

对于一些特殊的模板,可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到JS滚屏效果来解...

雄霸天下啦
2018/06/26
0
0
ECharts 3.2.2 发布,新增多 Y 轴的支持

ECharts 3.2.2 发布了,ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计...

pissang
2016/07/13
5K
10

没有更多内容

加载失败,请刷新页面

加载更多

SQL语句查询

1.1 排序 通过order by语句,可以将查询出的结果进行排序。放置在select语句的最后。 格式: SELECT * FROM 表名 ORDER BY 排序字段ASC|DESC; ASC 升序 (默认) DESC 降序 1.查询所有商品信息,...

stars永恒
32分钟前
1
0
IntelliJ IDEA 第一个 Scala 程序

IntelliJ 安装完成 Scala 插件后,你需要尝试使用 IntelliJ 来创建并且运行第一个程序。 通常这个程序只是简单的输出 Hello World。 创建一个新工程 在文件下面选择新建,然后选择创建工程。...

honeymose
37分钟前
1
0
mysql分表,分区的区别和联系

一,什么是mysql分表,分区 什么是分表,从表面意思上看呢,就是把一张表分成N多个小表,具体请看mysql分表的3种方法 什么是分区,分区呢就是把一张表的数据分成N多个区块,这些区块可以在同...

吴伟祥
39分钟前
0
0
csapp 习题 - 如何实现异或 exclusive-or

阅读 csapp v3 时,练习题 2.13 很有意思。练习题描述如下。 位设置是对于参数 mask 中每一个为 1 的位,那么参数 x 中相应位则被设置为 1 ;位清除是对于参数 mask 中每一个为 1 的位,那么...

ylme
昨天
5
0
Amino——产品迭代

兴趣部落产品迭代 时间 版本号 更新内容 备注 2019年1月2日 v3.1.1 支持定制部落首页的内容tab,酋长可以将精华、相册、分类添加到部落首页啦。 支持申请酋长,酋长可以直接推送优质话题,快...

铸剑为犁413
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部