轮播图文 概述 轮播图文组件允许用户展现一系列由一张图片和一段文字组成的单元。这些单元横向排列,可以自动滚动。当滚动到底部之后,回到初始位置继续循环。 这个组件有几个大致的特点: 自动滚动功能可以禁用。 如果自动滚动功能为启用状态,当用户鼠标进入轮播图文区域时,自动滚动暂停,用户可以使用滚轮进行手动滚动。当鼠标离开区域后,自动滚动恢复,从当前位置继续往后滚动。 每个单元中图片和文字的相对位置可以改
时序柱状图 概述 时序柱状图,可以通过柱形的高度来表现数据的大小。时序柱状图的X轴为时间轴,适用于连续的时序数据,比如TSDB的数据。 特有静态属性 属性名称(key) 描述 类型 数据标签(showBarLabel) 是否显示数据标签 boolean 数据堆叠(stackEnable) 是否将数据堆叠显示 boolean 时间格式(xAxisLabelFormatter) 时间轴刻度标签的内容格
统计柱状图 概述 统计柱状图,可以通过柱形的高度来表现数据的大小。统计柱状图的X轴为类目轴,适用于离散的类目数据,如下图显示的城市类目。 特有静态属性 属性名称(key) 描述 类型 数据标签(showBarLabel) 是否显示数据标签 boolean 数据配置 数据配置,亦称数据绑定,是连接『可视化仪表盘』与『数据表』的窗口。数据配置Tab中可供选择的数据表,是已在数据表Tab中创建好的二维数
统计雷达图 概述 统计雷达图。当数据的变量较多,能够组成一个合集的各项指标值时,适合使用雷达图。 特有静态属性 属性名称(key) 描述 类型 雷达图形状(radarShape) 雷达图的绘制类型可选多边形或圆形 string 数据标记(showSymbol) 是否显示数据标记 boolean 圆心距X(centerX) 雷达图的中心(圆心)横坐标 number 圆心距Y(centerY) 雷达图
三维柱状图 概述 三维柱状图。可以通过柱子的高度,颜色等属性来显示不同类别的数据。 特有静态属性 除了每个组件都拥有的常规静态属性(X, Y, 宽,高等属性)之外,三维柱状图主要还有如下特有配置项: 三维坐标系 属性名称 描述 类型 坐标系 是否显示三维笛卡尔坐标系 boolean 边距-上 上边距 number 边距-左 左边距 number 坐标轴线 是否显示坐标轴线 boolean 轴线颜色
水球图 概述 水球图是一个表示百分比值的图表,可以用于展示进度、比例等单个数值。 特有静态属性 除了每个组件都拥有的常规静态属性(X, Y, 宽,高等属性)之外,水球图主要还有如下特有配置项: 属性名称 描述 类型 边距-圆心距X 圆心距X number 边距-圆心距Y 圆心距Y number 边距-半径 图表半径 number 内容-值 0-100之间的数值 number 内容-波浪数 波浪数,
百分比条 概述 百分比条组件用于显示给定的数值在某一区间内的百分占比。 属性面板中的起始值、目标值和当前值用于控制百分比条的显示进度。 这三个属性为数值类型,当当前值超过下限显示的百分比为0%,当超过上限显示的百分比为100%。 动态属性描述 属性名称(key) 类型 可绑定 可运行时更新 字体颜色(textColor) color no yes 百分比条底色(barColor) color no
标题文本 概述 标题文本控件最基本的文本组件,用于显示单行文本。标签支持为单行文本整体设置文字样式,以及对齐样式。 用户可通过双击选择框进入编辑模式直接输入文本,也可通过属性面板设置。 通过数据绑定让文本显示绑定的数据值如下图所示 动态属性描述 属性名称(key) 类型 可绑定 可运行时更新 初始值(text) input yes yes 字体颜色(color) color yes yes
仪表指针 概述 仪表指针,用来展示单个数值的大小。 特有静态属性 属性名称(key) 描述 类型 指标名称(showTitle) 是否显示指标名称 boolean 指标值(showDetail) 是否显示指标值 boolean 指标单位(unit) 指标值的单位 string 起始角度(startAngle) 仪表指针的起始角度 number 结束角度(endAngle) 仪表指针的结束角度 nu
南丁格尔环图 概述 南丁格尔环图,主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。南丁格尔图通过半径区分数据大小。 特有静态属性 属性名称(key) 描述 类型 圆心角(roseType) 是否展示成南丁格尔图,通过半径区分数据大小 'radius' 扇区圆心角展现数据的百分比,半径展现数据的大小;'area' 所有扇区圆心角相同,仅通过半径展现数据大小。 内径大小(inr