渐变环图是饼图的一种，支持通过极坐标来确定图表的大小，支持图表外部的标签展示，支持真实数值和百分比值的切换，支持自定义图形样式和多系列数据配置，能够清晰智能地展示各类别的占比情况。本文介绍渐变环图各配置项的含义。
编辑组件时，先使用鼠标单击选中组件。
设置属性
位置大小
大小
设置组件的宽与高，单位为 px。
单击
再次单击图标，可解锁组件的宽高比，调整宽高将不受等比例限制。
位置
设置组件的坐标位置，单位为 px。
横坐标为组件左上角与画布左边界的距离。
纵坐标为组件左上角与画布上边界的距离。
旋转
手动输入角度值，可调整组件的旋转角度。
拖动
单击
图表
饼图设置
用于设置环图的样式。
基础选项
内径：设置环图内侧半径的长度比例，可选值范围：[0-1]。
外径：设置环图外侧半径的长度比例，可选值范围：[0-1]。
节间距：设置环图各系列的间距。
弧圆角：设置环图的弧圆角值。
描边宽度：设置环图边的宽度。
描边颜色：设置环图边的颜色。
数据排序：设置数据的排序方式，可选项包括：降序、升序、原序、倒序。
标签文本
标签内容：设置标签文本的展示内容。
字体字号：设置标签文本的文字字体和字体大小。
文字颜色：设置标签文本的文字颜色。
标签线
水平中心距：设置水平方向标签线与环图中心点的距离。
垂直中心距：设置垂直方向标签线与环图中心点的距离。
线头中心距：设置线头与环图中心点的距离。
线宽：设置标签线的宽度。
折线类型：设置标签线的类型，可选项包括：直线、弧线。
线型：设置标签线的样式，可选项包括：虚线、实线。
系列
数据系列
配色方案：将选择的色系自动映射为多个系列的环图颜色。
系列
开始颜色：设置系列环图的开始颜色；当开启了渐变色时，此项为渐变色的开始颜色。
结束颜色：设置系列环图的结束颜色；当开启了渐变色时，此项为渐变色的结束颜色。
启用渐变：开启或关闭环图的渐变色。
添加系列n支持新增和删除系列，不同的系列可以自由设置系列属性。
辅助
标题
标题字体
文本：设置环图的标题文字。
字体字号：设置标题的文字字体和字体大小。
文字颜色：设置标题的文字颜色。
文字样式：设置标题的文字样式，可选项包括：默认值、斜体、倾斜。
文字粗细：设置标题的文字粗细，可选项包括：默认值、粗体、更粗、更细、100、200、300、400、500、600、700、800、900（数字越大文字越粗）。
文字行高：设置标题的文字行高。
对齐方式：设置标题的文字对齐方式，可选项包括：左对齐、居中对齐、右对齐。
位置：设置标题显示在图表中的位置，可选项包括：顶部居中、底部居中、左侧居中、右侧居中、左上、右上、左下、右下。
间距：设置标题相对于图表和边界间的距离。
图例
图标
图标形状：设置图例中各个系列的图标形状，支持圆形与矩形；其中图标颜色与系列折线颜色一致。
布局朝向：设置图例中各个系列的布局方向，支持水平显示和垂直显示。
位置：设置图例显示在图表中的位置，可选项包括：顶部居中、底部居中、左侧居中、右侧居中、左上、右上、左下、右下。
图标距离：设置图标与文字间的距离。
系列间距：设置图例中系列间的距离。
间距：设置图例相对于图表和边界间的距离。
文本
字体字号：设置图例文本的文字字体和字体大小。
文字颜色：设置图例文本的文字颜色。
文字样式：设置图例文本的文字样式，可选项包括：默认值、斜体、倾斜。
文字粗细：设置图例文本的文字粗细，可选项包括：默认值、粗体、更粗、更细、100、200、300、400、500、600、700、800、900（数字越大文字越粗）。
文字行高：设置图例文本的文字行高。
图标颜色：字体使用图标的颜色。
数值
字体字号：设置图例数值的文字字体和字体大小。
文字颜色：设置图例数值的文字颜色。
文字样式：设置图例数值的文字样式，可选项包括：默认值、斜体、倾斜。
文字粗细：设置图例数值的文字粗细，可选项包括：默认值、粗体、更粗、更细、100、200、300、400、500、600、700、800、900（数字越大文字越粗）。
文字行高：设置图例数值的文字行高。
文字距离：设置图例数值的文字距离。
设置数据
数据源
自定义函数
自定义函数用来对数据源中的数据做处理，需要使用 JavaScript 代码。其中入参
data 是数据源中的数据，返回值需要与数据源中“静态数据”的数据格式保持一致。可用于过滤数据、聚合数据、格式化数据等。字段映射
将数据源中返回的业务字段一一映射为图表提供的默认字段，图表字段的具体意思可查看字段前的问号图标。字段映射成功后，将在状态栏中显示映射成功。
自动更新
自动更新用于设置组件定时更新数据，在选择动态数据源或开启自定义函数的情况下该选项才可以设置。当勾选自动更新选项并输入定时时长（单位为秒），系统将根据设定的时长轮询数据源，获取最新数据并更新到相应图表中。