设为首页收藏本站

JEECG官方网站-企业级JAVA快速开发平台

 找回密码
 立即注册

关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 最新动态 - 技术支持 - 师徒架构班

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务 QQ: 3102411850、418799587 商务热线: 18611788525 客服电话: 010-64808099 官方邮箱: jeecgos@163.com

查看: 1844|回复: 0

开发指南专题十七:JEECG图表配置说明

[复制链接]

438

主题

31

好友

1万

积分

管理员

Rank: 12Rank: 12Rank: 12

最佳新人 活跃会员 热心会员 推广达人 宣传达人 灌水之王 突出贡献 优秀版主 荣誉管理 JEECG团队成员

发表于 2015-9-23 10:29:23 |显示全部楼层
一、图标配置可以做什么

图表配置可以通过在线配置,无需编写代码生成图形报表页面。使用highcharts.js实现,可以运行在任何现代浏览器,包括移动终端以及IE6。目前支持曲线图、柱状图等基础报表。

图片1.jpg

图片2.jpg


二、配置说明                           

编码:   作为此图表的唯一标识。

y轴文字:对应y轴文字。

x轴数据:x轴上单位数据。数据可以:1、一个字段名。2、一个数组对象。如:[‘xdata1’, ‘xdata2’, ‘xdata’]。

是否显示明细数据:“是”显示明细数据。“否”不显示。

查询SQL:一条查询SQL语句(允许有group、order by等)。注意:上图sql中的“{operatetime}”,此标签用来增强查询,最终会替换成operatetime=‘页面上对应查询条件的值’。

扩展JS: 上图中js用来控制页面明细数据,是否显示汇总。方法明是固定写法,返回值为需要汇总的列名。

字段名:对应sql查询结果的字段名,也可以为标签名。如上图中的operatetime,些数据只能用作查询条件,是否显示和图表显示都必须选择否。

字段文本:对应明细数据列名。

排序:字段显示顺序。

字段类型:如果类型为日期,作为搜索条件时搜索框会有日期控件。

是否显示:明细数据中是否显示该数据。

是否查询:是否作为查询条件。

查询模式:单条件查询和范围查询。

字典sql:  如把id翻译成名称。(如:select id as ‘key’, name as ‘value’ from table1)。

显示图表:改数据是否在图表中显示。

图表类型:图表类型。

图表名称:对应图表名称。

标签名称:对应上图中的标签,相同标签名的数据会显示在一个标签里。如果只有一个标签或标签都为空则不会在图表中显示标签。





专业解答JEECG疑难杂症,JEECG常见问题汇总在:http://t.cn/RvYsEF6
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|JEECG技术论坛 - 基于BPM的JAVA快速开发平台 ( 京ICP备12013567号-3 )  

GMT+8, 2019-9-23 09:14 , Processed in 1.232402 second(s), 29 queries , Gzip On.

JEECG Open Source

© 2001-2012 Comsenz Inc.

回顶部