检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击代码编辑区的图标将代码保存在转换器中。 图2 数据转换器编辑 将数据转换器与组件进行关联。 选择待关联数据转换器的组件，并切换到“数据”面板。 在“数据转换器”中选择已创建的转换器进行应用。 图3 选择数据转换器 若需要修改转换器代码，可单击“数据转换器”右侧的图标，打开底部转换器编辑浮层，可进
图表位置：设置图表在画布中的位置。单位为px。 图1 跑马灯 全局样式 颜色：单击颜色编辑器设置组件文本的字体颜色。 字号：设置组件文本的字号大小。 字体：设置组件文本的字体。 字体粗细：设置组件文本的字体粗细样式。 轮播：勾选时，组件文本会进行轮播。输入数值或单击可设置动画一次播放的时间，时间单位为毫秒。
高度：流光的高度。 值标签：显示或隐藏值标签。显示时，数据中value字段的值将以标签的形式显示在图表中。 字号：值标签的字体大小。 颜色：值标签的字体颜色。 字体粗细：值标签的字体粗细。 图3 值标签-轮播列表柱状图 数据 value：对应柱图的权重。权重越高，柱子长度越长，占比越大。 c
数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 自动更新请求：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。 预览结
数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 自动更新请求：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。 预览结
签中配置了href时，勾选后，单击Title可以新建一个窗口。 文本样式 字体：设置标题的字体。 字号：设置标题的字号。 文本间距：设置标题的文本间距 颜色：设置标题的字体颜色。 字体粗细：设置标题的字体粗细。 对齐方式：设置标题的对齐方式，可以设置为左侧、右侧、水平居中。 数据
滚动时间：输入数值或单击，设置文本滚动的时间。只有当勾选了溢出滚动后，此配置项才生效 文本样式 字体：设置文本的字体。 字号：设置文本的字号。 文本间距：设置文本的文本间距 颜色：设置文本的字体颜色。 字体粗细：设置文本的字体粗细。 对齐方式：设置文本的对齐方式，可以设置为左侧、右侧、水平居中。 行高
数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 数据映射：数据格式包含以下字段，请配置各个字段映射到数据源中的字段名称，如果配置为空，
大小、字体类型；对齐方式和背景颜色。 第二列：设置第二列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。 图2 列-键值表格 行 分割线：设置分割线的粗细和颜色。 奇偶行：勾选时，表格会区分奇偶行。单击颜色编辑器可以设置奇偶行的颜色。 图3 行-键值表格 表头 高度：输入数值或单击调节表头的高度。
边框大小：输入数值或拖动，设置组件边框大小。 边框颜色：单击颜色编辑器设置节点的边框颜色。 字体大小：设置节点文本的字体大小。 字体粗细：设置节点文本的字体粗细。 字体颜色：设置节点文本的字体颜色。 多层配置 矩形边框线宽：输入数值或拖动，设置矩形边框线宽。 子矩形间隔：输入数值或拖动，设置子矩形间隔。
义图标。 前缀：设置数字的前缀内容、字体、字号、字体颜色、字体粗细。 数字：设置数字的样式，包括小数位控制、千位分隔符、字体、字号、颜色、字体粗细、数字间隔、左右内边距、上下内边距、背景色。 后缀：设置数字的后缀内容、字体、字号、字体颜色、字体粗细。 图2 数字翻牌-数字翻牌器 标题
数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 自动更新请求：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。 预览结
文本中的值。当有配置时，系统显示“数据”面板中的“value”值。 字号：设置组件文本的字号大小。 字体粗细：设置组件文本的字体粗细。 字体颜色：单击颜色编辑器设置组件文本的字体颜色。 背景色：单击颜色编辑器设置组件的背景色。 搜索按钮颜色：单击颜色编辑器设置搜索按钮的颜色。 边
颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。 字体粗细：设置提示信息的字体粗细样式。 图5 提示信息-水平柱状图 数据 数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据
数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 数据映射：数据格式默认包含以下字段，请配置各个字段映射到数据源中的字段名称，如果配置为
文字标签 显示/隐藏文字标签：单击“文本标签”右侧的勾选框，表示显示文字标签，表示隐藏文字标签。 字体：设置标签的字体。 字号：设置标签的字号。 颜色：设置标签的字体颜色。 字体粗细：设置标签的字体粗细。 位置：设置标签的位置。 连接线 颜色：设置连接线的颜色 粗细：设置连接线的粗细程度。
字号、字体颜色、字体粗细、角度、标签间隔、最小标签、最大标签。 坐标轴：设置x轴的颜色。 网格线：设置x轴的网格线的颜色。 图2 x轴-柱状图 y轴 显示/隐藏y轴：单击“y轴”右侧的勾选框，表示显示y轴，表示隐藏y轴。 文本：设置y轴的文本样式，包括字号、字体颜色、字体粗细、角度。
颜色：单位文本的字体颜色。 坐标轴：显示或隐藏坐标轴的轴线。开启时，可以设置轴线的“颜色”。 网格线：显示或隐藏网格线。开启时，可以设置网格线的“颜色”。 图4 x轴 - 水平胶囊柱图 y轴 字号：轴标签文本的字体大小。 字体颜色：轴标签文本的字体颜色。 字体粗细：轴标签文本的字体粗细。 角度：轴标签文本的倾斜角度。
文本：设置图例的文本样式，包括字号、字体颜色、字体粗细。 布局：图例位于组件中的位置。 图3 图例 提示信息：显示或隐藏提示信息。开启后，在预览或查看大屏时，鼠标悬浮或点击在图上时显示提示信息。 触发类型：设置提示信息的触发类型。 颜色：提示信息的字体颜色。 字号：提示信息的字体大小。 字体粗细：提示信息的字体粗细样式。
数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 自动更新请求：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。 预览结
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
