检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
静态数据 选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。华为云Astro大屏应用已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。
工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额,单击“确定”。 例如,输入页面数为10,表示在工作空间A中,最多支持创建10个大屏页面。其中,40个表示可分配的页面数,70个为租户页面的总配额。
数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。
边框聚焦颜色:鼠标选中下拉框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在下拉框上时,边框的颜色。 占位符:没有输入内容时,展示的文字内容。 是否禁用:是否禁用该下拉框,禁用后,用户不可选择内容。 是否可输入:禁用后,只能在下拉框中选择,无法输入查找。 下拉弹出框设置 最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。
数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。
数据系列:数据系列是一个数组,通常包含多个系列,即通过一个或多个系列配置循环渲染。 图11 数据系列 在数据系列中,拖动某一个系列可以和其他系列组成一个层级,最多支持3层。 图12 新建层级 原数据名:原始数据中默认的系列名称,可通过设置“列名”,进行修改。文字内容来源于数据模型的取值,如组件名称、时延和成功率。 类
代码优化 参考新建转换器中操作,新建一个转换器。 在“测试数据”中,选择所需的数据源。 在“function filter(dataset)”中,输入转换器的数据处理代码。 在页面右下方单击,进入盘古助手。 在盘古助手中,单击“快捷指令”,选择“代码优化”。 图1 选择代码优化 盘古助手会对当前转换器中的代码进行优化。
editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关
打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 父主题: 页面管理
在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 自定义组件动作时,通过输入关键词,可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表示,触发当前事件后,会隐藏组件widget16
至少包含一个数字(0-9)。 至少包含一个特殊字符(~!@#$%^&*()_=+\|[]{};:'",<.>/?-) 设置完成后,访问页面时,需要输入分享码,才能正常进入页面。 图4 输入分享码 父主题: 页面管理
数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。
前缀:是否显示前缀,设置为“显示”时,支持设置如下属性。 前缀内容:输入前缀的内容。 前缀字体:设置前缀的字体、大小和颜色等。 右间距:设置前缀和数值之间的间距。 后缀:是否显示后缀,设置为“显示”时,支持设置如下属性。 后缀内容:输入后缀的内容。 后缀字体:设置后缀的字体、大小和颜色等。 左间距:设置后缀和数值之间的间距。
数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,如单色或渐变色,支持自定义柱状条的颜色。 定制最大柱条:
数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,如单色或渐变色,支持自定义柱状条的颜色。 定制最大柱条:
EG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 标题设置 是否展示:是否显示组件标题。 标题内容:输入标题内容。 标题行高度:设置标题的行高,单位px。
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集中的,选择“复制”,即可完成数据集的复制。 数据集较多时,可直接搜索待复制数据集的名称,也可以按照数据集类型和状态进行筛选。 父主题: 数据集管理
数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,如单色或渐变色,支持自定义柱状条的颜色。 定制最大柱条:
数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度,取值范围0~100。
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,按照组件分类,查找到对应组件。 您也可以在搜索框中,输入所需的组件(如图1),或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键,将目标组件拖拽到画布中。 图3 拖拽文本编辑组件到画布中