Class NumberRangeFilterBuilder

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 - 此构建器，可用于链接。