Page 1 of 19. Showing 190 results (0.041 seconds)
查询过滤器
查询过滤器通过查询确认，筛选内容信息 image20191022 11:32:15.png 表格设置如下 image20191022 11:32:58.png 图形： 提示语：设置文本会在筛选框展示，如图中维度过滤处 标题：设置的标题会在查询框展示 过滤类型：可以设置单选和多选模式 联动维度：可以设置从哪个维度筛选 弹窗类型：可以设置气泡和面板模式 高度：对弹窗的高度设置 左边距：对弹窗的左边距进行设置 右边距：对弹窗的右边距进行设置 上边距：对弹窗的上边距进行设置 下边距：对弹窗的下边距进行设置 文本颜色：对弹窗的文字的颜色设置 内边框：开启后筛选框会有内边框 背景色：筛选框的背景色设置 图标颜色：对图标的颜色设置 弹出框： 主查询脚本
【应用场景】 报表控件的数据需要做特殊的过滤，例如：日历控件选定了某个日期，趋势图只想查询1号选定日期的值， 而不是指定日期的值，可以使用查询脚本 【实现原理】 在控件向服务器请求数据之前，通过脚本动态修改查询参数，实现特殊的查询需求 image2020117 13:23:38.png 【示例】 //浏览器控制台打印出query，这个变量是控件提交给服务器的查询参数，可以通过修改query里面的条件实现特殊查询 console.log(query); var endDateStr = null; var endDateIndex = 1; //找出过滤条件中的日期 for(var i = 0; i搜索过滤器
输入并搜索要查看的维度值信息，与输入框过滤器不同的是 支持多维度搜索： image20191012 16:44:35.png 点击图表分类“过滤器控件”，点击“搜索过滤器”，选择模拟器中组件“配置”，选择数据源。 image20191012 16:44:58.png 配置项有：数据、排序、过滤、函数、配置、基本、边框、浮动、联动。参考4.3.2 图表组件配置介绍，下面详细介绍“数据”、“配置” 配置 输入框 提示语：显示在输入框中提示语 过滤类型：单选（相同维度只能选择一个维度值）和多选（相同维度可以选择多个维度值） 联动维度：设置联动的维度，自动（联动搜索过滤器选择的所有维度）、指定某个维度 尺寸： 输入框高度和宽度 背景过滤器控件模板
) scope.queryComponentData(param, { onSuccess: function() }); }); / 页面过滤回调方法，其它控件查询数据时会调用该方法，获取过滤的属性 当component.config.pageFilter设置为true时被调用 / scope.component.context.getPageFilter … if(param.component != null && scope.component.id === param.component.id) scope.queryComponentData(param, { onSuccess: function() }); }); / 页面过滤回调方法，其它控件查询数据时会调输入框过滤器
输入并搜索要查看的维度值信息，如下图： image20191012 14:14:23.png 点击图表分类“过滤器控件”，点击“输入框过滤器”，选择模拟器中组件“配置”，选择数据源 image20191012 14:16:53.png 配置项有：数据、排序、过滤、函数、图形、选择项、基本、边框、浮动、联动。参考2.报表元素组 http://doc.macochart.com/pages/viewpage.action?pageId=1114575，下面详细介绍“数据”、“图形” 数据 输入框过滤器 支持搜索一个维度，不支持搜索多维度，所以数据源维度选择一个维度 image20191012 14:18:57.png 图形 输入框联级过滤器
联动过滤器的一种，与轮盘过滤器区别是，联动过滤器是一个一个维度展开选择的，而轮盘过滤器是多个维度同时展开选择。 image20191015 9:31:17.png image20191015 9:31:43.png 点击图表分类“智能控件”，点击“联级过滤器”，选择模拟器中组件“配置”，选择数据源。 配置项有：数据、排序、过滤、函数、图形、选择项、基本、边框、浮动、联动。参考报表元素组 http://doc.macochart.com/pages/viewpage.action?pageId=1114575，下面详细介绍 “图形” 图形 image20191015 9:48:27.png 图形 提示语：显示在过滤器上提示语，初始自定义选择过滤器
产品中过滤器维度值均来自数据源，维度值随数据源变化而变化。但是自定义过滤器，是通过编写脚本，赋值给过滤器标签，并给标签赋予联动的数据源维度名称。此标签内容是固定的。 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轮盘过滤器
轮盘形式过滤组件，如下图： image20191012 10:59:53.png 点击图表分类“过滤器控件”，点击“轮盘过滤器”，选择模拟器中组件“配置”，选择数据源。 image20191012 11:0:47.png 配置项有：数据、排序、过滤、函数、图形、选择项、基本、边框、浮动、联动。参考2.报表元素组 http://doc.macochart.com/pages/viewpage.action?pageId=1114575，下面详细介绍“数据”、“图形” 数据 数据源维度选择，从上到下是下钻关系，配置如下： image20191012 11:2:19.png 图形 图形 提示语：显示在过滤器上提示语，初始提示语是动态维日历过滤器
日历组件不用选择数据源.png 注意：日历过滤器不用数据绑定，但需要过滤 > 列名 中输入 要过滤的列名，如下图 日历过滤器配置.png 【日历】 默认值：无（不配置）、今天、本月第一天、本年第一天、数据表、脚本 格式：YYYYMMDD ，自定义以你的日历数据为准；如数据源日历为YYYY/MM/DD、无分隔符YYYYMMDD等 偏移：1即昨天，0为当天，1为明天 【过滤】 列名：直接输入要过滤列名 表达式：≤、=、≥ 【标签】 显示：开启、关闭显示标签 别名：标签的（开始、截止、选择日期等）提示名称 位置：左侧、顶部可选 字体尺寸：标签的字体尺寸 【默认值脚本】 var date = moment().add(10,'days多选过滤器
维度值多选过滤，如下图： image20191014 10:9:48.png 点击图表分类“过滤器控件”，点击“多选过滤器”，选择模拟器中组件“配置”，选择数据源。 image20191014 10:10:17.png 配置项有：数据、排序、过滤、函数、未选中、选中、选择项、基本、边框、浮动、联动。参考2.报表元素组 http://doc.macochart.com/pages/viewpage.action?pageId=1114575，下面详细介绍 “未选中”、“选中” 未选中和未选中 背景 颜色：设置选中和未选中状态下标签的背景颜色 文本 尺寸：文本字体大小 颜色：文本颜色 风格：支持字体加粗、倾斜、有下划线 对齐：支持左