Class NumberRangeFilterBuilder

NumberRangeFilterBuilder

เครื่องมือสร้างตัวควบคุมตัวกรองช่วงตัวเลข

ตัวกรองช่วงตัวเลขคือแถบเลื่อนที่มี 2 นิ้วโป้ง ซึ่งช่วยให้ผู้ใช้เลือกช่วงของค่าตัวเลขได้ เมื่อระบุคอลัมน์ประเภทตัวเลขและตัวเลือกที่ตรงกัน ตัวควบคุมนี้จะกรองแถว ที่ไม่ตรงกับช่วงที่เลือก

ดูรายละเอียดเพิ่มเติมได้ใน เอกสารประกอบของ 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 - เครื่องมือสร้างนี้มีประโยชน์สำหรับการเชื่อมโยง