图元属性
在 web 组态中，每一个图元组件都具有其本身唯一的属性和所有组件共有的公共属性，在本文档中主要介绍图元组件的外观属性，主要是对图元组件的外观样式的相关设置。
字体类
| 属性 | 说明 |
|---|---|
 | 适用于含有文本字体设置的图元组件 |
| 字号 | 设置字体的大小像素 |
| 字体 | 设置字体文本显示的样式，可自定义上传字体文件 |
| 行距 | 设置单个图元中文本字体相邻行中间的距离 |
| 间距 | 设置单个图元中文本相邻字符之间的距离 |
| 字色 | 设置字体的颜色样式 |
| 对齐/垂直 | 设置当前图元中字体相对于当前图元内部位置的水平和垂直对齐方式 |
 加粗 | 将字体进行加粗 |
 斜体 | 将字体样式进行倾斜 |
 下划线 | 在字体底部增加下划线 |
通用类
| 属性 | 说明 |
|---|---|
 | 通用类属性主要适用于所有组件图元的外观样式属性 |
| 透明 | 设置图元组件的的透明度，通过滑块设置 0-100%，默认 100% 为无透明度 |
| 背景 | 设置图元组件的背景颜色样式，支持设置渐变色，如何设置渐变色背景？ |
| 圆角 | 设置图元组件的圆角半径大小，为 0 时无圆角，支持设置图元四个圆角大小分别设置，如何分别设置圆角？ |
| 边框 | 设置图元组件的外边框粗细、线型和颜色 |
| 投影 | 设置图元组件的背景投影样式，包括阴影颜色、X、Y、模糊、扩展，可以使图元组件更具立体感，如何设置好看的投影？ |
图表类
图表类属性主要针对图表类图元组件的通用配置。
| 属性 | |
|---|---|
| 数据源 | 可视化图表组件的数据来源都需要绑定数据源，具体配置请参考数据源 |
| 导出功能 | 可视化图表（地图、轨迹地图除外），实时曲线、历史曲线和可视化图元均支持导出为 png 格式的图片 |
| 启用 | 是否启用导出功能，默认关闭 |
| 位置 | 设置导出图标的位置 |
| 图标颜色 | 设置导出图标的颜色 |
| 宽 | 设置导出图标的宽度 |
| 高 | 设置导出图标的高度 |
| 图标大小 | 设置导出图标的大小 |
| 左右边距 | 设置导出图标距离图表左右的边距 |
| 上下边距 | 设置导出图标距离图表上下的边距 |
| 样式 | 设置导出图标的圆角、边框、投影等基础样式 |
| 标题 | |
| 显示 | 设置图表是否显示标题，默认显示 |
| 内容 | 设置标题的内容，支持多语言 |
| 字号 | 设置标题内容的字体大小 |
| 字体 | 设置标题内容字体的样式 |
| 行距 | 设置标题内容字体相邻行中间的距离 |
| 间距 | 设置标题内容字体相邻字符之间的距离 |
| 字色 | 设置标题内容字体的颜色样式 |
| 对齐 | 设置标题在图表中水平对齐的位置 |
| 垂直 | 设置标题在图表中垂直对齐位置 |
| 图例 | |
| 显示 | 设置图表是否显示图例，默认显示 |
| 排列 | 设置图表中图例的的排列方式，支持水平或垂直排列 |
| 字号 | 设置图例的字体大小 |
| 字色 | 设置图例的字体颜色 |
| 加粗 | 设置图例字体是否加粗显示，默认不加粗 |
| 左右边距 | 设置图例在图表中距离 左右边距的距离 |
| 上下边距 | 设置图例在图表中距离上下边距的距离 |
| 位置 | 设置图例在图表中的位置，支持 8 个方位设置 |
| X 轴 | |
| 显示 | 设置是否显示 X 轴，默认显示 |
| 字号 | 设置 X 轴显示的字体的大小 |
| 字色 | 设置 X 轴显示的字体的颜色 |
| 加粗 | 设置 X 轴显示的字体是否加粗显示，默认不加粗 |
| 单位 | 设置 X 轴显示的文本单位内容，为空时没有单位 |
| 旋转 | 设置 X 轴的旋转角度，范围：0-90°，默认为 0° |
| 最小值 | 设置 X 轴区间的最小值（仅使用与散点图、3D 散点图） |
| 最大值 | 设置 X 轴区间的最大值（仅使用与散点图、3D 散点图） |
| 刻度数 | 设置 X 轴线刻度数量，范围：1-100（仅使用与散点图、3D 散点图） |
| 线色 | 设置 X 轴的刻度线颜色（仅使用与散点图、3D 散点图） |
| 线条 | 设置 X 轴的刻度线的线条样式，支持设置为实线或虚线（仅使用与散点图、3D 散点图） |
| 刻度线色 | 设置 X 轴的刻度线的颜色 |
| Y 轴 | |
| 显示 | 设置图表是否显示 Y 轴，默认显示 |
| 字号 | 设置 Y 轴显示的字体的大小 |
| 字色 | 设置 Y 轴显示的字体的颜色 |
| 加粗 | 设置 Y 轴显示的字体是否加粗显示，默认不加粗 |
| 单位 | 设置 Y 轴显示的文本单位内容，为空时没有单位 |
| 旋转 | 设置 Y 轴的旋转角度，范围：0-90°，默认为 0° |
| 最小值 | 设置 Y 轴区间的最小值 |
| 最大值 | 设置 Y 轴区间的最大值 |
| 刻度数 | 设置 Y 轴线刻度数量，范围：1-100 |
| 线色 | 设置 Y 轴的刻度线颜色 |
| 线条 | 设置 Y 轴的刻度线的线条样式，支持设置为实线或虚线 |
| 刻度线色 | 设置 Y 轴的刻度线的颜色 |
| Z 轴 | 仅 3D 散点图具有此配置属性 |
| 字号 | 设置 Z 轴显示的字体的大小 |
| 字色 | 设置 Z 轴显示的字体的颜色 |
| 加粗 | 设置 Z 轴显示的字体是否加粗显示，默认不加粗 |
| 单位 | 设置 Z 轴显示的文本单位内容，为空时没有单位 |
| 最小值 | 设置 Z 轴区间的最小值 |
| 最大值 | 设置 Z 轴区间的最大值 |
| 刻度数 | 设置 Z 轴线刻度数量，范围：1-100 |
| 线色 | 设置 Z 轴的刻度线颜色 |
| 线条 | 设置 Z 轴的刻度线的线条样式，支持设置为实线或虚线 |
| 刻度线色 | 设置 Z 轴的刻度线的颜色 |
| 标注 | 标注实时数据 |
| 显示 | 设置是否显示数据标注，默认不显示 |
| 位置 | 设置标注在图表中数据绘制区域的位置 |
| 字号 | 设置标注的字体大小 |
| 字色 | 设置标注的字体颜色样式 |
| 加粗 | 设置标注文字数据是否加粗显示，默认不显示 |
| 边框 | 设置图表边框基础样式 |
| 圆角 | 设置图表的圆角半径 |
| 边框 | 设置图表的外边框粗细 |
| 投影 | 设置图表的背景投影样式，包括阴影颜色、X、Y、模糊 、扩展，可以使图元组件更具立体感 |
| 边距设置 | |
| 左 | 设置数据绘制区距离图表左侧的距离 |
| 右 | 设置数据绘制区距离图表右侧侧的距离 |
| 上 | 设置数据绘制区距离图表上侧的距离 |
| 下 | 设置数据绘制区距离图表下侧的距离 |
| 时间段设置 | 仅在历史曲线图表中有此属性配置 |
| 启用 | 设置是否启用时间段控制，默认启用 |
| 底部距离 | 设置时间段控制样式距离图表底边的距离，范围：0-100px，默认为 15 像素 |
| 字号 | 设置时间段控制配置字体的大小 |
| 字体 | 设置时间段控制配置字体的样式 |
| 行距 | 设置时间段控制配置字体文本相邻行中间的距离 |
| 间距 | 设置时间段控制配置字体文本相邻字符之间的距离 |
| 字色 | 设置时间段控制配置的字体颜色样式 |
| 对齐 | 设置时间段控制配置在图表中的位置，居左、居中、居右 |
| 缩放设置 | 动态设置图表的横轴数据区间 |
| 启用缩放 | 设置是否启用横轴缩放功能，默认不启用 |
| 底部距离 | 设置缩放设置距离图表底部的距离 |