沧州市大数据操作手册-可视化系统

沧州市智慧城市可视化系统沧州市智慧城市可视化系统 用用户户操操作作手手册册 文档编号 项目名称 编 写 编写日期 审 核 审核日期 批 准 批准日期 年年 月月 日日 第 页 2 文档修订记录 序号 修改时间修改时间 修改人审核人备注 第 页 3 目目 录录 1 引言引言 4 1 1 编写目的 4 1 2 读者对象 4 1 3 定义 首字母缩写词和缩略语 4 1 4 参考资料 4 1 5 环境要求 4 2 软件配置软件配置 4 2 1 软件安装 4 2 2 参数配置 4 3 软件综述软件综述 5 3 1 系统简介 5 3 2 系统流程介绍 5 4 操作说明操作说明 5 4 1 功能一 5 4 1 1 用户界面 5 4 1 2 操作方法 6 4 2 功能二 11 4 2 1 用户页面 11 4 2 2 操作方法 11 第 页 4 1 1 引言引言 1 1 1 1 编写目的编写目的 帮助客户了解可视化产品 1 2 1 2 读者对象读者对象 第一次接触可视化产品的用户 1 3 1 3 定义 首字母缩写词和缩略语定义 首字母缩写词和缩略语 可视化 指的是大数据分析平台 1 4 1 4 参考资料参考资料 无 1 5 1 5 环境要求环境要求 操作系统 centos6 x 或 centos7 x Jdk 环境 jdk1 8 物理内存 16G 或以上 硬盘内存 200G 及以上 内核 4 核 2 2 软件配置软件配置 2 1 2 1 软件安装软件安装 1 系统安装 2 jdk 安装 3 系统库安装 4 可视化平台安装 5 授权文件替换 6 可视化平台启动 2 2 2 2 参数配置参数配置 运行需要注意 1 物理内存要充足 2 硬盘空间 可定时清理硬盘 第 页 5 3 3 软件综述软件综述 3 1 3 1 系统简介系统简介 可视化 大数据商务智能平台是新一代数据分析平台 提供一站式数据存储 平台和一站式管理平台 能够连接各类丌同的数据库或分布式数据库 幵支持对 各种大数据存储平台的连接和访问 对数据迚行合幵 搜索 可规化和分析 可 以通过 可视化 大数据商务智能平台 获得前所未有的商业见览 通过为客户 提供一站式存储不管理服务 帮劣客户从容面对数据的迅速增长和业务系统对存 储的丌确定性需求风险 从而降低客户 TCO 满足业务增长和变化的需要 3 2 3 2 系统流程介绍系统流程介绍 可视化是一个包括底层大规模分布式计算 底层计算调度 包括上面各种应用的分析工具的操作系 统 4 4 操作说明操作说明 4 1 4 1 功能一功能一 系统 BI 功能 4 1 1 4 1 1 用户界面用户界面 第 页 6 4 1 2 4 1 2 操作方法操作方法 4 1 快速 BI 开发平台综述 快速 BI 开发平台是一个 web 式的快速开发平台 支持响应式开发 能适应 PC 平板 手机等多种终 端的访问 设计功能方面是一个简化版的可视化开发平台 拥有常用的功能 交互和所有图形 平台分为菜单区 功能区 设计区三块 菜单区包含所有开发组件 功能区较为简单 设计区是最 终设计页面所在区域 所见即所得 4 2 组件 组件内包含九类开发组件 布局组件 是对整个页面进行布局分割的 确定页面整体布局方式 基本组件 用于报表配置中的数据展现和数据过滤的功能 表格组件 用于展示数据 过滤组件 支持一下常用的筛选交互 维度切换 用于多个维度的表格的自由切换 指标切换 用于多个指标表格的自由切换 第 页 7 文本组件 支持文本信息的编辑 输入组件 支持输入具体条件 对数据进行模糊查询和搜索 表单组件 用于表单数据的增删改 提交保存 框架及容器组件 该类组件用于对页面进行布局控制 鼠标指向某个组件后 悬浮出操作按钮组 自左至右以此为配置数据 属性设置 上移 下移 移动 左键点击不放拖动 删除 进行相关 操作 4 2 1 布局组件 布局组件是对整个页面进行分块 因为所有组件都是响应式开发 宽度高度自适应 为了达到灵活 控制整体页面布局效果 使用布局组件进行排版 示例如下 第一行 1 1 的布局 第二行 2 1 的布局 效果如下 第一行 1 1 1 的布局 第二行 1 2 的布局 效果如下 第 页 8 4 2 2 基本组件 基本组件的使用方法与智能 BI 开发平台的基本组件相同 请参照智能 BI 下面的 6 4 章节常用 组件中的组件的使用方法 4 2 3 表格组件 表格组件使用方法与智能 BI 开发平台的表格相同 请参照智能 BI 下 6 4 章节 sql 组件中表格组件 的使用方法 4 2 4 过滤组件 过滤组件是对表格或者图形进行数据筛选的一类组件 包含下拉列表 单选框 复选框 按钮组和 时间区间 其中下拉列表 单选框 复选框 按钮组的使用方法与智能 BI 开发平台类似的组件基本相同 详见 6 4 章节 4 2 4 1 时间区间 通过时间区间组件过滤时间维度 取从开始时间到结束时间的所有数据 4 2 5 维度切换组件 通过对维度进行切换来筛选相应的数据 使用方法与智能 BI 开发平台组件相同 具体用法参 第 页 9 照智能 BI 下面 6 4 章节中常用组件的用法 4 2 6 指标切换组件 通过对指标进行切换来筛选相应的数据 并得到相应的表图 具体用法参照智能 BI 下面 6 4 章节中 常用组件的用法 4 2 7 文本组件 文本组件主要编辑文本内容 主标题 小标题是两类固定格式的文本 方便使用 长文本和正文使 用富文本进行编辑 富文本提供丰富的编辑方式 Html 组件支持 html 编码创建页面内容 4 2 8 输入组件 用法参照智能 BI 下面 6 4 章节中常用组件的用法 4 2 9 表单组件 用法参照智能 BI 下面 6 4 章节中常用组件的用法 4 3 0 表单组件 用法参照智能 BI 下面 6 4 章节中常用组件的用法 4 4 图形 图形的类型与使用与智能 BI 开发平台完全一致 请参阅 6 5 章节内容 4 5 地图 地图的类型和使用与智能 BI 开发平台完全一致 请参阅 6 6 章节内容 4 6 设置 功能说明 主题可以设置整个界面的主体风格 内置了 13 种系统风格可供选择 页面内容制作完成 后 通过切换主题风格 可以整体调整所有图形的配色方案 同时对页面背景 页边距等提供单独的设 置功能 方便进行自由定义 第 页 10 第 页 11 4 2 4 2 功能二功能二 智能 BI 4 2 1 4 2 1 用户页面用户页面 4 2 2 4 2 2 操作方法操作方法 4 2 智能 BI 开发平台综述 BI 开发平台是一个 web 式的开发平台 使 BI 开发平台开发的页面无需发布 直接可以联网访问 作 为一个 Web 开发平台 BI 开发平台提供了简洁的页面来完成强大的功能 BI 开发平台开发环境如下图所 示 其中这个环境包括三个区域 有菜单区 功能区 设计区 见图 5 1 图 5 1 4 2 1 功能区 在开发环境中 最上面一排的的图形按钮是功能按钮 如图所示 第 页 12 该区域中具体功能如下所示 1 返回 返回按钮的作用是返回主界面 点击 返回 此时页面跳转到主界面 2 保存 保存按钮的作用是对设计的页面进行保存 点击 保存 此时出现 保存 页面 此时点击路径 保存文件 并在 文件名 框中写入标题 3 另存 另存按钮的作用是对设计页面的路径进行另存 点击 另存 此时出现 另存 页面 选择点击 需要保存的路径保存文件 并在 文件名 框中写入标题 4 布局 布局的作用是对组件进行位置布局 5 锁定 锁定组件的功能是针对设计页面 在制作页面时 此时 锁定 的图形显示锁匙关闭状的 当页面 设计完成后 为了解制作效果 点击 锁定 此时锁的图形状态是开启的 此时页面的效果和普通用 户浏览的效果一致 4 2 2 菜单区 在开发环境的左侧是 组件模块 其中包括 常用 SQL 图形 地图 报表 视图 设置 等各种设计组件 如下图所示 详细功能将在后面的章节详细介绍 4 2 3 设计区 界面的设计区又可以称为主设计页面 是具体页面设计的地方 将组件拖拽进入此界面 之后可以 在这上面进行页面设计 具体位置如图所示 第 页 13 4 3 SQL 组件 在软件中具有利用 SQL 语句配置数据的组件类型有两个 表格组件和基本组件 表格组件 SQL 包括交叉表格 SQL 分组表格 SQL 明细表格 SQL 普通表格 SQL 树形表格 SQL 基本组件同时也可以支持 SQL 语句 该组件可供用户选择 编辑数据 该组件在设计期可通过鼠标拖拽置放于设计页面上 可通过 SQL 设置其数据来源 分别支持交叉表 分组表 普通表 表格控件 SQL 在界面开发元素中占有重要的地位 它不仅有外观整洁规范 表达形式多样 易用 的配置界面 而且更重要的是它较高的信息表现率 该组件在设计期可通过鼠标拖拽置放于设计页面上 其数据来源是 sql 该组件有以下事件 onCreate onSelect onDrop onPaging beforeDisplayDataScript afterRefreshScript beforeSq lExecute afterSqlExecute beforeMqlMake afterMqlMake beforeMqlExecute afterMqlExecute SQL 组件介绍如下 以分组表格 SQL 为例 4 3 1 分组表格 分组表格与明细表格的主要区别是明细表格是对原始的数据进行列举 没有对一些常用的表达式进 行总结 而分组表格则有许多常用表达式已经进行了总结 用户可直接通过分组表格得到其结果 创建 一个分组表格的具体步骤如下所示 步骤一 拖拽组件 点击 表格组件 选择 分组表格 菜单 点击 分组表格 拖拽进入主设计页面 即可得到分 组表格 如图所示 步骤二 数据配置 分组表格数据可以利用 SQL 语句来进行配置 点击选择 数据 选项 进入 sql 查询页面 如图所 示 第 页 14 在数据库连接菜单中选择要运用的数据库 再在 表 视图 菜单中选择需要得到的表格 单击 执 行 按钮 框中出现该表格的预览结果 下方的框中则出现了该表格的 sql 语句 如图所示 关闭后 点击 确定 即可生成需要的表格 如图所示 数据 利用 sql 建立的数据模型 可以自由选择维度和指标进行表格数据设置 设置完成后点击应 用 生成分组表格内容 如图所示 第 页 15 步骤三 交互 得到表格后要与其他组件进行关联即可选择 交互 出现如下页面 以和下拉列表交互为例 此时点击需要关联的组件 id 前的复选框 然后对关联条件进行配置 可点 编辑 菜单 进入 关 联配置 页面 如图所示 此时可自己对所需要的条件进行配置 配置好后点击 应用 按钮 可得到相关的关联和过滤条件 可利用其他组件对明细表格进行处理 步骤四 过滤 第 页 16 对表格的字段进行过滤 选择需要过滤的字段 添加过滤条件 点击 应用 即可 如图所示 步骤五 排序 排序的作用是对表格数据进行默认排序方式设置 同时也可以设置字段排序优先 设置后单击 应 用 即可如图所示 步骤六 汇总 汇总的作用是根据维度对字段做汇总计算 选择 汇总 单击 添加 选择算法 维度 单击 确认 即可 如图所示 第 页 17 步骤七 表头 设置表格的表头信息 用 excel 设计好表头信息 单击 上传表头 选择对应的 excel 点击 应用 即可 也可以在 配置表头 中直接用代码设置表头 如图所示 第 页 18 步骤八 预警 预警的作用是对字段 指标 设置值域 并对数据进行预警 有三种样式条件预警 图片集预警 固定值替换预警 选择 预警 单击 添加 选择 条件预警 设置字段的 条件 和 样式 单击 确定 即可 选择 图片集预警 设置字段的 条件 图标 和值域 单击 确定 即可 第 页 19 选择 固定值替换预警 设置字段的 条件 和 替换值 单击 确定 即可 第 页 20 步骤九 钻取 钻取的作用是通过相同字段下钻或跳转到另一相关页面 选择 钻取 单击 添加 选择 关 联列 和 关联页面 即可做两个页面的关联 单击 编辑 设置关联条件后点击 应用 最后点击 确认 即可根据相同的字段实现两个页面 的跳转 如此例中 点击表格中的某一行 就会将货主地区字段的值 东北 华东 华中 作为传参 打开新的页面 第 页 21 步骤十 结果展示 用 sql 语句进行数据配置生成的清单表格如下图所示 步骤十一 表格属性 点击 属性 按钮 属性中可设置表格属性 单击 格式 设置表格数字格式 字体 背景色 第 页 22 单击 皮肤 更换表格外观 单击 样式 设置表格大小 位置和自定义样式 单击 脚本 为表格自定义 JAVA 脚本 第 页 23 表格对比 分组表格 适合做各类常见分析 维度指标数据已经生成完备 交叉表格 适合需要进行行列组合的 比如原始数据维度为地区 月份 指标 需要转置为每个地 区各个月份的指标 使用交叉表格 明细表格 适合明细查询场景 使用延迟加载技术快速查询十万百万行以上的明细数据 树形表格 适合多层存在从属关系的维度展开 比如省市县三级 开始显示省级 可以展开市级和 县级的明细 普通表格 适合表格取值 比如图文报告中很多动态数值需要在表格中固定位置取值 使用其他表 格可能出现位置变动导致取值不准确 使用使用普通表格 第 页 24 4 3 2 下拉列表 下拉列表对数据表的维度进行切换 得到不同的维度下的表格或图形 当需要使用下拉列表时 拖 拽下拉列表到主设计页面 此时就建立了一个新的下拉列表 具体的创建步骤如下所示 步骤一 拖拽组件 选择 SQL 基本组件 下拉列表 将下拉列表拖拽进入主设计页面 得到组件 0 步骤二 数据配置 利用 sql 语句来进行数据配置时 选择 数据 进入 sql 输入页面 在数据库连接框中选择需要 的数据库 并选择需要的表或视图 在下面的 sql 语句框里输入 sql 语句 来选择自己想要的维度 如 在框中输入 select distinct 货主城市 from erp 订单 此语句是选择销售额里的年度且并不重复 之后点击 确定 如下图所示 此时的下拉列表配置数据成功 指标为货主城市 结果也如图所示 步骤三 组件关联 建立一个表格 数据配置为销售额 此时要将销售额表进行关联起来 则可以进行如下操作 即选 择 销售表 点击 数据 进入 属性 页面后选择交互功能 勾选组件 0 或者点击 编辑 进入 编辑页面 此时可以自己设置对他们进行关联 之后点击 确定 此时两表已经关联 可以通过下拉 列表控制销售表 第 页 25 步骤四 结果展示 此时两组件已经进行了关联 可在下拉列表中选择货主城市 此时 下拉列表可对销售表进行过滤 是表中会出现该货主城市的数据 如图所示 4 3 3 单选框 功能介绍 单选框的功能是对维度的指标进行筛选且每次只能选择一次 步骤一 拖拽组件 进入开发平台 选择 SQL 基本组件 单选框组 拖拽单选框图进入主设计页面 如图 所示 第 页 26 步骤二 数据配置 单击 数据 选择 SQL 语句进入 SQL 输入页面 在数据库连接中选择合适的数据源 在数据源中选 中的表 点击应用即可 如图所示 步骤三 组件关联 此时单选框图的数据配置成功 单选框图对其他的组件进行筛选时 需要对筛选的组件进行关联 如建立一个分组表格 结果如图所示 4 3 4 复选框组 树和标签 复选框图的功能是对维度的指标进行筛选且每次可以选择多个数据 操作方法如单选框一样 树组件支持多个具有层级关系的维度 比如省市县 Sql 标签支持通过 sql 语句动态赋值给标签 4 4 常用组件 4 4 1 概述 BI 开发平台中提供了近 50 种不同作用的组件 这些组件 在页面里只需要简答的拖拽就能设计出美 观实用的分析界面 可以满足用户快速配置的不同需要 在这里介绍的是通过业务模型来配置数据 这些组件按功能大致可以分为八个的类别 表格组件 处理各类报表的表格展现 分为交叉表格 分组表格 明细表格和树形表格 各表格的 第 页 27 区别见 11 3 1 章节 基本组件 这些组件用于报表配置中的数据展现和数据过滤的功能 包括 下拉列表 树 单选框 组 复选框组 日期 多条件树 平铺多条件树 日历 进度条 微调控制器 进度表 标签 按钮 导出 导入 指标说明 查询按钮 统一查询按钮 维度切换组件 用于多个维度的表格的自由切换 如省 市 县 时间多个维度 可以通过维度切 换选择需要组合的维度进行切换分析 比如省和时间 市和时间 省和市等 包括 树 下拉列表 展 开列表 单选框 复选框 属性页树 指标切换组件 用于多个指标的表格的自由切换 如销售额 成本 运费等多个指标 可以通过指 标切换选择需要组合的指标进行查看 比如只看销售额 同时查看销售额和成本等 包括 树 下拉列 表 单选框 复选框 输入组件 这类组件支持输入具体条件 对数据进行模糊查询和搜索 包括 文本框 数字输入框 组合框 搜索组件 整型输入框 长整型文本框 浮点型输入框 图文组件 HTML 组件支持直接输入 html 编码制作页面 框架及容器组件 该类组件用于对页面进行布局控制 包括 引用页面控件 iframe 组件 弹出式 容器 弹出式菜单 属性控件 层控件 图片组件 支持图片导入 4 4 2 表格 表格组件概述 包括交叉表格 分组表格 快速分组 明细表格 普通表格 该组件可供用户选择 编辑数据 该组件在设计期可通过鼠标拖拽置放于设计页面上 可通过选择 已经通过数据管理中建立的数据模型 设置其数据来源 分别支持交叉表 分组表 快速分组表 快速 明细数据 明细数据 表格控件在界面开发元素中占有重要的地位 它不仅有外观整洁规范 表达形式多样 易用的配置 界面 而且更重要的是它较高的信息表现率 可以做基本的报表展示也可以转换或者配置为丰富的图形 提供灵活的表达式计算 提供图表配置 图形配置 统计函数等等易用强加和灵活的功能 该组件在设 计期可通过鼠标拖拽置放于设计页面上 其数据来源可以是 sql 或者元数据方式 OLAP 配置 该组件有以 下事件 onCreate onSelect onDrop onPaging beforeDisplayDataScript afterRefreshScript beforeSq lExecute afterSqlExecute beforeMqlMake afterMqlMake beforeMqlExecute afterMqlExecute 分组表格为例 分组表格与明细表格的主要区别是明细表格是对原始的数据进行列举 没有对一些常用的两进行总 结 而分组表格则有许多常用表达式已经进行了总结 用户可直接通过分组表格得到其结果 创建一个 分组表格的具体步骤如下所示 步骤一 拖拽组件 点击 表格组件 选择 分组表格 菜单 点击 分组表格 拖拽进入主设计页面 即可得到分 组表格 如图所示 第 页 28 步骤二 数据配置 分组表格数据可以利用数据模型来进行配置 点击选择 数据 选项 进入数据模型查询页面 数据选择 选择需要的数据模型 配置 行 指标 点击 应用 即可得到表格 如图所式 步骤三 其他设置 其他设置如交互 过滤 排序 汇总 表头 预警 钻取等 用法同 sql 组件中的分组表格用法 请参照使用 步骤四 公式 公式提供自定义计算公式生成新指标 打开界面如下 第 页 29 选择从模板创建公式 自定义计算公式 如下图所示 确定应用之后 生成新的指标 此时返回数据配置中选择指标界面 就能看到刚刚创建的自定义指 标 如下图 从函数库创建中内置了大量数学函数 其他用法和从模板创建相同 第 页 30 4 4 3 下拉列表 下拉列表对数据表的维度进行切换 得到不同的维度下的表格或图形 当需要使用下拉列表时 拖 拽下拉列表到主设计页面 此时就建立了一个新的下拉列表 具体的创建步骤如下所示 步骤一 拖拽组件 选择 常用组件 基本组件 下拉列表 将下拉列表拖拽进入主设计页面 步骤二 数据模型配置 除了利用 sql 语句来进行数据配置以外 还可以通过配置数据模型的方法来进行数据配置 具体操 作为选择 模型 进入数据模型页面选择 数据模型 将所选 维度 导入 查询列 框 点击 应用 即可得到关于 维度 的下拉列表 步骤三 组件关联 方法与下拉列表 SQL 一样 请参照相关章节 4 4 4 日期与时间组件 功能介绍 提供年月日选择 一般作为过滤条件供用户选择 来查看指定时间或者时间段下的图形 展示 据绑定方式分别是自然值 MQL SQL 该组件包括以下的事件 onChange onCreate onDrop 日期与时间组件的功能类似 都是利用时间对数据进行过滤 日期与时间组件的区别是日期精确到 的是天数 而时间组件精确到的是每一天的小时数 当涉及到的时间精度不一样是可自己选择需要用哪 第 页 31 一种组件 具体的创建过程两者是一样的 下面利用日期组件的创建来进行示范 具体步骤如下所示 步骤一 拖拽组件 点击 常用组件 发现 日期 菜单 点击 日期 拖拽进入主设计页面 即可得到日期组件 如图所示 步骤二 关联组件 日期组件主要是起到筛选的作用 利用日期组件可以筛选出该日期下的数据 所以日期组件必须要 与其他组件关联起来进行应用 具体关联的是在需要筛选的组件上进行的 如图所示 若要对日期进行 过滤 则选择组件 点击 数据 选择 交互 点击 编辑 页面 进入过滤配置页面 点按键 添 加关联配置 点击源组件框中的下拉线 选择组件 同时在目标立方体中选择配置的条件 日期 如图所示 第 页 32 之后点击两个 确定 按钮 返回主设计页面 此时关联成功 结果如图所示 4 4 5 指标说明 功能介绍 指标说明组件的作用是为了让读者了解所示页面上的一些指标的具体情况 当需要对一 指标 计算公式等做一些备注时 用户可点击进入页面添加备注 具体的操作步骤如下图所示 步骤一 拖拽组件 点击 常用 基本组件 发现 指标说明 菜单 选中 指标说明 拖拽进入主设计页面 即可得到指标说明组件 如图所示 步骤二 添加说明 创建了 指标说明 组件之后 单击 数据 选择属性 进入 属性 页面 在 标签 框中写 入要说明的指标名称 点击 应用 按钮 返回主页面 再鼠标左键点击指标说明按钮 进入指标说明 页面 即可写入需要说明的文字或图片 如下图所示 输入完毕之后点击确定按钮 即添加 指标说明 第 页 33 成功 4 4 6 查询按钮 功能说明 查询按钮的主要作用是对其他的过滤组件起到一个触发的作用 特别是有几个过滤条件 同时对一个或几个表格起作用时 要先将他们关联到查询上 再利用查询按钮关联到其他表上 这样确 保所有的过滤条件是同时触发的 查询按钮具体的创建过程如下所示 步骤一 拖拽组件 点击 常用组件 发现 查询按钮 菜单 选 查询按钮 拖拽进入主设计页面 即可得到 查 询按钮 组件 步骤二 组件关联 首先需要配置待关联的表格 组件 2 和查询按钮的关联 选择表格的交互 勾选查询组件的复选框 后应用 建立表格和查询按钮的关联 第 页 34 然后点击 查询按钮 组件 选择 数据 进入 交互 页面 选择需要关联的组件 对关联的 筛选条件进行配置 如对两个时间组件进行配置 取一个时间段为筛选条件 则此时可在 筛选条件 页面选择组件 1 和组件 3 此时进入编辑页面 配置页面右边显示的维度就是上一步关联的表格的维度 选择如图所示 组件 3 同理设置 点击确定后返回 筛选条件 页面 在操作符下选择计算关系 注意此处的符号 表示表示 维度 操作符 日期组件 下图所示为组件 1 订购日期 组件 3 选择如图所示 第 页 35 点击确定后返回主设计页面 则此时组件 1 与组件 3 已经与查询按钮及待筛选的表格 组件 2 进行 了关联 日期组件选择好日期就可以通过查询按钮组件对表格进行筛选过滤 步骤三 结果展示 此时若选择 2016 06 01 2017 04 01 时间段的数据时即可使时间组件分别为这两个时间点 再点击 查询 按钮 则如图所示 表格会给出两时间段的数据 即此时 查询 按钮起到了过滤的作用 4 4 7 标签 功能说明 标签除了拥有一般标签的功能外 还有多样化的属性配置 和数据来源配置比如 sql 提 供页面流转的功能 该组件支持的事件有 onCreate onDrop onClick onRrightChick onDoubleClick 创建一个标签组件的具体步骤如下 步骤一 拖拽组件 点击 常用组件 发现 标签 菜单 选择 标签 拖拽进入主设计页面 即可得到标签组件 如图所示 第 页 36 步骤二 配置数据 单击 设置 选择 属性 如下图所示 则此时可根据需要选择 值 或者 由公式赋值 单选 框 在 值 内写入的是固定值 直接从外面显示出来 而 由公式赋值 则是根据写入的公式对标签 进行赋值 此时赋值完毕后可选 确定 按钮 即可得到结果 步骤三 结果展示 在 值 中写入数字 12345 在公式赋值中获取组件 1 的显示值 则可知结果如图所示 4 4 8 导出 功能说明 导出功能是为了导出用户所需要的数据方便而设置 导出功能可以将客户需要的表以 Excel 或 PDF 的格式导出 创立组件的具体步骤如下 步骤一 拖拽组件 点击 控件 基本控件 发现 导出 菜单 点击 导出 拖拽进入主设计页面 即可得到 导出组件 如图所示 步骤二 配置组件 点击导出组件 选择 数据 进入导出配置页面 为文件取个名称 再选择需要导出的组件 点 击 确定 返回主设计面 如下图所示 第 页 37 步骤三 结果展示 返回主菜单时 导出 按钮已配置完毕 点击 导出 按钮 则导出表格 7 过程如图所示 此时 导出设置成功 只要点击 确定 且设置好路径即可得到导出的表 4 4 9 单选框 复选框 树等筛选组件 用法同 sql 组件 请参照相关章节 4 4 10 维度切换组件 维度切换组件是一个大的类 在这其中包括维度切换树 维度切换下拉列表列表 维度展开列表 维度切换单选 维度切换复选框 维度切换属性页树 他们的整体的功能与作用是类似的 都是通过对 维度进行切换来筛选相应的数据 并得到相应的表图 以维度切换下拉框为例 功能介绍 维度切换树的作用是以下拉框的形式对数据列表进行筛选 具体创立步骤如下所示 步骤一 拖拽组件 点击 常用组件 维度切换组件 在控制组件里选择 下拉列表 拖拽至主页面 即可得 到维度切换下拉组件 如图所示 第 页 38 步骤二 配置数据 点击该组件 数据 选择数据模型 进入数据模型页面 在立方体中选择需要的立方体 在维度 框中选择维度 并将其导入查询列中 点击确定 结果如下图所示 即此时数据已经配置成功 步骤三 关联组件 建立需要的表格 点击该表格 交互 选择筛选条件进入筛选条件页面 勾选维度切换树组件或 者自己对其筛选条件进行编辑 点击确定 即此时两组件已经关联 可以对其进行筛选 如图所示 第 页 39 4 4 11 指标切换组件 指标切换组件是一个大的类 在这其中包括指标切换树 指标切换下拉列表列表 指标切换单选 指标切换复选框 他们的整体的功能与作用是类似的 都是通过对指标进行切换来筛选相应的数据 并 得到相应的表图 以指标切换复选框为例 功能说明 指标切换复选框组件的功能与复选框的功能是类似的 是在复选框的基础上利用各个指 标对数据进行筛选 具体的操作如下所示 步骤一 拖拽组件 选择指标切换复选框组件 并将该组件拖入主设计页面 此时指标切换复选框的基本组件已经创建 完毕 步骤二 数据配置 点击指标切换复选框组件选择数据模型 进入数据模型页面 在立方体中选择需要的立方体 在指 标框中选择需要的指标 导入已选指标框中 点击 应用 回到主设计页面 此时数据配置成功 如 图所示 步骤三 关联组件 指标切换列表组件要与其他组件进行关联 它的操作是要在被该组件筛选的组件上进行的 指标切 换列表组件若要对组件 1 的数据进行筛选 则要与组件 1 进行关联 则此时点击组件 1 选择筛选条件 进入筛选条件页面 勾选指标切换列表指标 点击确定 返回主设计页面 则此时两组件已经关联成功 如图所示 第 页 40 4 4 12 输入组件 该分类下的组件基本无需使用 是为部分特殊场景定制功能 其中只有搜索组件较为常用 以下只 介绍搜索组件的使用 步骤一 拖拽组件 点击 输入组件 选中 搜索组件 将它拖拽进入设计页面 如图所示 步骤二 交互配置 打开表格中的交互功能 勾选搜索组件后应用 建立表格和搜索组件的应用 此时我们可以在搜素 组件中输入我们想搜素的内容后点击放大镜按钮 就能快速定位到相关记录 清空输入内容后点击放大 镜按钮 还原全部记录 见下图 第 页 41 4 4 13 图片组件 功能介绍 图片组件的作用是上传图片到页面上 具体创建步骤如下 步骤一 拖拽组件 选择图片组件 选中拖入主设计页面 步骤二 数据配置 选择图片组件 点击属性 进入属性页面 可选择上传图片 将需要的图片上传到设计页面 如图 所示 点击 确定 此时的配置成功 或者在源文件中写入图片的地址 也可上传图片至主设计页面 4 4 14 图文控件 第 页 42 图文控件只含 HTML 组件 功能介绍 HTML 组件的功能是通过 HTML 语句来创建页面 步骤一 拖拽组件 选择 图文控件 组件 并将该组件拖入主设计页面 此时柱状图的基本组件已经创建完毕 如图 所示 步骤二 配置数据 点击 HTML 组件 选择 属性 进入属性页面 如图所示 在属性框中输入 HTML 语句 步骤三 结果展示 在属性框中输入 html 语句 输入百度的页面的源代码 则此时结果如图所示 4 4 15 框架及容器控件 4 4 15 1 引用页面控件 拖放控件到设计区 点击属性配置 在源文件中填入事先通过平台做好的页面地址 可以直接引用 页面 第 页 43 4 4 15 2 Iframe 组件 用法与引用页面控件相同 4 4 15 3 弹出式容器 拖放组件到设计区 点击属性配置 在包含组件 id 中填入需要弹出显示的组件 可以是各类组件 完成后点击放大镜按钮即可弹出配置的组件 4 4 15 4 弹出式菜单 用法同弹出式容器 宽度固定 以按钮形式展现 4 4 15 5 属性控件 用于制作一个页面中包含多个子页面的容器 拖放组件到设计区 通过属性中的配置功能 增减子 页面的数量和标题 第 页 44 点击数据 图形的标签控制页面的切换 不同的页面可以设计不同的内容 4 4 15 64 4 15 6 层控件 层控件 层控件是一个复合型容器 可以将放置在此组件中的所有组件作为一个整体来调整或移动 方便复 杂页面的调整和控制 同时可以作为设置页面背景色 页面整体布局方式 线条等多种功能使用 第 页 45 4 54 5 图形 图形 图形菜单在本软件中有柱状图 线性图 饼图 雷达图 散点图等小类 这些图形的元素是一些点 线 矩形 多边形 圆和弧线等等 它们都是通过数学公式计算获得的 例如一幅花的图形实际上是由 线段形成外框轮廓 由外框的颜色以及外框所封闭的颜色决定花显示出的颜色 由于图形可通过公式计 算获得 所以图形文件体积一般较小 图形最大的优点是无论放大 缩小或旋转等不会失真 图形组件 提供了丰富的图形种类 提供定制图形配置等功能 各个图形表示的意义是不同的 具体的介绍如下所 示 4 5 14 5 1 柱状图 柱状图 功能介绍 柱状图的功能是以柱状的图形的形式来反映各个数据的情况 他的意义是将数据利用图 形的形式直观的展示出来 在这里选择占比对比图代表柱状图进行分析 具体步骤如下所示 步骤一 拖拽组件 选择 柱状图 组件 并将该组件拖入主设计页面 此时占比分析图的基本组件已经创建完毕 如 图所示 第 页 46 步骤二 数据配置 选择 数据 配置数据模型 维度 指标 点击应用即可 步骤三 交互 过滤 排序配置 功能与表格配置类似 请参照相关章节 步骤四 属性设置 基础 设置图形高度和整体背景色 设置图形的颜色配置 标题 标题背景 边框 位置布局 主标题 副标题及字体字号颜色等 第 页 47 视区 组件中组件边框与图形主体之间的间隔 X 轴 设置 X 轴的名称 轴线 标签 刻度 隔线 隔区 Y 轴 设置 Y 轴的名称 轴线 标签 刻度 隔线 隔区 作用与 X 轴相同 图例 设置图例显示模式 布局 外观 文本样式 第 页 48 提示 设置鼠标指向图形对应区域 显示的提示信息的外观和文本样式 工具 设置工具箱显示和功能切换 样式 设置图形大小 位置 格式 设置指标值保留位数 脚本 图形对应事件的 java 脚本编辑 4 5 24 5 2 折线图 折线图 功能介绍 线性图的意义是反映各个量的变化趋势的图形 通过他的图形可以直观的了解到他所代 第 页 49 表的指标的一段时间按内的变化趋势 可以通过了解近一段时间内的变化趋势来预测以后的变化 创建 步骤与使用方法与柱状图相同 4 5 34 5 3 饼图 饼图 环形图 环形图 功能介绍 饼图与环形图的意义是表示各个量所占的份额比例 这些比例通过在饼图上占的面积来 表示出来 创建步骤大体与柱状图相同 饼图设置 饼图拥有专用的设置界面 针对饼图进行配置 配置饼图相对组件的相对位置 饼图类 型 提示信息等 4 5 44 5 4 散点 散点图图 功能介绍 散点图的意义是看点集中的区域 可以通过擦看他们的集中的区域的情况 分析现在运 行的状况 从而可以在以后做出改进 创建步骤与柱状图相同 4 5 5 雷达图 功能介绍 雷达图的意义是通过图形直观的观察各个指标量的