检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
B)拖入“上传文件”中,单击“保存”。 单击“保存”,完成数据集的创建。 在数据集管理列表中,可查看到已创建的数据集。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图4 拖拽基本柱图到画布中 选中该组件,单击组件上方的,进入组件数据页面。
在左侧导航栏上方,单击,选择服务实例所在的区域项目。 单击,在查找框中搜索“Astro轻应用”,单击查找到的结果,进入AstroZero服务控制台。 在主页中,单击“进入首页”,进入AstroZero应用开发页面。 单击主页中的“业务大屏”,或者左侧导航栏中的“业务大屏”,进入业务大屏界面。 图1 单击业务大屏
您也可以将“联合方式”设置为“连接”,通过连接实现数据的汇总,如图8。 左连接:返回左表中的所有行,如果左表中的行在右表中没有匹配的行,则结果中右表中的列返回“null”。 右连接:与左连接相反,返回右表中的所有行,如果右表中的行在左表中没有匹配的行,则结果中左表中的列返回“null”。 内连接:取两个表的交集,两张表都有的才能显示出来。
样式。如何新增条件格式,请参见新增条件格式。 数据 在数据中,设置文本编辑组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 从数据中获取文本内容 在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域。
略和换行。 文字对齐方式:设置文本对齐方式,支持左对齐、居中和右对齐。 系列名:标签是否显示系列名,对应静态数据中的“label”字段。 系列名字体:设置系列名的字体、大小和颜色等。 数值:标签是否显示数值,对应静态数据中的“value”字段。 数值字体:设置数值的字体、大小和颜色等。
见数据中心。 不是所有的组件都支持数据源设置,组件开发时的属性配置代码中添加“dataSetting”相关配置时,才支持数据源设置。例如“基本柱图”组件的“BarChart_Widget.editor.js”中定义代码如下: propertiesConfig: [ { config:
指标 指标是一种文本组件,用于在可视化页面中显示指标数据。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“指标”组件至画布空白区域,如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
在桥接器列表中,可查看到已上传的桥接器。 使用自定义桥接器 参考创建大屏&PC端项目中操作,创建一个项目。 项目创建后,参考使用空白画布新建页面中操作,新建一个空白页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件,单击组件上方的,进入数据设置页面。
置5颗星中不显示星星的颜色。 选中颜色:“显示方式”设置为“评星”时显示该参数,设置5颗星中显示星星的颜色。 半星:“显示方式”设置为“评星”时显示该参数,设置是否显示半星。 图7 半星评分 数据 在数据中,配置里程碑的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置里程
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离
标题 标题是文本组件的一种,用于展示大屏的各类标题,可展现大、中、小等类型的标题,并可通过拼搭进行组合使用。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“标题”组件至画布空白区域,如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离
为0,即铺满整个组件。 配置 在配置中,设置翻牌器组件的样式和动画。 图4 配置 样式设置 字体:设置翻牌器字体、大小和颜色等。 数字背景:翻牌器中数字是否显示背景。“动画类型”设置为“翻牌类型”时,不支持隐藏背景。 数字背景颜色:设置翻牌器中数字的背景颜色。“数字背景”设置为“显示”时,才会显示该参数。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离
系列名是否展示:标签中系列名是否显示,如工程管理。 数据值是否展示:标签中数据值是否显示,如工程管理对应的数据值635。 百分比是否展示:标签中百分比是否显示,如工程管理对应的百分比67.2%。 高亮标签字体:设置标签内容的字体、颜色和大小等。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离