检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
proxy(thisObj.setInput, thisObj), [], ); 响应动作函数 以数据刷新的响应动作函数为例,向您介绍组件的响应动作函数。 /** * 数据刷新的响应动作函数示例 * 文件global_SelectWidget.js中, 与render函数平级定义
图4 将字段seriesIndex赋值给全局变量 单击“完成”,返回大屏设计页面。 在全部组件中,拖拽一个实心圆饼图到画布中。 为实心圆饼图设置数据。 选中实心圆饼图,单击。 “数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5
参考线:设置已有参考线的颜色和线型,单击“新增X轴参考线”,可新增参考线。单击对应参考线后的“x”,可删除参考线。 数据 在数据中,设置进度条组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题:
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题: 组件管理
移位置。 图形透明度:气泡图中气泡的透明度。 数据标签:显示气泡图对应的数值标签。 图表标注和标线最大值:显示对应数据系列数据的最大值。 图表标注和标线最小值:显示对应数据系列数据的最小值。 图表标注和标线平均值:显示对应数据系列数据的平均值。 图例 图例是指在多维度可视化图形表
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置箭头水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置箭头水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
下载项目 项目发布后,在项目发布的版本管理中,可下载对应版本的项目包。 约束与限制 在华为云Astro大屏应用中导出项目时,项目包中包含的数据源密码会被置空。 下载项目 在华为云Astro大屏应用界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。
项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。 图1 设置项目封面
筛选功能。 图11 在后台对数据进行筛选 数据系列:数据系列是一个数组,通常包含多个系列,即通过一个或多个系列配置循环渲染。 图12 数据系列 在数据系列中,拖动某一个系列可以和其他系列组成一个层级,最多支持3层。 图13 新建层级 原数据名:原始数据中默认的系列名称,可通过设置
字体:设置组件的字体、大小和颜色等。 评星大小:设置评星显示星星的大小号。 数据系列 原数据名:原始数据中默认的数据名,内容来源于数据模型的值。 宽度占比(%):设置列名的宽度占比。 显示方式:设置数据的显示方式,数据为图片地址时可以展示为图片。 对齐方式:设置数据的对齐方式。 字体:“显示方式”设置为“文字”
在设置组件交互动作时,可以通过选择事件参数、全局变量或固定值,明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置贪吃蛇饼图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置贪吃蛇饼图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。
后缀内容:直接在下拉框中选择。 后缀字体:设置后缀的字体、大小和颜色等。 后缀左间距:设置后缀和指标之间的间距。 数据 在数据中,设置指标组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置指标组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字体颜色:设置鼠标悬浮在某项内容上时,字体的颜色。 数据 在数据中,设置树状下拉框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
”时,才显示该配置。 下降趋势图标颜色:设置下降趋势图标的颜色。“趋势图标”设置为“默认”时,才显示该配置。 数据 在数据中,设置趋势组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置趋势与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置圆角矩形水位图组件的数据来源,更多介绍请参见数据接入 交互 在交互中,配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
如果安装的是安全云脑类大屏,进入大屏页面后,您还需要根据实际情况设置全局变量和数据源等信息,如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目
签字体、背景颜色、内边距等。 轴线分段颜色:单击“轴线分段颜色”,可新增分段,支持设置轴线的位置和默认颜色。 数据 在数据中,设置仪表盘组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置仪表盘与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 组件介绍