【JEECG技术博文】JEECG图表配置说明

一、图表配置可以做什么？

图表配置可以通过在线配置，无需编写代码生成图形报表页面。使用highcharts.js实现，可以运行

在任何现代浏览器,包括移动终端以及IE6。目前支持曲线图、柱状图等基础报表。

二、配置说明

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

• 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图表配置说明相关推荐

【JEECG技术博文】Jeecg高级查询器
一.背景对于用户来讲查询功能按易用性分三个层次: 1. 最简单查询操作是一个输入框,全文检索,如百度,后台实现技术使用搜索引擎,需要设计和建立索引,技术较为复杂,适用于文档和信息数据库检 ...
【JEECG技术博文】简单实例讲解JEECG ONLINE表单权限控制（jeecg3.6）
简单实例讲解JEECG ONLINE表单权限控制(jeecg3.6) 原文:http://blog.itpub.net/30066956/viewspace-1872409/ 相关博文: ...
【JEECG技术博文】JEECG 简单实例讲解权限控制
JEECG简单实例讲解权限控制请大家点击这里为我们投票,2015博客之星,更多分享敬请期待博文地址:http://blog.itpub.net/30066956/viewspace-1868754 ...
【JEECG技术博文】Local storage easyui extensions
1. Local storage背景 cookie弊端:同域内http请求都会带cookie,增加带宽和流量:有个数和大小限制(约4K). 在HTML5中,本地存储是一个window的属性,包括loc ...
【JEECG技术博文】JEECG表单配置-树形表单
表单配置支持树型表单了,具体效果如下图: 配置说明 1.是否树:选择是. 2.树形表单父Id:表的自关联外键. 3.树形表单列表:显示树形图标的列,如上图中为[组织机构名称]. 4.默认值:最外层数据 ...
【JEECG技术博文】jeecg 定时任务配置用法
1.定时任务配置文件 src/main/resources/spring-mvc-timeTask.xml 2.新定义一个定时任务举例 a.配置定时任务,配置文件spring-mvc-timeTask ...
【JEECG技术博文】online自定义模板的使用
online自定义模板的使用作者:黄新刚一. 业务背景客户需要快速开发一个信息采集的功能模块,并使用已规划好的页面,实现个性化页面展示,使用标准左右布局的Table或DIV风格的页面表现力不强, ...
【JEECG技术博文】JEECG国际化介绍
1.为什么要做国际化没有国际化的框架是一个不完整的框架,特别在全球信息化的今天,国际化不再是鸡肋,而是在选择开发平台时必须首要的考试因素,特别在有些公司平台是否国际化具有一票否决要素,所以我们要搞国 ...
【JEECG技术文档】Jeecg高级查询器
1. 背景对于用户来讲查询功能按易用性分三个层次: 1)最简单查询操作是一个输入框,全文检索,如百度,后台实现技术使用搜索引擎,需要设计和建立索引,技术较为复杂,适用于文档和信息数据库检索,但是结果 ...

【JEECG技术博文】JEECG图表配置说明

【JEECG技术博文】JEECG图表配置说明相关推荐

最新文章

热门文章