检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置瀑布柱图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置瀑布柱图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置双向柱图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置双向柱图组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
颜色：轮廓颜色样式设置，支持单色、渐变色。 数据 在数据中，设置矩形水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置矩形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置指标数值的字体、大小和颜色。 数据 在数据中，配置基本饼图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置基本饼图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置基本折线图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置渐变色饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置渐变色饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置玫瑰花饼图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置玫瑰花饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
到期望位置后保存，组件的相应配置项会跟随更改。 图12 地图中心经度/纬度发生变化 交互 在交互中，配置地图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 地图
图标位置：设置图标的显示位置，如进度条上方、进度条下方。 数据 在数据中，设置图标进度条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图标进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置圆角矩形水位图组件的数据来源，更多介绍请参见数据接入 交互 在交互中，配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置水滴水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置水滴水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置区域图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置钻石水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置多折线图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
{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
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置三角形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
将鼠标悬浮在日期选择器上，组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后，可以通过AstroCanvas提供的API来操作组件，如显示/隐藏组件。关于API的详细介绍，请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}
eventConfig 字段介绍 eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
