检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新
面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移 发布项目 安装项目
符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 数据库类型:数据库支持的类型,按需选择。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。 架构名称:MS SQL Server数据库的架构名称。当“数据库类型”配置为“MS SQL Server”时,该参数才会显示。
进行用户身份验证。 用户名:“基本身份认证”鉴权中的用户名部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 密码:“基本身份认证”鉴权中的密码部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 描述:新建数据源的描述信息,长度不能超过128个字符。
虚线。 折线不透明度:设置折线的不透明度。 折线颜色:设置折线颜色。 区域填充不透明度:设置区域填充的不透明度。 区域填充颜色:设置区域填充颜色。 数据标签:是否显示标签。设置为显示时,支持设置标签的字体、颜色和大小等。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。
Condition 方法 API接口的HTTP方法。 GET:请求服务器返回指定资源。 PUT:请求服务器更新指定资源。 POST:请求服务器新增资源或执行特殊操作。 DELETE:请求服务器删除指定资源。 PATCH:请求服务器更新资源的部分内容。当资源不存在时,PATCH可能会去创建一个新的资源。
示头”需要设置为“显示”。 图6 轴条选中样式 轴条粗细:设置轴条的粗细。 显示头:设置轴条的选中样式时,该参数需要设置为“显示”。 头轴条样式:设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾:设置轴条的默认样式时,该参数需要设置为“显示”。 尾
圆角:设置矩形的边框圆角,设置为0时为直角,设置为100时显示为圆形。“特殊样式”设置为“颜色”,且选择“矩形”时,才显示该参数。 背景色:设置特殊样式的背景颜色,支持设置为圆形和矩形。“特殊样式”设置为“颜色”时,才显示该参数。 条件格式:单击“新增条件格式”,可设置条件和响
其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按
地图中心经度:设置地图中心点的经度。 地图中心纬度:设置地图的中心点的纬度。 地图缩放级别:设置地图的缩放层级,最小级别为4,最大级别为19。 地图样式:设置地图基本样式模板。 热力图层配置 显示热力图层:是否显示热力图层。 数据标题:设置热力图层的数据标题。 显示类型 :设置热力图层显示类型,如均分显示或区间部分。
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下,设置后效果如图1所示。 { type: 'textarea', name: 'commProps.myTextarea', value:
x。 图表背景:设置图表的背景颜色。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 热力图图形 颜色:设置图表中,图形的颜色。 热力颜色 在颜色设置中,可以更改热力颜色,也可以单击“新增颜色设置”,添加色块颜色。
数字字体:设置数字的字体、大小和颜色等。 前缀:设置数字的前缀。 图6 设置数字前缀 字体大小:设置数字前缀的字体大小。 后缀:设置数字的后缀,如%。 字体大小:设置数字后缀的字体大小。 趋势图标:设置趋势的图标,可以自定义,也可以使用默认。 图标宽:设置趋势图标的宽度。 图标高:设置趋势图标的高度。 次要
”,单击“新建”。 在页面上方单击,新建并设置页面级全局变量。 新增全局变量“status”,设置默认值为“1”,设置变量说明为“告警服务状态码,1为待派单,2是已派单,3是处理中,4是已关闭”。 图5 设置页面变量 在页面中拖入并设置下拉选择框组件。 从左侧全部组件中,搜索并拖拽“下拉选择框”组件到页面画布中。
基本漏斗图卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片的边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
题、图表、卡片背景、卡片边框)和图表元素构成。 图3 步骤条卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
问号大小:设置问号的大小。 问号颜色:设置问号的背景颜色。 气泡位置:设置提示气泡的显示位置,如右上方、正上方。 提示背景:设置提示气泡的背景颜色。 新增条件格式:单击“新增条件格式”,可设置条件和响应数据列的样式。如何新增条件格式,请参见新增条件格式。 数据 在数据中,设置文本编辑