三维柱状图 概述 三维柱状图。可以通过柱子的高度,颜色等属性来显示不同类别的数据。 特有静态属性 除了每个组件都拥有的常规静态属性(X, Y, 宽,高等属性)之外,三维柱状图主要还有如下特有配置项: 三维坐标系 属性名称 描述 类型 坐标系 是否显示三维笛卡尔坐标系 boolean 边距-上 上边距 number 边距-左 左边距 number 坐标轴线 是否显示坐标轴线 boolean 轴线颜色
标题文本 概述 标题文本控件最基本的文本组件,用于显示单行文本。标签支持为单行文本整体设置文字样式,以及对齐样式。 用户可通过双击选择框进入编辑模式直接输入文本,也可通过属性面板设置。 通过数据绑定让文本显示绑定的数据值如下图所示 动态属性描述 属性名称(key) 类型 可绑定 可运行时更新 初始值(text) input yes yes 字体颜色(color) color yes yes
圆环图 概述 圆环图,主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。 特有静态属性 属性名称(key) 描述 类型 圆心距X(centerX) 饼图的中心(圆心)横坐标 number 圆心距Y(centerY) 饼图的中心(圆心)纵坐标 number 提示框(showTooltip) 是否显示提示框组件 boolean 起始角度(startAngle) 取值范围:0~36
时序柱状图 概述 时序柱状图,可以通过柱形的高度来表现数据的大小。时序柱状图的X轴为时间轴,适用于连续的时序数据,比如TSDB的数据。 特有静态属性 属性名称(key) 描述 类型 数据标签(showBarLabel) 是否显示数据标签 boolean 数据堆叠(stackEnable) 是否将数据堆叠显示 boolean 时间格式(xAxisLabelFormatter) 时间轴刻度标签的内容格
南丁格尔环图 概述 南丁格尔环图,主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。南丁格尔图通过半径区分数据大小。 特有静态属性 属性名称(key) 描述 类型 圆心角(roseType) 是否展示成南丁格尔图,通过半径区分数据大小 'radius' 扇区圆心角展现数据的百分比,半径展现数据的大小;'area' 所有扇区圆心角相同,仅通过半径展现数据大小。 内径大小(inr
水球图 概述 水球图是一个表示百分比值的图表,可以用于展示进度、比例等单个数值。 特有静态属性 除了每个组件都拥有的常规静态属性(X, Y, 宽,高等属性)之外,水球图主要还有如下特有配置项: 属性名称 描述 类型 边距-圆心距X 圆心距X number 边距-圆心距Y 圆心距Y number 边距-半径 图表半径 number 内容-值 0-100之间的数值 number 内容-波浪数 波浪数,
统计雷达图 概述 统计雷达图。当数据的变量较多,能够组成一个合集的各项指标值时,适合使用雷达图。 特有静态属性 属性名称(key) 描述 类型 雷达图形状(radarShape) 雷达图的绘制类型可选多边形或圆形 string 数据标记(showSymbol) 是否显示数据标记 boolean 圆心距X(centerX) 雷达图的中心(圆心)横坐标 number 圆心距Y(centerY) 雷达图
堆叠柱状图 概述 堆叠柱状图,同一类目上的数据堆叠放置了。 特有静态属性 属性名称(key) 描述 类型 粗细(barWidth) 柱状的粗细 positive int 示例数据 新建静态数据,选择CSV格式,复制下面这段内容到CSV文本输入框中: 城市,PM2.5,PM10 北京,30,67 上海,39,68 广州,21,39 堆叠柱状图的特殊属性及数据配置可参考 统计柱状图 。
面积雷达图 概述 面积雷达图,与统计雷达图一样,主要用于表现多变量的数据。 面积雷达图的特殊属性及数据配置可参考 统计雷达图 。
百分比条 概述 百分比条组件用于显示给定的数值在某一区间内的百分占比。 属性面板中的起始值、目标值和当前值用于控制百分比条的显示进度。 这三个属性为数值类型,当当前值超过下限显示的百分比为0%,当超过上限显示的百分比为100%。 动态属性描述 属性名称(key) 类型 可绑定 可运行时更新 字体颜色(textColor) color no yes 百分比条底色(barColor) color no