仪表盘

仪表盘是一种拟物化的图表,刻度表示度量,指针表示维度,指针角度表示数值。仪表盘图表就像汽车的速度表一样,有一个圆形的表盘及相应的刻度,有一个指针指向当前数值。目前很多的管理报表或报告上都是用这种图表,以直观的表现出某个指标的进度或实际情况。

仪表盘的好处在于它能跟人们的常识结合,使大家马上能理解看什么、怎么看。拟物化的方式使图标变得更友好更人性化,正确使用可以提升用户体验。仪表盘的圆形结构,可以更有效的利用空间。

从左侧素材区“图表”处选中仪表盘将其拖入编辑器,右侧属性栏支持对图表进行常规、高级、数据操作。

配置项 说明
常规 XY轴名称
高级 图表主题样式、标题、提示、动画、仪表盘、系列、背景
数据 静态数据、API、CSV、数据库、数据源

1、常规属性

1.支持通过右侧功能属性面板对图表XY轴名称进行选择。
2.支持直接从右侧功能属性面板处选择图表替换上传(通过此处替换的图表的位置、大小和原图表的一致)。

2、高级属性

支持对仪表盘图表主题样式、标题、提示、动画、仪表盘、系列、背景进行修改。

配置项 说明
图表主题样式 图表主题色修改
标题 标题文字、水平安放位置、垂直安放位置、字体样式
提示 是否添加提示框、内边距、行间距、横向偏移值、纵向偏移值、提示框标题颜色、背景、阴影、提示框标题文字大小、提示框内容文字大小
动画 是否使用动画、系列间延时时间、动画持续时间、动画类型
仪表盘 横坐标、纵坐标、仪表盘半径、数据的最小值、数据的最大值、起始角度、结束角度、刻度分割段数、刻度区域、区域的宽度、刻度线样式、刻度线长度、刻度线颜色、刻度值样式、刻度值距离、仪表盘标题、中心偏移、详情数据、数值单位模板、仪表盘指针、指针颜色、指针宽度
系列 系列色
背景 背景色

1.图表主题样式

1.提供20+种专业图表配色,支持直接点击使用。

2.标题

1.图表标题修改;
2.标题安放位置:水平、垂直、或者直接拖动进度条一点一点调整;
3.标题字体样式:大小、是否加粗、颜色(色板直接选择、输入色号或者使用取色器取色)、选择字体。

3.提示

1.提示:是否显示提示框;
2.提示框内边距、行间距;
3.提示框横向偏移值、提示框纵向偏移值;
4.提示框标题颜色修改;
5.背景:边框颜色、边框宽度、背景颜色;
6.阴影:阴影颜色、阴影透明度;
7.提示框标题文字大小;
8.提示框内容文字大小。

4.动画

1.是否使用入场动画;
2.设置系列间延时时间;
3.设置动画持续时间;
4.选择动画类型。

5.仪表盘(图表主视觉)

1.仪表盘:横坐标、纵坐标、仪表盘半径、数据的最小值、数据的最大值、起始角度、结束角度、刻度分割段数;
2.刻度区域:区域范围、刻度线样式、刻度线长度、刻度线颜色;
3.刻度值:刻度值样式、刻度值距离;
4.仪表盘:是否显示仪表盘标题、标题中心位置、标题字体样式、是否显示数据详情、数据中心位置、数据字体样式;
5.设置数值单位模板;
6.仪表盘指针颜色修改、宽度修改、长度修改。

6.系列(图表主视觉)

系列色调整。

7.背景

支持自定义选择图表整体背景色。

3、数据属性

支持通过静态数据、api、CSV、数据库、数据源修改数据。

静态数据(静态数据只有在修改时采用json格式的方式,这也是静态数据的原生存储格式,每次修改保存后数据生效。)

api(根据正确的请求api格式请求api获取数据)

csv(可以上传csv、excel文件获取数据,也可以修改csv和excel数据)

数据库(点击连接数据库输入数据库的连接属性,连接成功之后输入sql语句,获取数据)

数据源(用户在数据源处上传需要绑定的数据,数据可以直接绑定到大屏图表上实现数据可视化)

results matching ""

    No results matching ""