衡石分析平台系统分析人员手册-仪表盘控件概述

server/2024/10/22 8:21:45/

控件​

控件是仪表盘的基本组成单位。控件种类很多,有展示分析数据的图表类类控件,有展示图片、文字的展示类控件,还有可导出数据、刷新数据、过滤数据等功能类控件。一个完整的仪表盘由多种不同功能的控件构成。

控件类型​

根据控件是否展示分析数据可将控件分为图表类控件、展示类控件和功能类控件。

  • 图表类控件:指展示分析数据的各种图表控件,如柱状图、饼图、地图、表格、KPI,共近50种图表。

  • 展示类控件:一般不包含分析数据,主要用于展示图片、文字等内容,提升仪表盘展示效果。

  • 功能类控件:在仪表盘中完成某些功能,辅助用户获取分析数据,如过滤数据,导出数据,刷新等功能。

控件制作及配置​

控件创建流程如图所示,分为如下三步:配置控件内容,设置控件外观及交互操作,调整控件布局。

本小节主要介绍控件制作过程中的相关配置,首先通过示例了解控件制作的大概过程。

控件示例​

下面以创建一个折线图的图表控件为例,展示控件创建过程,其他控件制作过程类似。

  1. 从菜单栏中选择图表控件。选择数据来源、数据集和图表类型(这里使用折线图)。

  2. 设置控件内容,包括配置、样式、交互。
  • 配置:在配置中拖拽维度和度量生成图表聚合数据,展示了业务数据信息。 示例中在维度中拖入日期(计算方式为月,展示格式设为年/月),度量中拖入用户姓名、订单实际交付天数、库存周期天数三个字段,生成图表。

  • 样式:设置控件的展示样式。示例中设置自定义标题,图表内容颜色、大小,x 轴,y 轴,图例等样式。修改后图表如下。

  • 交互:设置控件的图表内交互。示例中仅设置限制条数1000,图表中点击交互行为设置为弹出菜单。

  1. 设置控件外观及控件交互。示例中控件圆角进行设置,与其他控件的交互选择联动过滤相关性图表。

  2. 控件制作完成,调整其在画布中的布局。

从示例可以看出,一个控件需要进行控件内容配置和控件外观及交互配置。下面介绍这两部分的相关内容。

控件内容​

控件内容包括控件展示内容(分析数据、文本内容)、控件展示样式、控件内部交互。这三部分分别在控件配置、样式、交互中完成。

  • 配置

    在配置中进行分析数据的设置,包括配置数据和整理数据。

    配置数据:指将数据集字段、参数、指标、用户属性拖入到配置区域中,生成图表。

    处理数据:当数据拖入到图表后,需要对数据进行处理。 如对数据进行求和、平均、去重、百分比、同环比等计算,对数据设置小数位数、计算单位等展示格式,对数据设置排序样式,对数据进行过滤处理等。

  • 样式 在样式调整控件的展示样式,一方面可以使控件更加美观,使符合仪表盘整体展示风格, 如配置颜色,字体设置、图例展示等。 另一方面是使控件重点展示内容更加突出,如坐标轴设置、参考线设置、条件格式设置等。

  • 交互

    这里主要指控件自身交互行为,如控件展示数据条数,控件自动刷新,值域漫游,时间漫游,图表打开后点击交互行为等。

提示

不同控件配置、样式、交互中的选项会有差别。 控件不一定都包含配置、样式、交互这三项。图表类控件一般包含这三项,展示类控件一般不涉及分析数据,没有配置项。 功能类控件一般不涉及交互,没有交互选项。

控件外观及交互​

在控件三点菜单中的控件设置中可以设置控件的外观和控件交互。

控件外观即控件的外形展示,包括控件大小、位置、背景、边框、阴影等。 控件外观可以跟随仪表盘主题变化。

控件交互指在仪表盘展示过程中点击控件时控件的交互行为,包括联动过滤、下钻、联动过滤+下钻、执行 JS 代码、不响应、跳转等。

控件布局​

多控件时可以通过图层排列进行布局,调整控件层次结构、对齐方式、分布方式等。

Pager


http://www.ppmy.cn/server/133844.html

相关文章

数据结构与算法--返回袋子数

去商店买苹果,商店只提供两种类型的袋子,只能装下6个苹果的袋子和只能装下8个苹果的袋子。买的苹果,必须用袋子装满,如果装不满,则不买。 给定一个正整数,返回至少使用多少个袋子。 public class Code_Appl…

MySQL-30.索引-介绍

一.索引 为什么需要索引?当我们没有建立索引时,要在一张数据量极其庞大的表中查询表里的某一个值,会非常的消耗时间。以一个6000000数据量的表为例,查询一条记录的时间耗时约为13s,这是因为要查询符合某个值的数据&am…

【JavaScript】Javascript基础Day01:let/const变量、数据类型、ES6模板字符串

Javascript——Day01 01. Javascript简介和体验02. Javascript书写位置03. Javascript注释和结束符04. Js输入和输出语句和字面量05. 变量的声明和赋值06. 变量的更新以及输入用户名案例07. 交换两个变量案例08. 变量的本质和命名规则09. var和let区别10. 数组的基本使用11. 常…

3. IoC 与DI

一、 定义 IoC,即控制反转,把对象的调用权交给容器,通过容器来实现对象的装配和管理。DI,即依赖注入,对象之间依赖关系由容器在运行期决定,由容器动态的将依赖关系注入到对象之中。DI,是对IoC更…

鸿蒙开发超好用的 UI 组件和工具类库 BasicLibrary

大家好,我是 V 哥。你在学习HarmonyOS NEXT 开发吗,今天 V 哥给你推荐一款超好用的三方库BasicLibrary,BasicLibrary 是一个基于 API 11 封装的基本库,旨在提升鸿蒙开发效率。它包含了一些常用的 UI 组件和实用工具类,…

Qt 实战(11)样式表 | 11.1、样式表简介

文章目录 一、样式表简介1、简介2、样式表语法2.1、样式规则2.2、选择器类型2.3、伪状态2.4、设置子控件状态 3、样式表继承与优先级3.1、样式表继承3.2、样式表优先级3.3、解决冲突3.4、样式表层叠 4、总结 前言: 在开发图形用户界面(GUI)应…

React 中级阶段学习计划

React 中级阶段学习计划 目标 掌握状态管理和路由。能够调用API并处理异步数据。学会使用CSS-in-JS和CSS Modules进行样式处理。 学习内容 状态管理 React Context API Context API:用于在组件树中传递数据,避免多层props传递。示例:im…

C#中Task.ContinueWith如何使用

Task.ContinueWith 方法是 Task 类的一个成员,它允许你为一个任务添加一个延续操作。这个延续操作会在任务完成时执行,无论是成功完成、发生异常还是被取消。你可以使用这个方法来执行一些清理工作,或者基于前一个任务的结果来启动另一个任务…