检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
页签内容:设置当前路由页签的显示内容。 页签路由:选择当前路由页签关联的页面,只能选择已发布的页面。 默认文字:设置路由页签默认文字的字体、颜色和大小等。 默认样式:设置路由的默认样式,支持设置为颜色和自定义。 悬浮文字:设置鼠标悬浮在路由上时,页签内容的字体、大小和颜色等。 悬浮样式:
registerWidgetActionAndEvent init中抽取的独立逻辑,注册组件对外暴露的的事件和动作。 按需实现,组件定义事件和动作时使用。 getMockData 组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3
选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
我的组件 在我的组件中,管理系统预置的和自定义组件,如复制组件到其他工作空间、查看组件历史版本、删除组件等。 系统预置的组件,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义组件为例。 请购买“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”
Prometheus数据源 普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。华为云Astro大屏应用支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 新建Prometheus数据源 参考登录华为云A
widgetDescription:组件的描述信息。 authorName: :组件的作者信息。 localFileBasePath:组件本地调测路径。 i18n:指定组件的国际化资源文件(本例模板中未体现)。 requires:依赖的库名称和版本号。 width:在绝对布局高级页面中,添加该组件时的默认宽度,
筛选组件 在图层中,支持按组件名称、组件标题和组件类型进行筛选,帮助您更加高效的选择所需要的组件。 筛选组件 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 在图层中,单击,筛选组件。 图1 筛选组件 父主题: 图层管理
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
我的桥接器 在我的桥接器中,管理系统预置的和自定义的桥接器,如新建、批量删除、批量复制桥接器到其他工作空间等。系统预置的桥接器,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义桥接器为例。 新建桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
在页面数据集中调出盘古助手 从组件数据中进入盘古助手 参考使用空白画布新建页面中操作,新建一个空白页面。 在“组件”页签中,拖拽所需的组件到画布中。 选中组件,单击组件上方的,进入组件数据设置页面。 在“数据类型”中,选择数据源类型,并选择数据源。 在“数据配置”下方,单击“+”,选择“转换器”。
对齐:标题相对于组件的对齐方式,支持左对齐、右对齐和居中。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上、左、右三个边界之间的距离,下为标题与图表之间的距离,单位默认px。 图4 词云内边距 标题偏移:组件标题与词云图表之间的偏移量。 图5 词云标题偏移 背景 背景色:设置组件卡片的背景颜色。 边框:
置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。 例如,在如何基于页面级的全局变量实现组件交互开发的页面中
我的库 在我的库中,管理系统预置的和用户自定义的库,如添加库、查看库历史版本等。系统预置的库,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义库为例。 新建自定义库 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。
填充颜色:设置标签数据所处区间的对应颜色。均分显示时,区域数据从小到大,对应图层颜色由浅到深。区间显示时,区域图层颜色取决于其数据所处区间对应颜色。 数值字体:设置标签数值的字体、颜色和大小等。 数值后缀:设置标签数值的后缀,如%。 内容字体:设置标签内容的字体、颜色和大小等。 内容背景颜色:设置标签内容的背景颜色。
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
、卡片边框)和图表元素构成。 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。
单击“保存”,完成数据源的创建。 在左侧选择“数据配置”节点,在右侧配置相关参数。 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“API接口”显示为中文标签。如果接口标签未定义,则显示接口的操作名称。
化图形的提示标识。 图7 基本柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。 左间距:图例到柱图组件左侧的距离。 上间距:图例到柱图组件顶部的距离。
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
圆角半径:四边圆角时的圆角半径(取值为“0”时为直角,“100”为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平堆叠柱图图形 颜色:设置图表中图形的颜色。 统一配置