检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考模板:系统预置的组件样式模板,如默认、带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果
readerVm.selectConf, "selectValue", event.itemVal); }, 配置动作时,可以在华为云Astro大屏应用画布交付界面,配置itemVal的值为“${e.xxx}”将事件抛出的“xxx”参数复制到itemVal中。然后select组件
里程碑 里程碑组件可以区分过去(选中)、现在(高亮、点击)和未来(默认)三种状态,来改变不同时间态的样式。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“里程碑”组件至画布空白区域,如图1。 图1 里程碑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置玫瑰花饼图的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置玫瑰花饼图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。
内部页面:选择待跳转的具体页面。“页面类型”设置为“内部页面”时,才显示该配置。 外部页面地址:选择待跳转的外部页面地址,可以直接输入地址,也可以设置为全局变量。“页面类型”设置为“外部页面”时,才显示该配置。 页面打开方式:设置跳转页面的打开方式,如新窗口、当前窗口或弹窗。设置为
在页面右上角,单击“账号名”,选择“本地部署”。 在本地部署信息中,单击“版本列表”,下载华为云Astro大屏应用运行环境部署包。 图3 下载新版本运行环境部署包 解压已获取的华为云Astro大屏应用运行环境部署包,获取private-deploy-版本号.jar包。 进入私有化部署安装指导中私有化部署的华为云Astro大屏应用目录。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色:设置图表中,图形的颜色。 统一配置:统一配置中设置的内容,对图表中所有数据系列均生效。 数据系列:图表是否显示数据系列。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。
图7 气泡图提示 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图8 气泡图坐标轴
图7 散点图提示 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图8 散点图坐标轴
在大屏设计页面,从“全部组件 > 图表”中,拖拽“双向柱图”组件至画布空白区域,如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 双向柱图卡片 卡片装饰:卡片装饰设置,可根据自身的
当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“管理”,进入管理页面。
数据源:选择DLI数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 标签:SQL作业的标签。单击“标签”后的“展
显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:设置提示框显示的内容,可以是系列名和数据值、也可以是其中的一种。 数据 在数据中,设置词云的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置词云与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
在大屏设计页面,从“全部组件 > 图表”中,拖拽“折柱图”组件至画布空白区域,如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 折柱图卡片 卡片装饰:卡片装饰设置,可根据自身的业
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置水滴水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置水滴水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置水位图组件的数据来源,更多介绍请参见数据接入 交互 在交互中,配置水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 图表
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置箭头水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置箭头水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置圆角矩形水位图组件的数据来源,更多介绍请参见数据接入 交互 在交互中,配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置钻石水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 图表
大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。 在大屏开发页面,单击页面上方的,保存页面。