检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。 图1 尺寸位置 进度条:柱子宽度、圆角半径、背景色、进度条颜色用户可自定义设置。 进度条颜色支持设置纯色和渐变色。渐变色可设置起点、终点颜色,起点终点颜色也可互换。 占比 显示占比:勾选,可显示占比,不勾选不显示占比。
越大透明程度越低。 图2 尺寸位置 进度条 内半径:设置内半径,输入不能为空,且输入值在0到100之间。 外半径:设置外半径,输入不能为空,且输入值在0到100之间。 背景色:设置进度条的背景色。 进度条颜色:设置进度条的颜色。 图3 进度条 占比 显示/隐藏占比:单击“占比”左侧的勾选框,表示显示,表示隐藏。
设置查询返回数限制,在输入框输入合适的返回数,默认数值为1000。 设置自动刷新 自动刷新间隔时间支持:不刷新、1分钟、5分钟、15分钟、30分钟。 样式 本章节介绍线状图样式各项配置的含义。 表3 尺寸位置 参数 说明 W 设置图表的宽,单位为px。 H 设置图表的高,单位px。 X 设置图表在画布中的位置。单位为px。
用户可以从自定义组件的开发包中获取最新样式配置值、数据值以及绑定的数据集字段。相关数据统一存放在开发包的config变量中。 表5 自定义组件相关数据 参数 参数类型 描述 styledata Object 样式配置和gui.json中的配置对应,例如获取gui.json中name为fontSize的样式值:this
设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。 表4 全局样式和折线样式 参数 说明 字体 设置图表中文字的字体。 平滑曲线 平滑曲线值范围0~1。 表5 柱子样式 参数 说明 柱子宽度 设置柱子宽度,可以通过输入数值或单击“-”或“+”调节。输入值不能为空,输入值必须在1到100之间。
字体粗细:单击下拉选项设置序列号这一列中文本的字体粗细样式。 列宽占比(%):输入数值设置序列号这一列的宽度。 内容 文本:设置组件文本的样式,包括字号、颜色和字体粗细。 跑马灯:勾选跑马灯右侧的时,组件文本会按照跑马灯效果轮播。 柱子样式 背景:设置柱子的背景颜色。 颜色:单击颜色编辑器设置柱子的颜色。
图片 本章节主要介绍图片各配置项的含义。 样式 本章节介绍图片的样式各项配置项的含义。 尺寸位置 W:设置图表的宽,单位为px。 H:设置图表的高,单位px。 X:设置图表在画布中的位置。单位为px。 Y:设置图表在画布中的位置。单位为px。 不透明度:设置图表在画布上的透明度,
用图表”,切换至图表模板页。 拖动或单击图表模板至画布区域。 在页面右侧数据配置区域选择数据集。 选择需要图表类型,配置字段和样式。 完成大屏字段和样式配置并单击“更新”后,单击大屏编辑页面右上侧的“保存并发布”或“保存”。 图表类型与说明 每种图表都有其适用场景和数据要素(即,
过页面设置全局样式、页面布局、组件样式等内容。本文为您详细介绍仪表板页面设置中主题设置功能。 前提条件 您已登录管理控制台,并进入仪表板编辑页面。参考创建仪表板。 操作步骤 页面设置 在仪表板编辑页面,单击页面右上角“页面设置”。 在页面设置页面,设置仪表板全局样式、页面布局,参数说明请参见表1、表2。
init生成组件包之后,组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置,包括样式、数据和交互的配置。 Index.js 组件主入口。 Index.less 组件样式css配置。 父主题: 自定义组件开发包说明
图1 尺寸位置 全局样式 背景颜色:日期选择器的背景颜色,用户自定义。 边框颜色:日期选择器的边框颜色,用户自定义。 样式:边框的呈现类型,包含实线、虚线、电划线。 宽度:边框的宽度设置。 圆角:边框的圆角设置。 字号:设置进度条的字体大小。 颜色:设置进度条字体颜色。 格式化:设置日期呈现的格式。
自定义是否显示分割线。支持设置分割线样式的大小和颜色、下边距大小。 卡片背景 自定义是否显示卡片背景。单击选择卡片背景颜色。 状态icon 自定义是否显示状态icon。支持设置icon的显示方式和颜色,显示方式包括始终显示和悬停显示。 表3 图表样式参数 参数 说明 可视化样式 设置甘特图的配色,支持系统配色和自定义配色。
尺寸位置 边框(样式) 填充 样式:边框支持丰富多种的样式设置。 自定义边框: 图片添加方式:图片可通过url或本地上传的形式添加。 边框宽度:可以通过上方、右侧、下方、左侧来调整图片展示样式,取值范围0~500之间。 边框偏移:可以通过上方、右侧、下方、左侧来调整图片展示样式,取值范围0~500之间。
er、Lighter。 选中样式 颜色:单击颜色编辑器设置颜色。 数据值:单击“数据值”右侧的勾选框,表示显示数据值,表示隐藏数据值。 数据名:单击“数据名”右侧的勾选框,表示显示数据名,表示隐藏数据名。 文本样式:设置文本的颜色、字号和字体粗细样式 提示框内边距:设置提示框的内边距,输入值不能小于0。
饼状图 饼状图表 环形进度条 玫瑰图 雷达图 父主题: 常用图表
不显示。 条件格式 条件格式中的系列由字段中的“状态维度”所定义,可以设置不同状态的样式设置。 设置条件格式的步骤: 选择系列字段。 勾选自定义样式,单击“自定义样式”右边的笔图标,进入自定义样式页面。 单击添加规则,选择状态,设置节点颜色、状态图标、节点图标大小,设置线条颜色以及粗细。
不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。 图1 尺寸位置 全局样式 地图视角:有太平洋版和大西洋版两种视角。 太平洋版:切换地图样式为以太平洋为中心。 大西洋版:切换地图样式为以大西洋为中心。 地图中心:设置地图中心在图层中的位置。 维度:设置地图中心的维度,输入值必须在-180到180之间。
分比,比例越大透明程度越低。 图1 尺寸位置 图标样式 字号:设置组件时间图标的字号大小。 颜色:设置组件时间图标的颜色。 右边距:输入数值调整组件时间图标的右边距。 时间器 字体:设置组件中文本的字体样式。 字号:设置组件中文本的字号大小。 颜色:单击颜色编辑器设置组件中文本的颜色。
无分割线:当未勾选框时,为无分割线格式。 有分割线:当勾选框时,为有分割线格式。支持对分割线的样式和下框边距进行设置。分割线样式和下边框支持输入设置,也可通过和进行设置。 说明: 分割线样式的输入不能为空,且输入值必须在0到8之间。在设置样式之后才可以设置下边距,分割线的下边距输入不能为空,且输入值必须在0到32之间。
其他组件使用 创建组件 日期选择器 漏斗图 仪表盘 进度条 产业分布图 里程碑 父主题: 大屏组件