检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
dget，通常开发过程是选择系统预置的Widget模板下载到本地，本地开发好后再上传到组件库中，详情请参见自定义组件说明和自定义组件开发规范。 在AstroCanvas界面“我的资产 > 我的组件”中，将自定义组件上传到组件库中时，“场景”请选择“大屏&PC端”、“移动端”。设置后，该组件才可在页面中展示。
下载第三方脚本到本地PC机，新建文件packageinfo.json，并在文件中写入如下内容： { "js": [ { "name": "d3js.org_d3.v4.min" } ] } 将脚本d3js.org_d3
移动页面 通过移动页面，将页面移动到其他文件夹中，便于页面集中管理。 移动页面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上，单击“...”，选择“移动”。 选择目标文件夹，单击“确定”。
”。 图2 输入静态数据 将鼠标放在某个列上，单击“...”，可对该列进行编辑、删除、复制、左侧插入列和右侧插入列。 图3 编辑该列 导入Excel或CSV 单击“新增静态数据”，将本地的Excel或CSV文件（文件大小不能超过100KB）拖入“上传文件”中，单击“保存”。 单击“保存”，完成数据集的创建。
添加组件 在AstroCanvas中，组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用，同时支持自定义组件并上传到AstroCanvas中使用。 添加组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，按照组件分类，查找到对应组件。
MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。
选择EchartsWidgetTemplate模板 单击“下载”，将EchartsWidgetTemplate组件模板包下载到本地。 解压已下载的组件模板包，认识组件结构。 表2 组件文件结构 文件名 文件说明 EchartsWidgetTemplate.js 组件逻辑文件，整个Widget的渲染核心JS，在
中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget.editor.js中定义事件 eventConfig:
此时需要一层映射，例如将name映射到x上，将ranking映射到y上，将series映射到s上。但是每次这个映射都不固定，需要交给用户自行配置，所以提出了映射的概念，即mapping。 图2 映射 由用户自己决定将什么字段拖拽映射到什么字段。例如，将name字段映射到了“选项
对项目进行设置。 创建文件夹 项目创建后，支持在项目中创建文件夹，用于集中管理页面。 在“移动端项目”页面，单击“所有页面”后的“...”，选择“新建文件夹”。 图3 新建文件夹 在创建文件夹页面，输入文件夹标题，单击“确定”，即可在项目中创建文件夹。 文件夹标题的长度不能超过6
目进行设置。 新建文件夹 项目创建后，支持在项目中新建文件夹，用于集中管理页面。 在“大屏&PC端项目”页面，单击“所有页面”后的“...”，选择“新建文件夹”。 图3 新建文件夹 在创建文件夹页面，输入文件夹标题，单击“确定”，即可在项目中创建文件夹。 文件夹标题的长度不能超过
配置项总览 本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“组件”。 单击“本地调试设置”，进行本地调试设置。 在本地开发组件后，频繁地打包组件包上传至公共环境再查看页面显示效果，是一件效率极低的事情。通过该配置，可打通本地环境与公共环境，实现实时在线调测组件。 单击“检查更新”，检查组件
登录华为云管理控制台。 将鼠标移动到右上角用户名上，在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中，获取“项目”的值。 项目ID：DLI服务所在的区域的项目ID，获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上，在下拉列表中单击“我的凭证”。
在左侧导航栏中，单击“我的素材”。 将鼠标放在对应的素材上，单击。 图6 查看素材详情 在素材详情页面，查看素材名称、大小、文件尺寸和上传时间。 删除素材 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 将鼠标放在待删除的素材上，单击。
界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”，从本地上传图片作为项目的封面。建议使用596*328尺寸的图片。
Condition 方法 API接口的HTTP方法。 GET：请求服务器返回指定资源。 PUT：请求服务器更新指定资源。 POST：请求服务器新增资源或执行特殊操作。 DELETE：请求服务器删除指定资源。 PATCH：请求服务器更新资源的部分内容。当资源不存在时，PATCH可能会去创建一个新的资源。
进入业务大屏界面。 图1 单击业务大屏 单击待导出项目上的，进入项目发布页面。 将鼠标放在对应的版本上，单击。 图2 单击下载图标 在前端运行包下载页面，运行容器选择“Astro Canvas”，单击“下载”，将项目下载到本地。 图3 导出项目 在已购买的AstroCanvas中，导入项目。
应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作
在AstroCanvas服务控制台，单击实例中的“进入首页”，进入AstroCanvas界面。 在页面右上角，单击“账号名”，选择“本地部署”。 图1 选择本地部署 在本地部署信息中，单击“版本列表”，下载AstroCanvas运行环境部署包。 图2 下载新版本的运行环境部署包 进入旧版本的
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
