人人都可使用的配置化大屏设计器

数据可视化大屏是一种将复杂数据以图形、图表、地图等直观形式展示在大屏幕上的技术工具，它的核心价值在于能够将复杂的数据转化为直观视觉信息。它广泛应用于企业的监控中心、会议室和展厅等场所，能实时展示关键业务指标、运营数据和市场趋势等信息。

数据可视化大屏强大而灵活，满足多样化需求，具体表现在：

• 高清晰度显示（采用高分辨率显示技术，色彩还原度高）
• 内容丰富多样（支持文字、图片、视频、动画等多种形式）
• 交互性强（可与观众进行互动，增强参与感和体验感）
• 信息量大（能够同时展示大量信息，帮助观众快速了解和掌握所需内容）
• 灵活多变（可根据不同的展示需求进行定制化设计）

一套精美的可视化大屏如果用传统的方式，那么会涉及多个环节、需要多技术协同的复杂过程才能实现。

今天我想分享的是一套可以通过拖拽配置化实现可视化大屏的工具，它实现了组件配置化，不需要写代码。

以下配置所用到的是JVS-智能BI，它是一款自助式数据分析工具，提供了从数据接入、到数据整合、再到数据清洗加工、再到数据可视化的全链路方案，整个过程不需要写代码，不需要掌握SQL、Python和R这些技能。

首先是准备好需要可视化展示的数据，这里我就不详细介绍数据的接入和ETL数据集清洗加工的过程了，如果对这些操作有兴趣也可以评论区留言，后续我再出这些功能操作的说明。

我们来看下可视化大屏的配置步骤。

1、进入可视化大屏设计页面

系统提供有3种创建方式：

①.新建大屏：创建空白的大屏，从零开始搭建个性化大屏。

②.上传本地大屏模板：将其他导出的大屏文件，通过导入功能，上传后进行二次编辑或者修改。

③.模板中心进入编辑：从模版中挑选适合的模板，可以自定义修改，能满足不同用户的多样需求。

2、进入大屏设计页面

3、组件说明

左侧是各类组件库，有基础、图表、控件、形状、素材库

• 有文本组件、地图、时间组件、跑马灯、数字翻牌器等，能满足不同的信息展示需求。
• 图表，提供了多种图表类型，通过拖拽字段的方式配置数据，可以自定义展示条数和排序方式，也可以设置条件过滤，对数据进行筛选。可以生动诠释数据逻辑。
• 基础形状，主要用于一些特殊的视觉效果创作，可以设置图像的透明度与颜色边框。

素材：大屏内的许多修饰组件都是在素材库的，除了可以使用已经提供的修饰组件外。还可以上传素材，使用自己的素材进行装饰。

4、组件的配置

通过拖拽组件到中间画布进行配置布局

右侧是配置面板，可以设置组件的透明度、配色方案、背景颜色、图例设置、X轴、Y轴等具体配置

例如：点击组件，在右侧，进入自定义样式配置页面，选择符合页面要求的填充颜色。

5、交互设计

交互功能是对图表的行为控制，比如触发单击双击等动作时，图表对应做出的反应。

常见的交互包括：

• 鼠标悬停：当用户将鼠标悬停在图表上时，显示详细的数据信息
• 点击操作：支持用户点击图表中的元素，进行下钻、筛选等操作
• 触摸屏支持：确保在触摸屏设备上操作简单易用，响应迅速

6、大屏背景

背景图的选择方式有两种，上传图片或者选择系统内置图片都可以

7、权限管理

每个大屏都可以设置独立的权限管理，可添加多个权限组，对不同的用户配置不同的操作权限

8、查看和下载

编辑完成后，可以预览大屏效果，也可以下载大屏到本地

demo示例