文档章节

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

iris_1992
 iris_1992
发布于 2015/05/12 11:19
字数 743
阅读 72
收藏 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...

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

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

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

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

雄霸天下啦
06/26
0
0
jqPlot图表插件使用说明(一)

最简陋的线形图 第一步:引入必要的CSS、JS文件 <link rel="stylesheet" type="text/css" href="js/jqPlot/1.0.4/jquery.jqplot.min.css"/><!-- excanvas.js用于兼容IE浏览器 --><!--[if lt ......

纠结名字
2015/08/09
0
0
方法对头,报表模板维护其实很简单

经常我们会遇到这样的一种情况,别人做的一张很复杂的报表模板,我们拿到后需要修改,但是却不知道该如何下手,不知道他原来在哪里写了什么东西……一个一个查看十分的麻烦…… 那么我们就可...

九月你好123
2015/07/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

设计模式之---工厂方法

package com.atguigu.java; //接口的应用:工厂方法的设计模式 //体会:面向接口编程的思想 public class FactoryMethodTest { public static void main(String[] args) { IWorkFactory fac......

architect刘源源
38分钟前
1
1
工作中的一些Git使用

git stash list 查看所有stash git stash apply 0 应用序号为0那个stash并且不删除它 git stash pop 0 应用序号为0那个stash并且删除删除删除它 git stash save "env" stash当前的改动并且取...

-___-
50分钟前
1
0
C# webservice 配置总结

为了方便下次查看,把总结配置文件放这里,看的方便。 <?xml version="1.0" encoding="utf-8"?><!-- 有关如何配置 ASP.NET 应用程序的详细消息,请访问 http://go.microsoft.com/f...

轻轻的往前走
59分钟前
0
0
SpringCloud之Eureka

Eureka简介 什么是Eureka? Eureka是一种基于rest提供服务注册和发现的产品: Eureka-Server: 用于定位服务,以实现中间层服务器的负载平衡和故障转移。 Eureka-client:用于服务间的交互,内...

lc_fly1
今天
4
0
系统维护和tcp连接

查看系统负载 1 w 命令 w命令用于显示系统当前负载 和系统已登录的用户. 查看系统CPU 和核数: cat /proc/cpuinfo| grep 'cpu cores' 第一行显示 :04:41:16 up 8:56, 1 user, load average: 0...

Fc丶
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部