检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。 getConnectorInstanceByName
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst
选中水平基本柱图组件，单击组件上方的，“参考模板”为“蓝色渐变不排序”，并设置组件标题为“告警处理情况统计”。 图4 选择蓝色渐变不排序模板 图5 配置标题 选中水平基本柱图组件，单击组件上方的，打开“水平堆叠”开关，并将所有数据系列中的“数据标签”设置为“上”。 图6 打开水平堆叠开关
多区域折线图 多区域折线图是线状图的一种，通过不同数据区域的对比，可对数据的变化做出更直观的展现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多区域折线图”组件至画布空白区域，如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水滴水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
转换器创建后，通过关注功能，可集中管理已创建的转换器。 关注转换器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“转换器 > 全部”。 在转换器管理页面，将鼠标放在待关注的转换器上，单击。 操作完成后，在“转换器 > 我关注的”页面中，可查看到已关注的转换器。
请求方法：请根据接口类型，选择请求方法。 请求参数 Query：请求的参数，通常指的是URL中“?”后的附加参数。 Header：Header中需要的参数，支持“字符串”和“表达式”两种。“字段类型”设置为“表达式”时，单击“默认值”，可将5中鉴权信息中返回的参数赋值给连接器的请求参数。 Body：当请求类型为P
安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图4。 图4 将大屏嵌入本地的file中 登录第三方系统，在Elements中，增加“<iframe src="URL"
卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：是否显示组件的标题（如图3中的关键事件）。设置为“显示”时，可自定义标题的如下属性。 内容：组件标题显示的文字内容。 字体：设置组件标题的字体样式、大小和颜色等。 对齐：标题相对于组件的对齐方式，如左对齐、居中和右对齐。
图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小。 左间距：图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距：图例到柱图组件顶部距离占组件高度。 翻页按钮：翻页按钮的颜色。 翻页按钮不激活：翻页按钮不激活时的颜色。 自定义图例显示：是否开启自定
”为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 瀑布柱图图形 颜色：设置图表中，图形的颜色。 统一配置 光圈标记：是否开启光圈标记。 数据排序：是否开启数据排序。
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：设置图表的背景颜色。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
新建工作空间 每一个工作空间，都对应一个新的AstroCanvas。在AstroCanvas中，通过创建工作空间，可实现对租户下的资源进行隔离与授权。 使用约束 只有租户管理员（实例创建者），才能执行创建工作空间的操作。 新建工作空间 租户管理员参考登录AstroCanvas界面
vas实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐，请根据需要选择按月购买或按年购买。如果您的账号未购买过Astr
图层透明度：设置图层的透明度。 图层样式 颜色设置：设置图层的颜色，单击“新增颜色设置”，可添加新的颜色。 最大值：热力值的最大值，默认为数据中的最大值，也可以自定义设置，会控制热力的最热区域的显示效果。 最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。
设置新建变量的参数，单击“确定”。 图1 添加变量 变量：输入新建项目变量的名称，只能由字母、数字组成，且必须以字母开头。 默认值：新建项目变量的默认取值。 变量说明：新建项目变量的说明信息，可以是变量的含义或用途等。 作用域：选择项目变量作用的页面，可以是项目中的所有页面也可以是某一个或多个页面。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
数据标记柱图是柱状图的一种，通过柱形图的形式展现数据的整体表现，额外的数据标注更直观的展现数据的大小。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“数据标记柱图”组件至画布空白区域，如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
