开发指南专题十七-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)。

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

图表类型:图表类型。

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

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-08-02 05:08:38

开发指南专题十七-JEECG图表配置说明的相关文章

开发指南专题七:JEECG微云快速开发平台查询HQL过滤器

开始学习wxWidgets,上一篇写了"安装wxWidgets遭遇的两大关卡"(简称"前文"). 先推荐一下这两天找到的学习材料. 博客中有一个系列教程,貌似作者没有写完,见<跟我学wxWidgets开发>系列教程. 要看书,就<使用wxWidgets进行跨平台程序开发>.我给的链接中,包括中书中的源码.这本书,是<Cross Platform GUI Programming With wxWidget>的中译本,译本中没有附录部

开发指南专题九 JEECG微云快速开发平台-表单校验组件ValidForm

开发指南专题九:JEECG微云快速开发平台表单校验组件ValidForm 10.表单校验组件ValidForm 10.1使用入门 1.引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Validform必须的===========*/" 之后的部分是必须的).(之前发现有部分网友把整个style.css都引用在了页面里,然后发现样式冲突了) 2.引入js (jquery 1.4.2

开发指南专题八:JEECG微云快速开发平台数据字典

   开发指南专题八:JEECG微云快速开发平台数据字典的使用 1.标签中使用数据字典 数据字典为系统中可能用到的字典类型数据提供了使用的便利性和可维护性.以下拉框标签<t:dictSelect>为例进行讲解 1.1. 标签参数 属性名 类型 描述 是否必须 默认值 typeGroupCode string 字典分组编码 是 null field string 对应表单 是 null id string 唯一标识 否 null title string 显示文本 否 null defaul

开发指南专题十:JEECG微云快速开发平台--表单校验组件ValidForm

10.4Validform对象[方法支持链式调用] 如示例 var demo=$(".formsub").Validform(),那么demo对象会有以下属性和方法可以调用: tipmsg[object] 如:demo.tipmsg.s="error! no messageinputed."; 通过该对象可以修改除 tit 以外的其他提示文字,这样可以实现同一个页面的不同表单使用不同的提示文字. 具体可修改的提示文字 $.Tipmsg={//默认提示文字; tit:

开发指南专题五:JEECG微云快速开发平台代码生成器

开发指南专题五:JEECG微云快速开发平台代码生成器 1.1. Maven开发环境搭建 在搭建jeecg的maven开发环境之前,需要先配置好本机的maven环境,并在eclipse中安装好m2eclipse插件. 1. maven版本的工程目录,代码结构如图311所示. 2. 针对本机开发环境(这里以eclipse为例),调整依赖包和项目属性 首先在工程上右键->properties,在builders选项卡中删除掉不存在或不需要的builders,如图312所示. 然后进入Java Bu

开发指南专题五:JEECG微云高速开发平台代码生成器

开发指南专题五:JEECG微云高速开发平台代码生成器 1.1. Maven开发环境搭建 在搭建jeecg的maven开发环境之前,须要先配置好本机的maven环境,并在eclipse中安装好m2eclipse插件. 1. maven版本号的project文件夹,代码结构如图311所看到的. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQ

开发指南专题六:JEECG微云快速开发平台代码生成

开发指南专题六:JEECG微云快速开发平台代码生 1.1. 代码生成扫描路径配置 用代码生成器生成代码后,需要进行相关配置配置,扫描注入control.service.entity等; 详细操作步骤如下: 1. control扫描配置,在spring-mvc.xml文件里面 2. Service扫描路径配置, spring-mvc-hibernate.xml 3. 实体Entity扫描路径配置, spring-mvc-hibernate.xml 1.2. 功能测试 1.2.1. 添加菜单并授权

开发指南专题二:JEECG微云高速开发平台JEECG框架初探

开发指南专题二:JEECG微云高速开发平台JEECG框架初探 2.JEECG框架初探 2.1演示系统 打开浏览器输入JEECG演示环境界址:http://demo.jeecg.org:8090/能够看到如图21所看到的的登录界面., 图21演示系统登录界面 点击[登陆]button,进入演示系统的主界面,如图22所看到的. 图22演示系统主界面 在JEECG演示系统中的功能模块包含系统管理.流程管理.业务申请.业务办理.经常使用功能演示等.当中,用户管理.流程设计器的界面截图如图23和图24所看

开发指南专题十六:JEECG微云快速开发平台Excel导出

Ladda 应用提交表单的时候显示loading加载中 包括不同位置,不同效果 不同大小,位置,效果,进度条等 演示 XML/HTML Code <article class="examples" style="margin-top:0px;"> <section class="button-demo"> <h3>expand-left</h3> <button class="lad