检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置水滴水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置水滴水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置区域图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
{widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。 父主题： 代码结构介绍
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置三角形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件，用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。
i18n.json 文件介绍 i18n.json为组件的国际化资源文件，用于配置多语言，目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n":
propertiesConfig 字段介绍 propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下
eventConfig 字段介绍 eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下：
classfication 字段介绍 classfication字段代表的是当前组件需要展示哪些大的配置项分类。华为云Astro大屏应用在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。
None 服务介绍 华为云Astro大屏应用服务视频 介绍什么是Astro大屏应用 09:18 低码轻松实现数据可视化，帮助企业把数数清楚 新手入门 华为云Astro大屏应用服务视频 介绍AstroCanvas界面各个功能菜单 05:43 入门指引 华为云Astro轻应用服务视频
入门实践 当您购买了华为云Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践，帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本
各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中，可以查看到各种类型的组件（包括预置组件和自定义组件），将组件拖拽到画布中进行配置，完成可视化应用项目的开发。更多关于组件的介绍，请参见组件介绍。 2 图层
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
提升转换器的易用性。 在盘古助手中，您可以通过直接提问来获取转换器，也可以通过快捷指令来获取对应的转换器。本章节以快捷指令中内容为例，向您介绍如何使用盘古助手。 代码优化 参考新建转换器中操作，新建一个转换器。 在“测试数据”中，选择所需的数据源。 在“function filt
华为云Astro大屏应用盘古助手 什么是盘古助手 进入盘古助手 使用盘古助手
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
