NBI可视化平台快速入门教程(五)编辑器功能操作介绍

简介: NBI可视化平台快速入门教程(五)编辑器功能操作介绍(1)在NBI可视化平台中设置页面大小、背景颜色等(2)目前系统内置三套皮肤可供选择使用(3)页面背景支持纯色背景、渐变背景、图片背景

NBI可视化平台快速入门教程(五)编辑器功能操作介绍

(1)在NBI可视化平台中设置页面大小、背景颜色等
1.png

(2)目前系统内置三套皮肤可供选择使用

(3)页面背景支持纯色背景、渐变背景、图片背景
2.png

(4)预览时自适应 浏览页面时,系统会自动计算页面大小和组件大小,达到自适应效果(注意:等比例自适应效果最佳,比如页面大小设置的是16:9的大小,然在不同16:9分辨率下效果适配效果最好,比如19201080大小的页面在1366768上浏览 效果最佳)
3.gif

(5)拖拽组件到画布
4.png

(6)拖拽一个柱状图组件到画布,然后在组件上右键,右键菜单中可以设置绑定数据和设置组件样式等操作
5.png

(7)给组件绑定数据
6.png

(8)在左侧数据源中选择创建好的工作表
7.png

(9)选择之前创建好的工作表
8.png

(10)从左侧拖拽字段到数据配置栏(每个组件的配置要求有所不同,请根据组件具体要求拖拽配置)

9.png

(11)组件样式设置
10.png

依次拖入您需要的组件到画布,数据绑定、属性设置、布局排版即可完成页面配置
10.png

(12)最后保存您的作品
12.png

11.png

NBI大数据可视化分析平台作为新一代自助式、探索式分析工具,在产品设计理念上始终从用户的角度出发,一直围绕简单、易用,强调交互分析为目的的新型产品。我们将数据分析的各环节(数据准备、自服务数据建模、探索式分析、权限管控)融入到系统当中,让企业有序的、安全的管理数据和分析数据。

相关文章
|
7天前
|
存储 搜索推荐 Shell
【Shell 命令集合 文本编辑器】Linux joe 编辑器的使用教程
【Shell 命令集合 文本编辑器】Linux joe 编辑器的使用教程
37 0
|
7天前
|
JSON 前端开发 数据可视化
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
530 0
|
8月前
|
Shell Linux Apache
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
1111 0
|
9月前
|
设计模式 Java 数据库连接
只要100行代码,实现文本编辑器中的草稿箱功能
大家都用过网页中的富文本编辑器,编辑器通常都会附带草稿箱、撤销等操作。下面用一段代码来实现一个这样的功能。假设,我们在GPer社区中发布一篇文章,文章编辑的过程需要花很长时间,中间也会不停地撤销、修改,甚至可能要花好几天才能写出一篇精品文章,因此可能会将已经编辑好的内容实时保存到草稿箱。
77 1
|
9月前
|
前端开发
vue3 中wangEditor富文本编辑器上传图片功能
vue3 中wangEditor富文本编辑器上传图片功能
178 0
|
7天前
|
Linux iOS开发 MacOS
Star 10.4k!推荐一款国产跨平台、轻量级的文本编辑器,内置代码对比功能
Star 10.4k!推荐一款国产跨平台、轻量级的文本编辑器,内置代码对比功能
|
7天前
|
机器学习/深度学习 数据可视化 Unix
2023最全vim编辑器教程(详细、完整)-编辑器之神
2023最全vim编辑器教程(详细、完整)-编辑器之神
|
7天前
|
资源调度 数据可视化 前端开发
基于mathlive从零将公式编辑器集成到可视化搭建平台
基于mathlive从零将公式编辑器集成到可视化搭建平台
48 0
|
7天前
|
Linux 开发工具
百度搜索:蓝易云【Linux如何使用Nano编辑器教程。】
需要注意的是,Nano是一款轻量级的文本编辑器,适用于简单的编辑任务。如果你需要进行更复杂的编辑或编程任务,可能需要使用更强大的编辑器,如Vim或Emacs。
36 0
|
6月前
|
自然语言处理 数据可视化 前端开发
低代码系列——可视化编辑器
低代码系列——可视化编辑器
112 0