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