Online图形报表配置 === ## 1.功能简介 图表配置可以通过在线配置,无需编写代码生成图形报表页面。使用highcharts.js实现,可以运行在任何现代浏览器,包括移动终端以及IE6。目前支持曲线图、柱状图等基础报表。 ## 2.动态图表配置 通过菜单,online开发 -> Online图表配置,创建图表(用法类似Online报表) ![输入图片说明](https://static.oschina.net/uploads/img/201804/17172810_0mwq.png "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201804/17172827_9DiC.png "在这里输入图片标题") ## 3.图表参数说明 **主参数说明:** * 编码:作为此图表的唯一标识。 * Y轴文字: 对应Y轴的文本 * X轴数据: X轴上的单位数据,数据可以为: 1.字段名;2.数组对象,如[‘xdata1’,’xdata2’] * 是否显示明细:“是”显示明细数据。“否”不显示 * 查询SQL: 一条查询SQL语句(允许有group、order by等)。注意:上图sql中的“{operatetime}”,此标签用来增强查询,最终会替换成operatetime=‘页面上对应查询条件的值’。 * 扩展JS: 用来控制页面明细数据,是否显示汇总。方法名称是固定写法,返回值为需要汇总的列名。 **图表明细参数说明:** * 字段名:对应sql查询结果的字段名,也可以为标签名。如上图中的operatetime,些数据只能用作查询条件,是否显示和图表显示都必须选择否。 * 字段文本:对应明细数据列名。 * 排序:字段显示顺序。 * 字段类型:如果类型为日期,作为搜索条件时搜索框会有日期控件。 * 是否显示:明细数据中是否显示该数据。 * 是否查询:是否作为查询条件。 * 查询模式:单条件查询和范围查询。 * 字典sql:如把id翻译成名称。(如:select id as ‘key’, name as ‘value’ from table1)。 * 显示图表: 该数据列是否在图表中显示 * 图表类型: 支持饼图,柱状图,曲线图 * 图表名称: 在图标的图标上显示的名称 * 标签名称: 对应上图中的标签,相同标签名的数据会显示在一个标签里。如果只有一个标签或标签都为空则不会在图表中显示标签 ## 4.图表访问地址 通过数据列表,点击配置地址获取链接 ![输入图片说明](https://static.oschina.net/uploads/img/201804/17173048_8d89.png "在这里输入图片标题")