检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
例如，在如何基于页面级的全局变量实现组件交互开发的页面中，在“多区域折线图”组件上方单击，配置组件交互事件。参考图1，单击“+交互事件”，选择“点击”事件，单击“+响应动作”，选择“页面跳转”，跳转到内部其他页面，打开“设置页面参数”开关，设置参数。 配置效果：在发布后的页面中，单击“多区域折线图”组件，会跳转到
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
据集，以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面，支持配置页面屏幕大小、适应方式、背景颜色或背景图片等，更多介绍请参见如何进行设置页面。 图2 页面设置 全局变量设置
在左侧全部组件中，拖拽“水平基本柱图”到页面开发操作区域，即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件，单击组件上方的，配置数据源，完成后单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{
页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，对下拉选择框和下拉弹出框进行设置。 图4 配置 下拉选择框设置 开启多选：开启后，支持自定义默认选项。 默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。
图11 查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图12 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图13。如果简
即单击“取消当前主题卡片装饰”）。 配置文本编辑组件。 选中上方文本编辑组件，单击上方，设置文本内容为“人员来访统计”，字体设置为“60”。 图7 设置文本编辑标题 在段落设置中，设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本
上时，才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的背景色、表格行数、表头和单元格等。 图5 配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。
看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对数据源进行集中管理，将数据源配置简化，降低技术门槛，让业务人员可快速完成配置。AstroCanvas当前支持如下几种类型的数据集，其与数据源、转换器和目录之间的关系，如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板，包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板，包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置
s界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“关系型数据库”，配置数据源参数。 图1 新建关系型数据库数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
多种数据接入能力，在大屏资产中心里，可保存多种卡片，快速进行业务调整，随心所选 、高效复用。 同一租户下可配置组织划分，可以根据群体权限隔离，支持独立空间管理大屏。 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。
右边距：进度条到组件边框右侧的距离。 下边距：进度条到组件边框底部的距离。 左边距：进度条到组件边框左侧的距离。 配置 在配置中，设置组件的模板、是否显示标题等。 图6 配置 参考模板：系统预置的进度条模板，单击默认或参考配色模板可进行切换。 组件标题 设置标题：是否显示组件标题。 内容：设置标题内容。
参考模板：系统预置的组件样式模板，如默认、带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。开启轮播效果后，轮播时间间隔不能超过24秒。 图4 配置 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选
到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件是否显示标题、图例等。 图4 配置 漏斗图设置 显示标题：是否显示组件标题。打开该开关后，可设置标题颜色、标题内容、标题位置。 背景颜色：设置组件的背景颜色。
AK(Access Key ID)：配置为访问密钥对中“Access Key ID”对应的值，请参考获取AK/SK中操作，获取AK（Access Key ID）、SK（Secret Access Key），即访问密钥对。 SK(Secret Access Key)：配置为访问密钥对中“Secret
铺满整个组件。 图表背景：设置图表的背景颜色。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 配置 在配置中，设置组件模板和组件标题。 图4 配置 选择模板：选择雷达图模板，支持多组单数据模板和单组多数据模板。 组件标题 设置标题：是否显示组件标题。 内容：设置标题内容。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
