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 - 這個建構工具適用於鏈結。