柱图
从左侧素材区“大屏图表”中“柱图”类选中大屏柱图10将其拖入编辑器,右侧属性栏支持对图表进行常规、高级、数据、交互、下钻、联动操作。
配置项 | 说明 |
---|---|
常规 | XY轴名称、位置、尺寸、效果 |
高级 | 图表主题样式、标题、视区、图例、轮播、动画、X轴、Y轴、缩略轴、提示、预警、图形、系列、柱发光、背景 |
数据 | 静态数据、API、CSV、数据库、数据源 |
交互 | 单柱点击响应、动画事件、跳转事件、跳转子屏 |
下钻 | 开启下钻、添加下钻图层 |
联动 | 开启图表联动 |
1、常规属性
1.支持通过右侧功能属性面板对图表XY轴名称进行选择;
2.支持修改图表位置;
3.支持修改图表尺寸;
4.支持设置图表透明度。
2、高级属性
支持对柱图类图表主题样式、标题、视区、图例、轮播、动画、X轴、Y轴、缩略轴、提示、预警、图形、系列、柱发光、背景进行修改。
配置项 | 说明 |
---|---|
图表主题样式 | 图表主题色修改 |
标题 | 标题文字、水平安放位置、垂直安放位置、字体样式 |
视区 | 左边距、右边距、上边距、下边距、包含坐标轴文字 |
图例 | 是否显示图例、排列方式、水平安放位置、垂直安放位置、图例图形宽度、图例图形高度、图形圆角半径、字体样式 |
轮播 | 是否显示轮播、每页显示行数、轮播按钮高度、轮播按钮颜色、开始轮播、轮播时间 |
动画 | 入场动画设置、动画类型 |
X轴 | 是否显示轴线、线条样式、是否显示标签、最多文字数、标签溢出隐藏、字体样式、高亮框颜色 |
Y轴 | 名称、名称样式、是否显示轴线、线条样式、是否显示轴刻度线、线条样式、是否显示分割线、线条样式、是否显示标签、字体样式、百分比显示、千分位显示、数字单位、保留小数位 |
缩略轴 | 是否显示缩略轴、缩略轴位置、背景色、区域颜色、线条颜色、握把颜色、遮罩层颜色 |
提示 | 是否显示提示框、内边距、行间距、横向偏移值、纵向偏移值、提示文字、标题文字大小、内容文字大小、提示框标题颜色、提示框内容颜色、背景、阴影 |
预警 | 预警线设置、预警线名称、预警线颜色、名称文字距离起始点的距离、名称距离预警线上下位置距离、名称文字大小、预警线大小、选择预警字段、功能设置 |
图形 | 图形标签、字体样式、类目间柱间距、类目内柱间距 |
系列 | 系列色 |
柱发光 | 是否开启发光特效、长度、动画时长、颜色选择 |
背景 | 背景色 |
1.图表主题样式
1.提供20+种专业图表配色,支持直接点击使用。
2.标题
1.图表标题修改;
2.标题安放位置:水平、垂直、或者直接拖动进度条一点一点调整;
3.标题字体样式:大小、是否加粗、颜色(色板直接选择、输入色号或者使用取色器取色)、选择字体。
3.视区
1.对图表视区进行调整:通过拖动进度条对图表左边距、右边距、上边距、下边距进行调整或者直接输入修改数据进行调整;
2.是否包含坐标轴文字一起进行修改。
4.图例
1.图例:是否显示图例;
2.排列方式:横向、纵向;
3.安放位置:水平(居左、居中、居右)、垂直(居上、居中、居下),支持拖动进度条调整位置;
4.图例图形宽度、图例图形高度,均通过拖动进度条调整;
5.图形圆角半径:通过拖动进度条调整;
6.字体样式:字体大小(通过进度条调整或者直接修改数据)、是否加粗、字体颜色(通过色板选择、输入颜色色号或者使用取色器取色)。
5.轮播
1.轮播:是否显示轮播;
2.设置每页显示行数;
3.设置轮播按钮高度;
4.修改轮播按钮颜色;
5.是否开始轮播;
6.轮播时间。
6.动画
1.入场动画(预览时可查看设置情况):是否使用动画;
2.设置系列间延时时间(表内各组间内、表内各组间)、设置动画持续时间;
3.动画类型:先快后慢、匀速渐变、先慢后快。
7.X轴
1.轴线:是否显示轴线、线条样式(颜色、线宽);
2.标签:是否显示标签、最多文字数、标签溢出是否隐藏、字体样式(字体大小、字体加粗、字体颜色、文字倾斜);
3.高亮框颜色修改。
8.Y轴
1.修改Y轴名称;
2.坐标轴名称样式:修改字体大小、字体颜色;
3.轴线:是否显示轴线、线条样式(颜色、线宽);
4.轴刻度线:是否显示轴刻度线、线条长度、线条样式(颜色、线宽);
5.分割线:是否显示分割线、线条样式(颜色、线宽);
6.标签:是否显示标签、标签字体样式(大小、是否加粗、颜色、是否设置文字倾斜、百分比显示、千分位显示、设置数字单位、是否保留小数位)。
9.缩略轴
1.缩略轴(预览时拖动支持局部放大):是否显示缩略轴;
2.设置缩略轴位置;
3.缩略轴背景色、缩略轴区域颜色、缩略轴线条颜色、缩略轴握把颜色、缩略轴遮罩层颜色。
10.提示
1.提示:是否显示提示框;
2.提示框内边距、行间距;
3.提示框横向偏移值、提示框纵向偏移值;
4.提示文字:标题文字大小、内容文字大小、提示框标题颜色修改、提示框内容颜色;
5.背景:边框颜色、边框宽度、背景颜色;
6.阴影:阴影颜色、阴影透明度。
11.预警
1.预警:是否显示预警线、预警线名称;
2.预警线颜色修改;
3.预警线名称文字距离起始点的距离、预警线名称距离预警线上下位置距离;
4.预警线名称文字大小、预警线大小;
5.选择预警字段、功能设置。
12.图形(图表主视觉)
1.图形的文本标签:字体大小、是否加粗、颜色;
2.类目间柱间距(柱条宽度)、类目内柱间距通过拖动进度条调整或者通过直接修改数据调整。
13.系列
支持自定义选择图表系列色。
14.柱发光
1.是否开启柱发光特效;
2.发光长度、动画时长、间隔时间、颜色。
15.背景
支持自定义选择图表整体背景色。
3、数据属性
支持通过静态数据、api、CSV、数据库、数据源修改数据。
静态数据(静态数据只有在修改时采用json格式的方式,这也是静态数据的原生存储格式,每次修改保存后数据生效。)
api(根据正确的请求api格式请求api获取数据)
csv(可以上传csv、excel文件获取数据,也可以修改csv和excel数据)
数据库(点击连接数据库输入数据库的连接属性,连接成功之后输入sql语句,获取数据)
数据源(用户在数据源处上传需要绑定的数据,数据可以直接绑定到大屏图表上实现数据可视化)
4、交互属性
1.单柱点击响应;
2.动画事件;
3.跳转事件:跳转相同链接、跳转不同链接、打开方式(在新页面打开、在当前页面打开、弹窗打开);
4.跳转子屏。
5、下钻属性
1.是否开启下钻;
2.添加下钻图层。
6、联动属性
1.是否开启图表联动。