检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
提示框格式：设置提示框的格式，如“系列名称 数值 数据项名称”和“系列名称 数据项名称 数值”。 图5 设置后效果 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 表盘设置：展开或收起表盘，设置为展开时，需设置如下参数。
展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 碑节点样式 里程碑样式：设置里程碑的样式，可以使用预置样式，也可以使用图片。
码来自echarts官网的demo代码，例如https://echarts.apache.org/examples/zh/editor.html?c=line-simple。如果这些demo不满足您的需求，还可以在echarts开源社区选择合适的demo。 在实例化代码块中，还可
ales列满足设置的条件（大于19000）时，id列显示为红色，否则显示为正常颜色。 图5 新增条件格式 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 统一配置 对齐方式：设置组件的对齐方式，如水平居中、居左和居右。
帮助文档：https://support.huaweicloud.com/usermanualcanvas-astrozero/astrozero_05_7025.html * 可以直接使用的参数 * eventParam: 组件传递出的参数 * data: 交互动作信息对象 * $pageStore:
SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义，获取转义后的字符串供页面显示用，使用方式参考如下： /*
zh_CN: "背景色", en_US: "Background Color" }, helpLink: "https://***.html", childItems: [ { type: "colorpicker",
组件的样式文件，在该文件中编写组件的CSS样式。 EchartsWidgetTemplate.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件。 widegtApi name：组件的名称。 widget
双击放大：设置地图是否支持双击放大。“缩放”设置为“开启”时，才显示该配置项。 旋转：设置地图是否支持旋转。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图8 图形 统一配置 显示范围：统一设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
其他数据源 配置组件数据时，支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前，需要提前在数据中心创建各种类型数据源，配置
Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于域名分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。
文本 词云 时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 父主题： 组件介绍
使用AstroCanvas开发人员来访统计大屏页面 场景描述 人员来访统计大屏用于展示园区中人员相关信息，例如人员类型，人员流量及在园人数等。大屏页面构想，如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成，组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
产品规格差异 AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐，各套餐的功能说明如表1所示，具体计费详情请参见AstroCanvas产品价格详情。 Astro大屏应用基础版：基于平台预置模板、基础组件，可快速开发专业水准的大屏。
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
Studio对象预置API一览表 表1 Studio对象预置API一览表 API API说明 registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
