Page 1 of 27. Showing 261 results (0.047 seconds)
自定义脚本控件
内置变量 变量名 描述 data 系统根据配置的数据表维度和度量提供的数据,数组结构 dimensions 配置的数据表维度 measures 配置的数据表度量 HTML脚本使用AngularJS语法,在编译前脚本和编译后脚本中,需要通过 scope.变量名来访问内置变量 示例 <div>定义的维度:</div> <div ngrepeat="item in dimensions"> item </div> <div>定义的度量:</div> <div ngrepeat="item in measures"> item </div> <div>数据:</div> <div ngrepeat="item in data自定义控件
自定义控件分为2个脚本: Designer脚本: 被报表设计器引用,用来定义控件的配置面板和渲染等; View脚本:当用户查看报表时被引用,仅用于渲染; 【模板示例】 过滤器控件模板 Echarts控件模板自定义脚本控件如何带参数下钻
场景:用户点击部门钻取时,希望部门字段的值能带到下一页 脚本: var subPageKey = "xxx"; //下钻页面的标识 //点击事件触发 var onDepartmentClicked = function(){ //点击的部门 var selectedDepartment = "xxxx"; //将值缓存起来,下钻后能自动关联 scope.cacheDimensionValue("部门", selectedDepartment); //跳转到钻取页 VSEngine.reportService.gotoPage( ); } 请参考:图表控件Javascript脚本接口自定义脚本开发ECharts图形
1.添加自定控件 image20191115 17:47:33.png 2. 设置数据源 image20191115 17:48:7.png 3. 编写HTML脚本 image20191115 17:48:34.png image20191115 17:48:52.png <div id="chart11003" style="width:100%;height:100%;"> </div> 4. 编写Javascript脚本 image20191115 17:49:40.png image20191115 17:49:57.png var chartData = ; console.log(scope.data自定义脚本内置函数
String get(String url) GET请求指定的url,并获得返回值 public String get(String url, Map header) GET请求指定的url,并获得返回值,可以自定义Header public String post(String url) POST请求指定的url,并获得返回值 public String post(String url, String reqBody) POST请求指定的url,可以自定义请求体 public String post(String url, String contentType, String reqBody) POST请求指定的url,可以自定自定义选择过滤器
产品中过滤器维度值均来自数据源,维度值随数据源变化而变化。但是自定义过滤器,是通过编写脚本,赋值给过滤器标签,并给标签赋予联动的数据源维度名称。此标签内容是固定的。 image20191014 10:22:48.png image20191014 10:23:0.png image20191014 10:23:24.png 点击图表分类“过滤器控件”,点击“自定义过滤器”,选择模拟器中组件“配置” image20191014 10:24:14.png 配置项有:图像、选择项、未选中、选中、基本、边框、浮动,参考2.报表元素组 http://doc.macochart.com/pages/viewpage.action?pageId自定义控件配置面板元素类型列表
textarea 多行输入框 colorpicker 颜色选择器 iconpicker 图标选择器 toggleswitch 开关选择器 button 按钮 { title: "刷新控件", type: "button", btnClass: "btnsuccess", onClick: function … 所有配置元素都必须包含3个属性: 1. title: 配置名称 2. type: 配置元素类型 3. bind: 配置项绑定的属性 值都会绑定到: component.config 对象中 例如:bind: "itemLabelSize", 表示绑定到 component.config.itemLableSize图表控件Javascript脚本接口
方法原型 参数 描述 scope.notifyPageFilterEvent() 无 过滤条件变更时,调用后触发页面中所有控件异步刷新数据 scope.notifyRefreshContainerContent(param) { container: , reportPage: } 刷新容器 … , value); dimension dimension对象 value 维度值 发出维度联动通知 scope.getFilterComponents() 获取当前页面中的所有过滤器控件 VSEngine.reportService.gotoPage( ); page 页面的标识(设计器中编辑页面窗口中的“标识”) 在自定义App客户端
许可平台提供自定义App客户端功能,App包可以自定义两部分内容: 1.【App安装包管理】App的桌面图标、App名称、App启动图片 2.【App内容包管理】启动App后的登录界面、报表列表界面等 image20191218 14:7:11.png 一、App安装包管理 通个上传相应的图片,自助生成App安装包,生成好App安装包后,可以做以下操作: 1.通过【查看二维码页面】,测试生成好的App包 2.通过【下载App部署包】,将app部署在指定服务器中 注意:App部署包必须部署在https的路径中 二、App内容包管理 MACO App开放了App的原生接口,可以根据这些接口自定义App开发,比如自定义登录界面、自定义自定义脚本数据源
load("nashorn:mozillacompat.js"); importPackage(com.alibaba.fastjson); importPackage(java.util); var buildColumn = function(name, type) var columns = new JSONArray(); columns.add(buildColumn("time","string"));//时间 columns.add(buildColumn("name","string"));//员工姓名 columns.add(buildColumn("target1","string"));//员工年目标 col