检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图例选择模式：设置图例选择模式，支持单个和多个。 小图标：设置图例小图标样式，如圆形、矩形、三角形等。 图列排列：设置图例的排列样式，如水平、垂直。 图例宽度：设置图例的宽度。 图例高度：设置图例的高度。 位置选择：设置图例的显示位置，支持左、右和居中显示。 图例间隔：设置图例之间的间隔。
整个组件。 标题设置 是否展示：是否显示组件标题。 标题内容：输入标题内容。 标题行高度：设置标题的行高，单位px。 背景色：设置标题背景色。 文本位置：设置标题中文本位置，支持居中、靠左、靠右或自定义。 字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的全局样式、表头设置、行、系列号等。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图13 设置为是显示效果 引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，如图13显示的为数据值，也可以设置为百分比、系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：实心圆饼图间系列和整体范围的描边样式。 图14 设置后效果 设置背景：设置饼图的背景。
半。 左Y轴：设置左侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 右Y轴：设置右侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 最小间隔：坐标轴最小间隔大小。“边界”选择“自定义”时设置该参数。 左Y轴单位：设置左侧Y轴的单位。 右Y轴单位：设置右侧Y轴的单位。
图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的背景色、表格行数、表头和单元格等。 图5 树状表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。
时间日期类型 time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下，设置后效果如图1所示。 { migrateFrom: 'advancedSettings', headerTitle:
个组件。 配置 在配置中，设置选项卡基础样式和选项卡设置。 图4 选项卡配置 基础样式设置 标签圆角：设置标签圆角的大小，“0”为直角。 图5 标签圆角 标签间距：设置标签之间的距离，默认为“0”。 标签内边距：设置标签和组件边框之间的距离，默认为“自适应”。设置为“固定值”时，可自定义内边距大小。
在页面上方单击，新建并设置页面级全局变量。 新增全局变量“status”，设置默认值为“1”，设置变量说明为“告警服务状态码，1为待派单，2是已派单，3是处理中，4是已关闭”。 图5 设置页面变量 在页面中拖入并设置下拉选择框组件。 从左侧全部组件中，搜索并拖拽“下拉选择框”组件到页面画布中。
配置 在配置中，设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 音频轮播设置 音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。 循环播放：开启后，在预览页面
安全密钥使用。 地图中心：设置地图中心的设置类型，支持自定义和行政区。 行政区编码：设置行政区或行政区对应的编码，如何下载行政区编码，请参见Web服务 API 相关下载。“地图中心”设置为“行政区”时，才显示该配置。 地图中心经度：设置地图中心点的经度。“地图中心”设置为“自定义”时，才显示该配置。
景、特效、卡片边框等）和视频元素构成。 图3 FLV视频播放卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
未设置线ID的线颜色默认走单色类型设置颜色。 如果某个线ID设置了多个颜色，最下面设置的颜色优先级最高，如图11所示，颜色最终显示为白色。 图11 线ID最终显示为白色 线颜色：设置线的颜色。“显示类型”设置为“单色”时，才显示该配置项。 图12 设置线颜色 颜色设置：根据实际需求，设置线ID的颜色。
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值，使用方式参考如下： /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值，使用方式参考如下：
显示名称：自定义图表中系列的显示名称。 标记图形：设置标记的图形样式，如圆形、矩形、三角形等。 颜色设置：设置标记颜色样式，支持纯色、线性渐变和径向渐变。 颜色：设置标记的颜色。 边框颜色：设置标记边框颜色。 阴影颜色：设置标记阴影颜色。 阴影大小：设置标记阴影大小。 水平方向偏移距离：气泡图中气泡在水平方向上的偏移位置。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
该状态下日期块的背景色：设置当前状态下日期块的背景颜色。 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小：设置该状态下日期的行高大小。 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。
显示头：设置轴条的选中样式时，该参数需要设置为“显示”。 头轴条样式：设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾：设置轴条的默认样式时，该参数需要设置为“显示”。 尾轴条样式：设置尾轴条选中时的样式。“显示尾”需要设置为“显示”。 详情 上下偏移量：设置详情的上下偏移位置，单位px。
新建第一个版本 单击新建版本后的，将该版本设置为当前发布页。 图3 设置发布页 在页面版本的操作列中，您还可以执行如下操作： ：预览该版本页面。 ：编辑该版本页面。 ：删除该版本页面。当前版本页面设置为发布页后，不支持删除。 关闭页面发布设置，返回设计页面，拖入其他组件，如折线图组件，保存页面。
x。 图表背景：设置图表的背景颜色。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 热力图图形 颜色：设置图表中，图形的颜色。 热力颜色 在颜色设置中，可以更改热力颜色，也可以单击“新增颜色设置”，添加色块颜色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
