# 画布配置项

在此部分介绍了画布可修改的配置项,鼠标点击大屏空白处或大屏之外的区域后在右侧配置面板修改大屏配置项。

# 画布宽高与分辨率

在右侧编辑栏可以修改画布的宽高与大小,分辨率。自定义画布宽高时需要选择自定义分辨率,填入宽高,否则会导致生成的大屏并非预期效果。

# 粘连模式

将项目导入到大屏进行展示时,如果硬件大屏大于项目大小,通过改变粘连模式确定项目在大屏中的位置。

# 画布背景

为了方便您编辑大屏我们在编辑器内显示深蓝色(#020127),而画布默认背景色为透明色。如果需要其他颜色,点击项目空白处在右侧编辑栏添加新背景色。

# 封面图

当您编辑大屏项目时,编辑器会自动保存并生成封面图,在画布的配置项中也可以上传本地图片用作项目封面。

# 元素通用配置项

# 基础属性

在基础属性模块中,您可以调整元素的宽高、位置、旋转角度和透明度。每一个数值类的配置项都可以拖拽数字底部箭头快速调整数值大小。

  • 上左下右 代表元素最外层边框距离画布上、下、左、右边界的大小,单位为px。

  • 元素宽高 元素的宽度和高度,单位为px。可单击锁定长宽比按键锁定元素的宽高比,等比例修改元素的宽高。再次单击进行解锁,解锁后宽高比不受限制。

  • 旋转角度 以元素的中心为中心点,进行旋转,单位为度(°)按住Alt/option鼠标左键拖动元素旋转。

  • 不透明度 拖动进度条或拖动数字框底部修改组件不透明度。为0时,图表隐藏;为1时,图表全部显示。默认为1。

  • 超出边缘 以自身边缘为界限,无论是元素内容或者容器内部元素,超出部分隐藏或显示。

  • 圆角 圆角配置项修改的范围是以选中框为基准,所以当元素未填满选中框时会有圆角无显示的情况,可将元素 填满后再操作。单击链接图标,分别修改四个角的角度。

  • 内外边距 修改元素内/外边距大小,可单击分别修改四个边的边距。普通容器内边距不影响内部元素位置。

# 样式配置

在样式配置中修改元素的基础样式比如填充、边框、阴影等。

  • 添加样式 点击配置项的按钮,添加样式。

  • 删除样式 取消选中配置项中的样式,出现删除按钮,单击删除样式。

  • 显示/隐藏样式 取消选中配置项中的样式,此条样式隐藏。点击组件中附加配置项的显隐按钮,控制此配置项是否可见。

  • 填充 填充元素背景,可以通过颜色中的拾色器选择颜色,或者直接填入Hex的值。透明度可以直接修改或在拾色器中修改。拾色器中有五种填充方式:纯色、线性渐变、径向渐变、锥形渐变、图片填充。

  • 拾色器 在拾色器中,可调整元素的颜色透明度。点击颜色集中的加号将当前颜色加入颜色集中,方便以后使用。在渐变中可以调整增加色标、改变渐变角度,将调整好的渐变也可以加入渐变集中,以便下次直接使用。

  • 边框 默认无边框,根据元素选中框大小增加边框,可改变边框颜色、线条类型、线宽。点击锁定分别改变四个边的样式。

  • 阴影 默认元素无阴影,添加阴影样式后可修改阴影颜色、阴影x轴y轴的偏移范围、阴影模糊效果。点击内外阴影切换图标,修改阴影类型。

  • 滤镜 在滤镜中可修改亮度、灰度、模糊、对比度、色轮、反向、饱和度、褐变。默认元素亮度和饱和度为1,对比度为100,其他皆为0。

# 图表通用配置项

  • 布局 此处可调节组件距离其选中框四周间隙的大小,点击可分别修改四个方向的间隙距离。当组件文字在选中框内显示不全时,可修改四周间隙大小。

  • 图例 图表中图例的样式。定位:修改图例尺寸、多个图例时的间距、朝向,水平方向和垂直方向中修改图例在图表中的位置。选择模式:当有多个图例时,切换选择模式可至单选模式可点选查看图例数据。文本:修改图例文字的颜色和大小。

  • 动画 图表的动画效果样式。时长:组件第一次渲染动画的时长,单位为ms。缓动效果:组件动画的缓动效果,系统提供多种常见的缓动效果供您选择。更新时长:组件数据更新时的动画时长,单位为ms。更新缓动:组件更新时的缓动效果。

  • 标签 组件标签值的样式,默认不显示标签。位置:标签值的位置,有多个位置可选择,默认顶部。边框:标签值的边框,可修改边框颜色、线宽。背景:修改标签值的背景,默认透明度为0。文本:修改标签值文本的颜色、大小、与图形的距离。

  • 提示框 鼠标悬浮或点击图表时出现的提示框的样式。背景:提示框的背景框样式,默认提示框背景透明度为0.7。边框:提示框的边框,可修改边框颜色和线宽。文本:提示框文本颜色,可修改文本颜色和大小。

  • X轴 图表x轴的样式。轴线:x轴的轴线样式、可修改颜色线宽。刻度线:x轴的刻度线,默认线宽为0,可修改刻度线颜色、线宽、间隔。刻度线:x轴的分割线,可修改分割线颜色、类型、间隔。文本:x轴文本样式,可修改文本颜色、字体大小、旋转角度。

  • Y轴图表y轴的样式。分隔数:可以修改y轴分隔数,不能为0。轴线:y轴的轴线样式、可修改颜色线宽。刻度线:y轴的刻度线,默认线宽为0,可修改刻度线颜色、线宽、间隔。刻度线:y轴的分割线,可修改分割线颜色、类型、间隔。文本:y轴文本样式,可修改文本颜色、字体大小、旋转角度。