检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
华为云Astro大屏应用开发中，可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中，可通过“页面跳转”响应动作传递页面参数。当跳转页面时，当前页面参数会传入到打开的页面中，支持自定义传参为固定值，也可绑定页面级全局变量。 例如，在如何基于页面级的全局变量实
根据图标图片的数量，会将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的图标，区域范围外的图标将不显示。 图片宽度：设置图片的宽度。 图片高度：设置图片的高度。 上下偏移：设置图标根据点经纬度的上下偏移。
界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的桥接器”。 在我的桥接器中，单击“添加桥接器”。 单击“+”或拖拽所需的桥接器到指定区域，设置桥接器信息，单击“保存”。 图1 上传桥接器 复制桥接器到其他工作空间 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
labelWidth: 20, }] list中每一项含有的基础配置项。 基础配置项中可以通过加入width调整一行中的占比，例如3个options的width是20,30,30，三个配置项就会出现在一行。如果width是20,30,70，前两个会在一行，第三个占第二行的70%。 如果不加入widt
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 雷达图图形 颜色：设置图表中，图形的颜色。 统一配置 标记图形：设置标记的图形，如圆形、矩形等。 标记大小：设置标记的大小。 折线宽度：设置折线的宽度。 折线类型：设置折线类型，如实线、虚线等。
前环境的对应租户下使用。 将页面发布为全局模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为全局模板的页面。 单击“编辑页面”，进入大屏开发页面。 在大屏开发页面，单击，选择“发布为全局模板”。
echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst
参考使用空白画布新建页面中操作，新建大屏空白页面。 在大屏开发页面，单击，新建全局变量，如hotSelect。 图3 新建全局变量hotSelect 在画布中，拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。
操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。 在页面中，拖入一个日期选择器组件到画布中。
图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 实心圆饼图图形 颜色：设置图表中，图形的颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。
Astro大屏应用界面。 在页面编辑模式下，单击右键，选择“锁定”，可锁定组件。 图1 在画布中锁定组件 您也可以在“图层”中，将鼠标悬浮在组件上，单击，锁定组件。 图2 在图层中锁定组件 解锁组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 选择“图层”，进入图层页面。
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签，需要国际化。 tip Object
位置：圆角位置。 内边距：图表与图表背景之间的距离。 图6 内边距设置后效果 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 折柱图图形 颜色：设置图表中图形的颜色。 统一配置 水平堆叠：是否堆叠显示（多数据系列效果）。
从本地导入已创建的项目包，实现离线迁移、部署项目。 约束与限制 导入项目后，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。 导入项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
见新增条件格式。 数据 在数据中，设置文本编辑组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 从数据中获取文本内容 在大屏设计页面，从“全部组件 > 文本”中，拖拽“文本编辑”组件至画布空白区域。
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：设置图表的背景颜色。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签，需要国际化。 tip Object
标题内容、内容字体、大小和颜色等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色：设置图表中，图形的颜色。 统一配置：统一配置中设置的内容，对图表中所有数据系列均生效。 数据系列：图表是否显示数据系列。
"password" 子类型，支持的类型有number、password。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
