检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
例如，新建三个页面（页面一、页面二和页面三），向页面一（默认主页）中拖入玫瑰花饼图和基本饼图，向页面二中拖入多区域折线图并发布，向页面三中拖入基本柱图并发布。 参考创建大屏&PC端项目中操作，新建一个大屏项目，如页面间交互。
图1 新增全局变量 从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置流程选择“静态数据”，并添加url参数，对应数据项的数据详情页面URL，单击“保存”。 图2 配置流程 在组件上方单击，配置组件交互事件。
全屏模式显示效果最佳（快捷键F11），否则部分区域可能有滚动条或显示不全。 父主题： 发布及安装项目
在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入AstroZero服务控制台。 在主页中，单击“进入首页”，进入AstroZero应用开发页面。
新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域。 开启后台分页功能。 图1 开启后台分页 新建全局变量。 后台分页需要搭配全局变量使用，请创建pageSize、offset两个变量（变量名称可自定义），并为变量添加默认值。
return true; } return filterObj[key].includes(item[key]); }) }) return data; 新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域
sortField].localeCompare(b[sortField]) : a[sortField] - b[sortField]; }); } } return data 新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域
registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
图8 AstroCanvas入口 方式二：从运行环境登录AstroCanvas界面 运行环境是指应用正式发布上线的真实环境，默认域名为“appcuberun.cn-north-4.huaweicloud.com”。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。
步骤一：注册账号并实名认证 使用AstroCanvas前，需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号，可直接跳过如下操作，但需要确保账号有足够的金额。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。
初识开发页面：AstroCanvas一站式数据可视化开发页面，由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成。在开发页面前，建议先了解其功能。 使用空白画布新建页面：通过拖拽组件、设置页面布局、组件数据和交互方式等，构建可视化页面。
进入AstroCanvas界面，从大屏开发页面的“全部组件 > 自定义组件 > 其它”中，拖入widgetdemomintui组件到设计区域，调整组件大小，单击，预览效果。 图4 拖入自定义组件 父主题： AstroCanvas学堂
单击或拖拽所需的桥接器到指定区域，设置桥接器信息，单击“保存”。 图1 上传桥接器 复制桥接器到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的桥接器”。
name: 'seriesName', desc: { zh_CN: '系列名', en_US: 'Series Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中，注册的事件
init 组件初始化入口API，以SelectWidgetTemplate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init() { this.
注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget.editor.js中定义事件 eventConfig: { sendSelect
$destroy(); }, /** * * @returns 初始化组件message-en,message-zh的多语言信息，统一注册到独立的i18nVue实例中。
Studio.registerAction：用来注册动作。只有通过此API注册后的事件才会在组件的动作列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册动作。 actionName：动作名称。
注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。
使用机器码生成新的测试Key时，需要先删除失效的Key，再重新注册。因为一个机器码只能注册一个Key。 在浏览器中，输入AstroCanvas服务所在服务器的IP地址和端⼝，可正常进入AstroCanvas界面，说明已部署成功。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
