检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 钻石水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。
色等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 贪吃蛇饼图图形 颜色：设置组件中图表的图形颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。
例如，新建三个页面（页面一、页面二和页面三），向页面一（默认主页）中拖入玫瑰花饼图和基本饼图，向页面二中拖入多区域折线图并发布，向页面三中拖入基本柱图并发布。 参考创建大屏&PC端项目中操作，新建一个大屏项目，如页面间交互。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入玫瑰花饼图和基本饼图。
参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选项卡组件的选项卡数量，并设置选项卡名称。
筛选组件 在图层中，支持按组件名称、组件标题和组件类型进行筛选，帮助您更加高效的选择所需要的组件。 筛选组件 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 在图层中，单击，筛选组件。 图1 筛选组件 父主题： 图层管理
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst
现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。 在页面中，拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器，单击，进入交互设置页面。
图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 圆角矩形水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
字体大小：设置后缀的字体大小。 目标数据显示：是否显示目标数据。 目标数据标题：设置目标数据的标题，如当前目标。 字体：设置目标数据标题的字体、大小和颜色等。 完成数据显示：是否显示完成数据。 完成数据标题：设置完成数据的标题，如已完成。 字体：设置完成数据标题的字体、大小和颜色等。
通过视图切换功能，可将页面中的组件切换为列表或卡片样式。 列表：展示了所有组件的icon和标题，方便组件的快速查找。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 当页面中组件较多时，切换
目录名称 组件的存放目录，本示例选择“其它”。 场景 该组件包应用的场景，可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后，内容将会在组件详情页的“概况”页签下进行展示。 操作 单击操作列中的，可上传组件图标。 单击操作列中的，可删除上传的组件包。
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理
registerResizeEvent 监听必要的dom尺寸变化事件，画布resize时会触发重新绘制。 callFlowConn 根据组件配置的数据类型（数据集、桥接器、数据源和静态数据），获取数据。 beforeDestroy 组件销毁前的回调函数，组件自己实现继承。 init 组
图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 三角形水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。
widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。
图1 最终呈现效果 开发自定义组件 下载图表模板。 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 单击页面右上角的“管理”，进入华为云Astro大屏应用管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
