检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。 数据 在数据中，设置树状下拉框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
显示状态：是否显示状态。设置为显示时，支持设置默认/选中/高亮状态字体的颜色、大小等。 数据 在数据中，配置里程碑的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置里程碑组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面，具备如下优势。 大屏资产数据服务对接，轻松接入，高效复用 功能介绍 多种数据接入能力，在大屏资产中心中可保存为多种卡片，快速进行业务调整，随心所选 、高效复用。 特性优势 丰富的数据源：预置10+数据源 。 数据
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置水位图组件的数据来源，更多介绍请参见数据接入 交互 在交互中，配置水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
力。交互设置更多介绍，请参见交互设置。与其他组件不同的是，echarts组件作为触发器的事件和作为响应器的动作时，可以在自定义事件和自定义动作中设置。更多介绍，请参见echarts组件自定义事件交互设置和echarts组件自定义动作交互设置。 父主题： 组件介绍
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本
参考线。单击对应参考线后的，可删除参考线。 数据 在数据中，设置进度条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置箭头水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置箭头水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
基本概念 工作空间 每一个工作空间，都对应一个新的AstroCanvas。通过创建工作空间，可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 组件 组件（即Widg
和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置满月饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置满月饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置圆角矩形水位图组件的数据来源，更多介绍请参见数据接入 交互 在交互中，配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置折柱图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置折柱图组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置区域图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置钻石水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
String[] {timestamp}); String signature = getSignature(uri, parameterMap, token); String inputUrl = cusUrl + "&" + "_dmax_time=" + timestamp;
颜色：轮廓颜色样式设置，支持单色、渐变色。 数据 在数据中，设置矩形水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置矩形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色，可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据，帮助城市管理者及时监测城市运行状况，进行智慧决策，提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产
产品规格差异 AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐，各套餐的功能说明如表1所示，具体计费详情请参见AstroCanvas产品价格详情。 Astro大屏应用基础版：基于平台预置模板、基础组件，可快速开发专业水准的大屏。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
