系列 配色方案：支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。 图8 配色方案 系列：支持对系列颜色的配置（纯色和渐变色）。 渐变色可设置起点、终点颜色，起点终点颜色也可互换。 图9 系列颜色配置 效果图 图10 折线柱图 父主题： 线状图

查看更多 →

值最小值标注和平均值标线等）进行一系列配置。数据系列配置可参考如何设置数据系列。单击“+”，可添加数据系列。 线条颜色：选项为“单色”或“渐变色”。选择颜色可改变线条的颜色。 折线宽度：折线的宽度。 折线不透明度：折线的不透明度设置，取值为“0”时折线全透明（即隐藏），“100”为全部显示。

查看更多 →

最大值最小值标注和平均值标线等）进行一系列配置。数据系列配置可参考设置数据系列。单击“+”，可添加数据系列。 线条颜色：选项为“单色”或“渐变色”。选择颜色可改变线条的颜色。 折线宽度：折线的宽度。 折线不透明度：折线的不透明度设置，取值为“0”时折线全透明（即隐藏），“100”为全部显示。

查看更多 →

是否展现：是否展现外部轮廓样式，默认为展示。 轮廓样式 > 边框宽度：设置外部轮廓边框的宽度，取值范围为0~50。 轮廓样式 > 颜色：设置外部轮廓的颜色，支持单色和渐变色。 图表标题：设置组件的标题。 显示图表标题：是否展示组件标题。 标题获取：标题支持自定义和从数据模型“dataValue”下“name”取值获取。

查看更多 →

屏幕开始，逐步设置断点（例如设备宽度320px、768px、1024px），针对不同设备进行设计，形成流动布局。 针对复杂情况，可以使用 CSS 3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备，定义不同样式，选择应用不同的 CS S规则。只有当该设定媒体查询与正在使用的设备匹配时，其对应的CSS规则才起作用。

查看更多 →

系列 配色方案：支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。 图8 配色方案 系列：支持对系列颜色的配置（纯色和渐变色）。 渐变色可设置起点、终点颜色，起点终点颜色也可互换。 图9 系列颜色配置 交互 联动 单击“高级 > 联动”，进入线状图联动设置页面，参考表4设置参数。

查看更多 →

显示数值：进度条上是否显示数值。 显示占比：进度条上是否显示占比。 小数点位数：进度条上显示的数值小数点位数。 数据系列 颜色类型：可设置为“单色”或“渐变色”，选择颜色可改变柱状条的颜色。 进度条宽度：进度条的宽度，默认为10px。 柱条边框圆角：进度条边框圆角配置，取值为“0”时为直角，“100”为圆角。

查看更多 →

"y": 56, "s": "保洁人员" } ] 选中水平基本柱图组件，在组件上方单击，设置模板为“蓝色渐变不排序”。 图9 设置模板 选中水平基本柱图组件，在组件上方单击，将所有数据系列中的“数据标签”设置为“上”，让数据显示在柱形图上方。 图10

查看更多 →

节点的宽度和上下间距用户可自定义设置。 数据流支持设置线条类型、线条配色和透明度。 线条类型：曲线和直线。 连线配色种类：固定配色、两端节点渐变、跟随起始节点、跟随结尾节点。 标签 数据标签支持全量、维度、度量设置。 全量：支持维度和度量数据显示。 维度：勾选，图表显示维度数据，不

查看更多 →

显示数值：进度条上是否显示数值。 显示占比：进度条上是否显示占比。 小数点位数：进度条上显示的数值小数点位数。 数据系列 颜色类型：可设置为“单色”或“渐变色”，选择颜色可改变柱状条的颜色。 进度条宽度：进度条的宽度，默认为10px。 柱条边框圆角：进度条边框圆角配置，取值为“0”时为直角，“100”为圆角。

查看更多 →

系列 配色方案：支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。 图11 配色方案 系列：支持对系列颜色的配置（纯色和渐变色）。 渐变色可设置起点、终点颜色，起点终点颜色也可互换。 图12 系列颜色配置 交互 联动 单击“高级 > 联动”，进入柱状图联动设置页面，参考表4设置参数。

查看更多 →

"y": 530, "s": "已关闭" } ] 选中水平基本柱图组件，单击组件上方的，“参考模板”为“蓝色渐变不排序”，并设置组件标题为“告警处理情况统计”。 图4 设置模板 图5 配置标题 选中水平基本柱图组件，单击组件上方的，打开“水平堆叠”开

查看更多 →

请求调用同一个接口的数据时，为了避免多次调接口，可以选择开启共享数据。 本示例不勾选。 选中基本柱图组件，在组件上方单击，设置模板为“蓝色渐变不排序”。 图11 设置模板 选中基本柱图组件，在组件上方单击，将每个数据系列里“数据标签”设置为“上”，让数据显示在柱形图上方。 图12

查看更多 →

示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 柱条颜色：设置柱条颜色，如单色或渐变色，支持自定义柱状条的颜色。 定制最大柱条：支持对最大的柱条自定义设置，包括颜色等。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。

查看更多 →

示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 柱条颜色：设置柱条颜色，如单色或渐变色，支持自定义柱状条的颜色。 定制最大柱条：支持对最大的柱条自定义设置，包括颜色等。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。

查看更多 →

示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 柱条颜色：设置柱条颜色，如单色或渐变色，支持自定义柱状条的颜色。 定制最大柱条：支持对最大的柱条自定义设置，包括颜色等。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。

查看更多 →

示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 柱条颜色：设置柱条颜色，如单色或渐变色，支持自定义柱状条的颜色。 定制最大柱条：支持对最大的柱条自定义设置，包括颜色等。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。

查看更多 →

图形样式：展开后可设置描边颜色和描边的线宽。 数据项展现：可单独设置不同数据项的展现形式，包括数据项初始是否被选中、图形样式（其中“颜色样式”支持：单色、渐变色、纹理，设置为“纹理”时，需要上传纹理图片，支持设置所有数据项纹理重复或者不重复）和标签设置。 系列饼图背景：展开后开启“是否设置背景”

查看更多 →

示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 柱条颜色：设置柱条颜色，如单色或渐变色，支持自定义柱状条的颜色。 定制最大柱条：支持对最大的柱条自定义设置，包括颜色等。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。

查看更多 →

示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 柱条颜色：设置柱条颜色，如单色或渐变色，支持自定义柱状条的颜色。 定制最大柱条：支持对最大的柱条自定义设置，包括颜色等。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。

查看更多 →

示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 柱条宽度：柱状条相对于X轴单位间隔的宽度。 柱条颜色：设置柱条颜色，如单色或渐变色，支持自定义柱状条的颜色。 定制最大柱条：支持对最大的柱条自定义设置，包括颜色等。 柱条圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。

查看更多 →