检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击“新建项目”。 在新建项目页面,选择“大屏&PC端”,输入项目名称,单击“新建”。
高德地图 高德地图是地图组件的一种,支持底图、样式、2D、3D模式、图标和飞线等动态配置,用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面,从“地图”中,拖拽“高德地图”组件至画布空白区域,如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
描边:轮播饼图间系列和整体范围的描边样式。 图7 设置描边效果 设置背景:设置为“是”时,可自定义饼图的背景颜色。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。
数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 圆心角:设置为相同时,每块扇区的圆心角相同,通过扇区的面积大小体现比例大小。设置为不同时,圆心角和面积均不相同。 内半径:设置饼图内半径的值,单位%。 外半径:设置饼图外半径的值,单位%。
静态数据 操作场景 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
此参数。 颜色2:自定义渐变颜色2。“渐变类型”设置为“线性渐变”或“径向渐变”时,才需要设置此参数。 CSS background属性:通过CSS样式语言,来定义背景颜色。“渐变类型”设置为“自定义输入”时,才需要设置此参数。 阴影设置 开启阴影:是否开启阴影。 阴影方向:设置
标签文字:设置标签内容的字体、大小和颜色等。 描边:实心圆饼图间系列和整体范围的描边样式。 设置背景:设置饼图的背景。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式。
value: "123", width: 74, labelWidth: 20, }] list中每一项含有的基础配置项。 基础配置项中可以通过加入width调整一行中的占比,例如3个options的width是20,30,30,三个配置项就会出现在一行。如果width是20,30
标签文字:标签字体颜色、大小、粗细和系列设置。 描边:饼图间系列与整体范围的描边样式。 设置背景:是否设置饼图背景。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。
等。 描边:实心圆饼图间系列和整体范围描边样式。 设置背景:饼图背景颜色、内外半径设置。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。
能将会受限。AstroCanvas在到期前续费成功,AstroCanvas的运行不受影响。 如果您有订购页面扩容包,执行续费操作时,需要支付的费用为“实例套餐费用”和“扩容包费用”的总和。 续费相关的功能 包年/包月AstroCanvas续费相关的功能,如表1所示。 表1 续费相关的功能
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。
数值显示位置和数值颜色。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
当您购买了Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践,帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员来访统计大屏,
数值显示位置和数值颜色。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。
propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。
、数值颜色、前缀和后缀。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,