Class NumberRangeFilterBuilder

数字范围过滤器构建器

数字范围过滤条件控件的构建器。

数字范围过滤器是一个带有两个滑块的滑块，可让用户选择数字值范围。如果有一列类型编号和匹配选项，此控件会滤除与所选范围不匹配的行。

如需了解详情，请参阅 Gviz 文档。

方法

方法返回类型简介
setMaxValue(maxValue)NumberRangeFilterBuilder设置范围下限范围的允许最大值。
setMinValue(minValue)NumberRangeFilterBuilder设置范围下限的最小值。
setOrientation(orientation)NumberRangeFilterBuilder设置滑块方向。
setShowRangeValues(showRangeValues)NumberRangeFilterBuilder设置是否在滑块旁边显示所选范围的范围。
setTicks(ticks)NumberRangeFilterBuilder设置数字范围过滤条件滑块滑块头可落在的刻度数（范围栏中的固定位置）。

详细文档

setMaxValue(maxValue)

设置范围下限范围的允许最大值。如果未定义，系统会根据控件管理的 DataTable 的内容推断出值。 

// Builds a number range filter and sets the maximum value to 100.
const numberRangeFilter = Charts.newNumberRangeFilter()
                              .setFilterColumnLabel('Col2')
                              .setMaxValue(100)
                              .build();

参数

名称类型说明
maxValueInteger滑块的最大值。

返回

NumberRangeFilterBuilder - 此构建器适用于链接。

setMinValue(minValue)

设置范围下限的最小值。如果未定义，系统会根据控件管理的 DataTable 的内容推断出值。 

// Builds a number range filter and sets the minimum value to 10.
const numberRangeFilter = Charts.newNumberRangeFilter()
                              .setFilterColumnLabel('Col2')
                              .setMinValue(10)
                              .build();

参数

名称类型说明
minValueInteger滑块的最小值。

返回

NumberRangeFilterBuilder - 此构建器适用于链接。

setOrientation(orientation)

设置滑块方向。 

// Builds a number range filter and sets it to have a horizontal orientation.
const numberRangeFilter = Charts.newNumberRangeFilter()
                              .setFilterColumnLabel('Col2')
                              .setOrientation(Charts.Orientation.HORIZONTAL)
                              .build();

参数

名称类型说明
orientationOrientation要设置的滑块方向。

返回

NumberRangeFilterBuilder - 此构建器适用于链接。

另请参阅

setShowRangeValues(showRangeValues)

设置是否在滑块旁边显示所选范围的范围。 

// Builds a number range filter and enables showing of the number range values.
const numberRangeFilter = Charts.newNumberRangeFilter()
                              .setFilterColumnLabel('Col2')
                              .setShowRangeValues(true)
                              .build();

参数

名称类型说明
showRangeValuesBoolean如果为 true，则启用在滑块旁边显示标签。

返回

NumberRangeFilterBuilder - 此构建器适用于链接。

setTicks(ticks)

设置数字范围过滤条件滑块滑块头可落在的刻度数（范围栏中的固定位置）。 

// Builds a number range filter and sets the number of ticks for the range
// to 10.
const numberRangeFilter = Charts.newNumberRangeFilter()
                              .setFilterColumnLabel('Col2')
                              .setTicks(10)
                              .build();

参数

名称类型说明
ticksInteger滑块上的刻度数。

返回

NumberRangeFilterBuilder - 此构建器适用于链接。