检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在区域“1”的代码编辑区中编写js代码。 在区域“2”的原始数据区输入需要处理的数据。系统会将原始数据传入代码编辑器的“data”中进行编译。 单击代码编辑区的图标运行代码。会在区域“3”的转换数据区显示转换后的结果数据。 单击代码编辑区的图标将代码保存在转换器中。 图2 数据转换器编辑 将数据转换器与组件进行关联。
型”时，显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时，该配置项不生效。 字号：设置x轴文本的字号大小。 颜色：设置x轴文本的字体颜色。 角度：设置x轴文本的角度大小。 字体粗细：设置x轴文本的字体粗细样式。 轴线颜色：设置x轴的颜色。 网格颜色：设置x轴的网格线颜色
线柱图的数据格式默认包含3个字段x、y1、y2。 x：线状图和柱状图的类目，对应横坐标x轴。 y：数据系列（分组）。y映射不同的字段表示不同的数据系列（组），数据根据y映射的字段进行分组显示。 默认包含如下2个系列： y1：系列“y1”的数据。“y1”为所映射的源数据中的字段名称
台阶图可用于展示无规律的、阶梯式跳跃的数值的变化情况，且这种变化并不是线性的、连贯的。本章节主要介绍台阶图组件各配置项的含义。 图1 台阶图 样式 尺寸位置 图表尺寸：图表的宽和高。单位均为px。 图表位置：图表在画布中的位置。单位均为px。 全局样式 字体：组件中文本的字体。 数据点位置：数据点在台阶线上显示的位置。
y1：系列“y1”的数据。“y1”为所映射的源数据中的字段名称。默认对应左侧纵坐标y1轴。 y2：系列“y2”的数据。“y2”为所映射的源数据中的字段名称。默认对应右侧纵坐标y2轴。 单击y字段右侧的按钮可添加一个系列。对于已经添加的系列，单击某个系列右侧的按钮可删除该系列。 添加系列配置如下： 系列值：所映射的源数据中的字段名称。
据转换器的详细介绍，请参见使用数据转换器。 数据映射：数据格式默认包含以下字段，请配置各个字段映射到数据源中的字段名称，如果配置为空，则表示字段名称和所映射的数据源中的字段名称相同。 x：类目，对应横坐标x轴。 y：系列的数据。对应纵坐标y轴。 s：系列。可以将s字段的某个值设置为一个系列，允许添加多个系列。
字号：设置y轴文本的字号大小。 颜色：设置y轴文本的字体颜色。 字体粗细：设置y轴文本的字体粗细样式。 角度：设置y轴文本的角度大小。 轴标签：设置y轴的显示格式，最大值和最小值。 轴线颜色：设置y轴的颜色。 网格颜色：设置y轴的网格线颜色。 轴单位：设置y轴的单位、字号和颜色。
字号：提示信息的字体大小。 字体粗细：提示信息的字体粗细样式。 图6 提示信息 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动画：组件第一次渲染动画的时长，单位为ms。 动画效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。
据，数据转换器的详细介绍，请参见使用数据转换器。 数据映射：数据格式默认包含以下字段，请配置各个字段映射到数据源中的字段名称，如果配置为空，则表示字段名称和所映射的数据源中的字段名称相同。 x：线状图和柱状图的类目，对应横坐标x轴。 y：系列的数据。对应纵坐标y轴。 s：系列。可
双轴折线柱图的数据格式默认包含3个字段x、y、s。 数据映射 x：线状图和柱状图的类目，对应横坐标x轴。 y：系列的数据。对应纵坐标y1轴或y2轴。 s：系列。可以将s字段的某个值设置为一个系列，允许添加多个系列，并且每个系列的数值可以映射到不同的纵坐标上。 单击s字段右侧的按钮可添
据转换器的详细介绍，请参见使用数据转换器。 数据映射：数据格式默认包含以下字段，请配置各个字段映射到数据源中的字段名称，如果配置为空，则表示字段名称和所映射的数据源中的字段名称相同。 x：类目，对应横坐标x轴。 y：系列的数据。对应纵坐标y轴。 s：系列。可以将s字段的某个值设置为一个系列，允许添加多个系列。
水平胶囊柱图是柱状图的一种，常用于展示不同系列的数据的对比情况。本章节主要介绍水平胶囊柱图组件各配置项的含义。 图1 水平胶囊柱图 样式 尺寸位置 图表尺寸：图表的宽和高。单位均为px。 图表位置：图表在画布中的位置。单位均为px。 全局样式 字体：组件中文本的字体。 柱子样式 柱子宽度：柱子的宽度。
边框宽度：设置水位图外框的边框宽度。 内部距离：设置水位图和外框的内部距离。 文字 字体：设置图表中文字的字体。 颜色：设置图表中文字的字体颜色。 内部颜色：设置文字在水位图中的颜色。 字号：设置图表中文字的字号大小。 字体粗细：设置图表中文字的字体粗细样式。 相对位置：设置文字相对
字体：单击下拉选项设置表头文本的字体类型。 字体颜色：单击下拉选项设置表头文本的字体颜色。 字号：单击下拉选项设置表头文本的字号大小。 字体粗细：单击下拉选项设置表头文本的字体粗细样式。 行配置 奇行背景色：单击颜色编辑器设置奇行表格的背景色。 偶行背景色：单击颜色编辑器设置偶行表格的背景色。 序列号
坐标轴：设置y轴的颜色和宽度。 轴刻度：单击单击“轴刻度”右侧的勾选框，表示显示轴刻度，表示隐藏轴刻度。 轴单位：设置y轴的单位名称，单位名称的字体颜色和位移。 视觉映射 最小值：单击设置视觉映射的最小值。 最大值：单击设置视觉映射的最大值。 填充颜色：单击颜色编辑器设置视觉映射时的颜色。
环形柱图 环形柱图是柱状图的一种，常用于展示不同系列的数据的对比情况。本章节主要介绍环形柱图组件各配置项的含义。 图1 环形柱图 样式 尺寸位置 图表尺寸：图表的宽和高。单位均为px。 图表位置：图表在画布中的位置。单位均为px。 图形属性 柱间间距：环形柱子之间的距离，单位为px。
半径：只用半径的长短来显示数据的大小； 半径及圆心角：用面积的大小来显示数据的大小 标签属性 显示/隐藏标签属性：单击“标签属性”右侧的勾选框，表示显示标签属性，表示隐藏标签属性。 标签距中间：设置标签值和中间位置的距离。 轴距长度：设置标签的长度。 字号：设置标签值的字号。 颜色：设置标签值的字体颜色。
颜色：单击颜色编辑器设置极轴的颜色。 宽度：输入数值或单击设置极轴的宽度。 分割线 颜色：单击颜色编辑器设置分割线的颜色。 线条数量：输入数值或单击设置分割线的线条数量。 线条样式：单击下拉框设置分割线的线条样式。 线条宽度：输入数值或单击设置分割线的线条宽度。 填充颜色 颜色：单击颜色编辑器修改各区域的颜色。
表示预览组件或查看发布组件，鼠标悬浮在图上时不显示提示信息。 颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。 字体粗细：设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动
标签距中间：设置标签值和中间位置的距离。 轴距长度：设置标签的长度。 字号：设置标签值的字号。 颜色：设置标签值的字体颜色。 字体粗细：设置标签值的字体粗细样式。 数据名：是否显示数据名。 数据值：是否显示数据值。 比例显示：是否显示比例。表示标签中的值以比例形式展示，表示标签中的值以数据形式展示。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
