检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。 前缀:输入数字的前缀。 字体大小:设置前缀的字体大小。 后缀:设置后缀,如“%”。 字体大小:设置后缀的字体大小。 目标数据显示:是否显示目标数据。 目标
样式。如何新增条件格式,请参见新增条件格式。 数据 在数据中,设置文本编辑组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 从数据中获取文本内容 在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 标题设置 显示标题:是否显示标题。 标题内容:设置标题的内容。 图4 设置标题的具体内容 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、同比和环比。
页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置组件的页签样式、导航页签和默认路由。 图4 配置 页签样式统一配置 页签方向:设置页签的显示方向,如水平方向、垂直方向。 位置:设置页签的位置,支持默认和自定义两种方式。
页面时展示。 参考模板:系统预置的组件样式模板。 背景颜色 显示背景颜色:显示或隐藏背景颜色。 颜色类型:设置背景颜色类型,支持单一色和渐变色。设置为“单一色”时,支持设置背景颜色。设置为“渐变色”时,支持设置渐变类型和渐变方向等。 渐变类型:设置渐变的类型,如线性渐变、径向渐变和自定义输入。
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置指标组件的对齐方式、数值和前后缀。 图6 配置 统一配置 > 对齐:设置指标的对齐方式,如左对齐、居中和右对齐。 数值:指标是否显示数值,设置为“显示”时,可设置如下属性。
选项卡 选项卡是导航组件的一种,用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“选项卡”组件至画布空白区域,如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
图5 提示 图6 设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:设置提示框显示的内容,可以是系列名和数据值、也可以是其中的一种。 数据 在数据中,设置词云的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置词云与其他组件或页面之间
图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。
图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。
格时会显示下图中的图标,用于对表格中的数据进行排序。后台排序的使用示例,请参见如何使用高级表格的后台排序功能。 图10 在后台对数据进行排序 后台筛选:是否开启后台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。后台筛选的使用示例,请参见如何使用高级表格的后台筛选功能。
图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。
图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。
m。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表示,触发当前事件后,会隐藏组件widget16
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
图5 图形 颜色:设置图表中,图形的颜色。 统一配置 数据块高度(%):设置漏斗图的高度比。 标签字体:设置数据块中标签的字体、颜色、大小。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 数据块颜色:数据块的颜色。
的分隔符,一般使用“-”。 范围选择时开始日期的占位内容:开始日期输入框中没有选择具体日期时,显示的文字内容。 例如:开始日期,效果图为 范围选择时结束日期的占位内容:结束日期输入框中没有选择具体日期时,显示的文字内容。 非范围选择时的占位内容:不是日期范围选择时,显示的文字内容。
可以避免重叠。 轴线显示:控制是否显示轴线。 刻度显示:控制是否显示刻度。 线的颜色:轴线的颜色。 标签显示:是否显示刻度标签。打开后需要设置刻度标签字体、字体颜色、大小、粗细。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示:是否显示轴网格线、轴网格线的类型和颜色设置。