检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
后台筛选需要搭配全局变量使用，请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，
选择新建全局变量 “变量”设置为“seriesName”，“变量说明”设置为“系列名称”，单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面，“赋值到变量”选择5.g中新建的变量， 单击“确定”。 图6 选择seriesName变量 新增响应动作“页面跳转”，设置跳转页面。
l”。 图7 新建汇合转换器 图8 通过左连接实现数据汇总 转换器：新建转换器的名称，本示例中设置为“汇合”。 目录：选择转换器的存放目录，本示例选择预置分类。 转换器内容：按需进行设置，本示例转换器内容如下，即将“多数据流1”和“多数据流2”中的数据进行汇总。 const [a
ents中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。
a，“pg_index”为数据库中的表。 自定义SQL语句时，通过输入“$”，可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图3。 图3 设置表达式 刷新数据：单击该按钮，可预览查询出的数据。 单击“保存”，完成DWS数据集的创建。 在组件中使用数据集
如果某个线ID设置了多个颜色，最下面设置的颜色优先级最高。 线颜色：设置线的颜色。“显示类型”设置为“单色”时，才显示该配置项。 颜色设置：根据实际需求，设置线ID的颜色。“显示类型”设置为“分类显示”时，才显示该配置项。 线宽类型：设置线宽度的类型，支持统一宽度和分类宽度。 线宽度：指定
显示名称：自定义图表中系列的显示名称。 标记图形：设置标记的图形样式，如圆形、矩形、三角形等。 颜色设置：设置标记颜色样式，支持纯色、线性渐变和径向渐变。 颜色：设置标记的颜色。 边框颜色：设置标记边框颜色。 阴影颜色：设置标记阴影颜色。 阴影大小：设置标记阴影大小。 水平方向偏移距离：气泡图中气泡在水平方向上的偏移位置。
单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 设置访问限制。 如果是新建项目，需要为发布链接设置访问限制，即“分享码访问”或“Token认证”必须设置其中一个，否则链接在运行态无法正常访问。本入门中，以设置分享码为例进行介绍。 图14 分享码设置 分享码设置：设置页面分享码后，只能通过分享码来访问页面，提高安全性。
该状态下日期块的背景色：设置当前状态下日期块的背景颜色。 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小：设置该状态下日期的行高大小。 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值，使用方式参考如下： /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值，使用方式参考如下：
在配置中，设置组件的全局样式、表头设置、行、序列号等。 图4 基础表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前页显示多少行数据。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。
素（卡片背景、特效、卡片边框）和视频元素构成。 图3 视频流卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 图11 图例字符设置效果 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图6 高级表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：设置当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图7 区域图图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。 数据标签最大值/最小值/平均值：设置数据标签的最大值、最小值或平均值。
显示名称：自定义图表中系列的显示名称。 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置图形中折线的宽度。 折线颜色：设置折线颜色，支持单色和渐变色。如果开启了阈值线，渐变会随着阈值线值变化。 折线不透明度：设置折线的不同透明度。 拐点尺寸：设置拐点尺寸。 拐点颜色：设置拐点显示的颜色。 拐点不透明度：设置拐点不透明度。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
