检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
逻辑。 create（必须配置）：组件内置的扩展，仅在组件首次被创建时调用一次。 registerWidget（必须配置）：注册组件的逻辑实现。 父主题： {widget}.editor.js
nvas支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接单击下载链接，获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget
页面设置 全局变量设置 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值，详情请参见如何基于页面级的全局变量实现组件交互。 全局变量中的作用次数，用于统计该全局变量被使用了多少次。 图3 设置全局变量 页面开发流程 在AstroCanvas可视化开发
标题位置(左%)：“标题获取”设置为“自定义”时，支持设置标题距离组件左边界的距离。 字体：设置标题字体、大小和颜色。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中图形的颜色。 统一配置 是否展示：是否展示词云，默认为是。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
单击下载本地部署包图标 在弹出的页面，勾选需要下载的页面，单击“下载本地部署包”。 可视化应用本地部署包用于在部署后的AstroCanvas运行环境中安装应用，实现项目的迁移，包名为“AstroCanvas_项目名_随机编码.zip“。 添加可视化应用。 在项目列表中，单击“导入项目包”。 选择2中下
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。
轮播：是否开启轮播效果。 间隔时间：设置图表的轮播时间间隔，不能大于24秒。 轮播顺序：设置图表的轮播顺序，支持从下往下和从下往上两种。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 图形 颜色：设置图表中，图形的颜色。 统一配置 数据块高度(%)：设置漏斗图的高度比。
提示框格式：设置提示框的格式，如“系列名称 数值 数据项名称”和“系列名称 数据项名称 数值”。 图5 设置后效果 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 表盘设置：展开或收起表盘，设置为展开时，需设置如下参数。
即铺满整个组件。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：设置图表的背景颜色。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中，图形的颜色。 热力颜色
转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 碑节点样式 里程碑样式：设置里程碑的样式，可以使用预置样式，也可以使用图片。
新建一个项目 项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面，详情请参见创建项目。 导入项目包 从本地导入已创建的项目包，实现离线迁移、部署项目，详情请参见导入项目。 添加项目分组 支持新建分组，用于集中管理项目。 试试从模板开始 展示系统推荐的模板，可以直接基于推荐的模板快速创建大屏页面。
图7，单击组件上方图标，单击“+ 新增条件格式”，设置条件和响应数据列的样式。 图6 预置数据 图7 新增条件格式 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图8 图形 统一配置 表头行高占比(%)：设置表头的行高占比。
背景色：设置标题背景颜色。 字体：设置标题字体、大小和颜色等。 轮播：是否开启轮播效果。开启后，支持设置轮播时间间隔（不能大于24秒）。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 图形 颜色：设置图表中，图形的颜色。 统一配置
为正常颜色。 树状表格的条件格式，只有在关联关系以及响应数据列是单行文本和数字类型时才会生效。 图6 新增条件格式 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 统一配置 图标选中色：设置选中前台排序、前台筛选时，图标的显示颜色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
