仪表盘

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

配置项 说明
常规 XY轴名称、位置、尺寸、效果
高级 图表主题样式、标题、图例、图表、动画、背景
数据 静态数据、API、CSV、数据库、数据源
交互 单柱点击响应、动画事件、跳转事件、跳转子屏

1、常规属性

1.支持通过右侧功能属性面板对图表XY轴名称进行选择;
2.支持修改图表位置;
3.支持修改图表尺寸;
4.支持设置图表透明度。

2、高级属性

支持对仪表盘类图表主题样式、标题、图例、图表、动画、背景进行修改。

配置项 说明
图表主题样式 图表主题色修改
标题 标题文字、水平安放位置、垂直安放位置、字体样式
图例 是否显示图例、区间一名称、区间二名称、区间三名称、排列方式、水平安放位置、垂直安放位置、图标大小、字体样式
图表 仪表盘中心、刻度分割段数、刻度区域、刻度线样式、刻度颜色、刻度值样式、仪表盘数据单位、中心偏移、仪表盘数据详情、仪表盘指针
动画 入场动画设置、动画类型
背景 背景色

1.图表主题样式

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

2.标题

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

3.图例

1.图例:是否显示图例、区间一名称、区间二名称、区间三名称;
2.排列方式:横向、纵向;
3.安放位置:水平(居左、居中、居右)、垂直(居上、居中、居下),支持拖动进度条调整位置;
4.图标大小;
5.字体样式:字体大小(通过进度条调整或者直接修改数据)、是否加粗、字体颜色(通过色板选择、输入颜色色号或者使用取色器取色)。

4.图表(图表主视觉)

1.图表:仪表盘中心、横坐标、纵坐标、仪表盘半径、数据最小值、数据最大值、刻度分割段数;
2.刻度区域:区域1的范围、区域1的颜色、区域2的范围、区域2的颜色、区域3的颜色、区域宽度;
3.刻度线样式:是否显示刻度线、单位分割数、刻度线长度;
4.刻度颜色:颜色、线宽;
5.刻度值样式:是否显示刻度值、刻度值距离、字体大小;
6.仪表盘数据单位:是否显示单位;
7.中心偏移:横坐标、纵坐标、字体大小、字体加粗、字体颜色;
8.仪表盘数据详情:是否显示数据详情、中心偏移、字体大小、字体加粗、字体发光、字体颜色;
9.仪表盘指针:是否显示指针、指针宽度。

5.动画

1.入场动画(预览时可查看设置情况):是否使用动画;
2.设置系列间延时时间(表内各组间内、表内各组间)、设置动画持续时间;
3.动画类型:先快后慢、匀速渐变、先慢后快。

6.背景

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

3、数据属性

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

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

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

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

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

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

4、交互属性

1.单柱点击响应;
2.动画事件;
3.跳转事件:跳转相同链接、跳转不同链接、打开方式(在新页面打开、在当前页面打开、弹窗打开);
4.跳转子屏。

results matching ""

    No results matching ""