ประเภทแผนภูมิ
- แผนภูมิคำอธิบายประกอบ
- แผนภูมิพื้นที่
- แผนภูมิแท่ง
- แผนภูมิฟองอากาศ
- ปฏิทิน
- แผนภูมิแท่งเทียน
- แผนภูมิคอลัมน์
- แผนภูมิผสม
- เกจ
- แผนที่ภูมิศาสตร์
- ฮิสโตแกรม
- แผนภูมิเส้น
- แผนภูมิองค์กร
- แผนภูมิวงกลม
- แผนภูมิกระจาย
- แผนภูมิพื้นที่แบบขั้นบันได
- แผนภูมิตาราง
- ลำดับเวลา
- แผนภูมิต้นไม้
ตัวเลือกการกำหนดค่าแผนภูมิคำอธิบายประกอบ
| ชื่อ | |
|---|---|
| สี | สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| displayRangeSelector | ว่าจะแสดงพื้นที่การเลือกช่วงการซูม (พื้นที่ที่ด้านล่างของแผนภูมิ) หรือไม่ โดย เส้นขอบในตัวเลือกการซูมคือเวอร์ชันสเกลแบบลอการิทึมของอนุกรมแรกในแผนภูมิ ซึ่งปรับขนาดให้พอดีกับความสูงของตัวเลือกการซูม ประเภท:
booleanค่าเริ่มต้น:
true |
| displayZoomButtons |
กำหนดว่าจะแสดงปุ่มซูม ("1d 5d 1m" และอื่นๆ) หรือไม่ โดย ประเภท:
booleanค่าเริ่มต้น:
true |
| สูงสุด |
ค่าสูงสุดที่จะแสดงในแกน Y หากจุดข้อมูลสูงสุดเกินค่านี้ ระบบจะไม่สนใจการตั้งค่านี้
และจะปรับแผนภูมิเพื่อแสดงเครื่องหมายขีดหลักถัดไป
เหนือจุดข้อมูลสูงสุด ซึ่งมีความสำคัญเหนือกว่าค่าสูงสุดของแกน Y ที่กำหนดโดย ซึ่งคล้ายกับ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| นาที |
ค่าต่ำสุดที่จะแสดงในแกน Y หากจุดข้อมูลขั้นต่ำน้อยกว่าค่านี้ ระบบจะไม่สนใจการตั้งค่านี้ และจะปรับแผนภูมิเพื่อแสดงเครื่องหมายขีดหลักถัดไปที่อยู่ใต้จุดข้อมูลขั้นต่ำ
ซึ่งจะมีลำดับความสำคัญสูงกว่าค่าต่ำสุดของแกน Y
ที่กำหนดโดย ซึ่งคล้ายกับ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าแผนภูมิพื้นที่
| ชื่อ | |
|---|---|
| areaOpacity |
ความทึบแสงเริ่มต้นของพื้นที่สีใต้ชุดข้อมูลแผนภูมิพื้นที่ โดยที่
ประเภท:
number, 0.0- 1.0ค่าเริ่มต้น:
0.3 |
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| interpolateNulls |
จะคาดเดาค่าของจุดที่ขาดหายไปหรือไม่ หาก
ไม่รองรับใน
แผนภูมิพื้นที่ที่มี
ตัวเลือก ประเภท:
booleanค่าเริ่มต้น:
false |
| isStacked |
หากตั้งค่าเป็น
ตัวเลือกสำหรับ
สําหรับการซ้อนกัน 100% ค่าที่คํานวณสําหรับแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง
แกนเป้าหมายจะใช้ค่าเครื่องหมายเริ่มต้นตามสเกล 0-1 ที่สัมพันธ์กันเป็นเศษส่วน
ของ 1 สำหรับ
การซ้อนกัน 100% รองรับเฉพาะค่าข้อมูลประเภท ประเภท:
boolean/stringค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| lineWidth |
ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ 0 เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณสามารถ
ลบล้างค่าสำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
2 |
| pointShape |
รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: ประเภท:
stringค่าเริ่มต้น:
'circle' |
| pointSize |
เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ 0 เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่า
สำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
0 |
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้น
สำหรับชุด ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| treatLabelsAsText |
หากตั้งค่าเป็น ประเภท:
boolean |
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าแผนภูมิแท่ง
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท: ตัวเลขหรือ
stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| hAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนนอนแต่ละแกน หากแผนภูมิมีแกนนอนหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนนอนหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
hAxes: {
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {
color: 'red'
}
} // Axis 1
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| isStacked |
หากตั้งค่าเป็น
ตัวเลือกสำหรับ
สําหรับการซ้อนกัน 100% ค่าที่คํานวณสําหรับแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง
แกนเป้าหมายจะใช้ค่าเครื่องหมายเริ่มต้นตามสเกล 0-1 ที่สัมพันธ์กันเป็นเศษส่วน
ของ 1 สำหรับ
การซ้อนกัน 100% รองรับเฉพาะค่าข้อมูลประเภท ประเภท:
boolean/stringค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ
หากต้องการใช้ค่าเริ่มต้นสำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| เส้นแนวโน้ม |
แสดง
เส้นแนวโน้ม
ในแผนภูมิที่รองรับ โดยค่าเริ่มต้น ระบบจะใช้
เส้นแนวโน้มจะระบุตามชุดข้อมูล ดังนั้นส่วนใหญ่ตัวเลือกของคุณจะมีลักษณะดังนี้
var options = {
trendlines: {
0: {
type: 'linear',
color: 'green',
lineWidth: 3,
opacity: 0.3,
visibleInLegend: true
}
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| trendlines.n.color |
สีของ เส้นแนวโน้ม แสดงเป็นชื่อสีภาษาอังกฤษหรือสตริงเลขฐานสิบหก ประเภท:
stringค่าเริ่มต้น: สีชุดข้อมูลเริ่มต้น
|
| trendlines.n.degree |
สำหรับ
เส้นแนวโน้ม
ของ ประเภท:
numberค่าเริ่มต้น:
3 |
| trendlines.n.labelInLegend |
หากตั้งค่าไว้ เส้นแนวโน้ม จะปรากฏในคำอธิบายแทนสตริงนี้ ประเภท:
stringค่าเริ่มต้น:
null |
| trendlines.n.lineWidth |
ความกว้างของเส้น เส้นแนวโน้มในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น:
2 |
| trendlines.n.type |
ไม่ว่า
เส้นแนวโน้ม
จะเป็น ประเภท:
stringค่าเริ่มต้น:
linear |
| trendlines.n.visibleInLegend |
สมการ เส้นแนวโน้ม จะปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม ประเภท:
booleanค่าเริ่มต้น:
false |
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าแผนภูมิฟองอากาศ
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| ลูกโป่ง |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าพร็อพเพอร์ตี้ภาพของบับเบิล ประเภท:
objectค่าเริ่มต้น:
null |
| bubble.opacity |
ความทึบแสงของฟอง โดยที่ ประเภท: ตัวเลขระหว่าง 0.0 ถึง 1.0
ค่าเริ่มต้น: 0.8
|
| bubble.stroke |
สีของเส้นขอบฟอง ประเภท:
stringค่าเริ่มต้น:
'#ccc' |
| bubble.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความบับเบิล ออบเจ็กต์มีรูปแบบดังนี้ {color: <string>, fontName: <string>, fontSize: <number>}
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ซีรีส์ |
ออบเจ็กต์ของออบเจ็กต์ โดยที่คีย์คือชื่อชุดข้อมูล (ค่าในคอลัมน์สี) และแต่ละออบเจ็กต์จะอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง แต่ละออบเจ็กต์รองรับพร็อพเพอร์ตี้ต่อไปนี้
series: {'Europe': {color: 'green'}}ประเภท: ออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| sizeAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าวิธีเชื่อมโยงค่ากับขนาดฟอง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {minValue: 0, maxSize: 20}ประเภท:
objectค่าเริ่มต้น:
null |
| sizeAxis.maxSize |
รัศมีสูงสุดของบับเบิลที่ใหญ่ที่สุดที่เป็นไปได้ในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: 30
|
| sizeAxis.minSize |
รัศมีขั้นต่ำของบับเบิลที่เล็กที่สุดที่เป็นไปได้ในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: 5
|
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| treatLabelsAsText |
หากตั้งค่าเป็น ประเภท:
boolean |
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าปฏิทิน
| ชื่อ | |
|---|---|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างขององค์ประกอบที่บรรจุ
|
ตัวเลือกการกำหนดค่าแผนภูมิแท่งเทียน
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ
หากต้องการใช้ค่าเริ่มต้นสำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าแผนภูมิคอลัมน์
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
stringหรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| isStacked |
หากตั้งค่าเป็น
ตัวเลือกสำหรับ
สําหรับการซ้อนกัน 100% ค่าที่คํานวณสําหรับแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง
แกนเป้าหมายจะใช้ค่าเครื่องหมายเริ่มต้นตามสเกล 0-1 ที่สัมพันธ์กันเป็นเศษส่วน
ของ 1 สำหรับ
การซ้อนกัน 100% รองรับเฉพาะค่าข้อมูลประเภท ประเภท:
boolean/stringค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ
หากต้องการใช้ค่าเริ่มต้นสำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| เส้นแนวโน้ม |
แสดง
เส้นแนวโน้ม
ในแผนภูมิที่รองรับ โดยค่าเริ่มต้น ระบบจะใช้
เส้นแนวโน้มจะระบุตามชุดข้อมูล ดังนั้นส่วนใหญ่ตัวเลือกของคุณจะมีลักษณะดังนี้
var options = {
trendlines: {
0: {
type: 'linear',
color: 'green',
lineWidth: 3,
opacity: 0.3,
visibleInLegend: true
}
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| trendlines.n.color |
สีของ เส้นแนวโน้ม แสดงเป็นชื่อสีภาษาอังกฤษหรือสตริงเลขฐานสิบหก ประเภท:
stringค่าเริ่มต้น: สีชุดข้อมูลเริ่มต้น
|
| trendlines.n.degree |
สำหรับ
เส้นแนวโน้ม
ของ ประเภท:
numberค่าเริ่มต้น:
3 |
| trendlines.n.labelInLegend |
หากตั้งค่าไว้ เส้นแนวโน้ม จะปรากฏในคำอธิบายแทนสตริงนี้ ประเภท:
stringค่าเริ่มต้น:
null |
| trendlines.n.lineWidth |
ความกว้างของเส้น เส้นแนวโน้มในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น:
2 |
| trendlines.n.type |
ไม่ว่า
เส้นแนวโน้ม
จะเป็น ประเภท:
stringค่าเริ่มต้น:
linear |
| trendlines.n.visibleInLegend |
สมการ เส้นแนวโน้ม จะปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม ประเภท:
booleanค่าเริ่มต้น:
false |
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าแผนภูมิผสม
| ชื่อ | |
|---|---|
| areaOpacity |
ความทึบแสงเริ่มต้นของพื้นที่สีใต้ชุดข้อมูลแผนภูมิพื้นที่ โดยที่
ประเภท:
number, 0.0- 1.0ค่าเริ่มต้น:
0.3 |
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| curveType |
ควบคุมเส้นโค้งเมื่อความกว้างของเส้นไม่ใช่ 0 ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น: "ไม่มี"
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| interpolateNulls |
จะคาดเดาค่าของจุดที่ขาดหายไปหรือไม่ หาก
ไม่รองรับใน
แผนภูมิพื้นที่ที่มี
ตัวเลือก ประเภท:
booleanค่าเริ่มต้น:
false |
| isStacked |
หากตั้งค่าเป็น
ตัวเลือกสำหรับ
สําหรับการซ้อนกัน 100% ค่าที่คํานวณสําหรับแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง
แกนเป้าหมายจะใช้ค่าเครื่องหมายเริ่มต้นตามสเกล 0-1 ที่สัมพันธ์กันเป็นเศษส่วน
ของ 1 สำหรับ
การซ้อนกัน 100% รองรับเฉพาะค่าข้อมูลประเภท ประเภท:
boolean/stringค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| lineWidth |
ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ 0 เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณสามารถ
ลบล้างค่าสำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
2 |
| pointShape |
รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: ประเภท:
stringค่าเริ่มต้น:
'circle' |
| pointSize |
เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ 0 เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่า
สำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
0 |
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้น
สำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าเกจ์
| ชื่อ | |
|---|---|
| greenColor |
สีที่จะใช้สำหรับส่วนสีเขียวในสัญกรณ์สี HTML ประเภท:
stringค่าเริ่มต้น:
'#109618' |
| greenFrom |
ค่าต่ำสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเขียว ประเภท:
numberค่าเริ่มต้น: ไม่มี
|
| greenTo |
ค่าสูงสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเขียว ประเภท:
numberค่าเริ่มต้น: ไม่มี
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างของคอนเทนเนอร์
|
| สูงสุด |
ค่าสูงสุดที่จะแสดงในแกน Y หากจุดข้อมูลสูงสุดเกินค่านี้ ระบบจะไม่สนใจการตั้งค่านี้
และจะปรับแผนภูมิเพื่อแสดงเครื่องหมายขีดหลักถัดไป
เหนือจุดข้อมูลสูงสุด ซึ่งมีความสำคัญเหนือกว่าค่าสูงสุดของแกน Y ที่กำหนดโดย ซึ่งคล้ายกับ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| นาที |
ค่าต่ำสุดที่จะแสดงในแกน Y หากจุดข้อมูลขั้นต่ำน้อยกว่าค่านี้ ระบบจะไม่สนใจการตั้งค่านี้ และจะปรับแผนภูมิเพื่อแสดงเครื่องหมายขีดหลักถัดไปที่อยู่ใต้จุดข้อมูลขั้นต่ำ
ซึ่งจะมีลำดับความสำคัญสูงกว่าค่าต่ำสุดของแกน Y
ที่กำหนดโดย ซึ่งคล้ายกับ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| redColor |
สีที่จะใช้สำหรับส่วนสีแดงในสัญกรณ์สี HTML ประเภท:
stringค่าเริ่มต้น:
'#DC3912' |
| redFrom |
ค่าต่ำสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีแดง ประเภท:
numberค่าเริ่มต้น: ไม่มี
|
| redTo |
ค่าสูงสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีแดง ประเภท:
numberค่าเริ่มต้น: ไม่มี
|
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างของคอนเทนเนอร์
|
| yellowColor |
สีที่จะใช้สำหรับส่วนสีเหลืองในสัญกรณ์สี HTML ประเภท:
stringค่าเริ่มต้น:
'#FF9900' |
| yellowFrom |
ค่าต่ำสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเหลือง ประเภท:
numberค่าเริ่มต้น: ไม่มี
|
| yellowTo |
ค่าสูงสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเหลือง ประเภท:
numberค่าเริ่มต้น: ไม่มี
|
ตัวเลือกการกำหนดค่าแผนที่ภูมิศาสตร์
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| datalessRegionColor |
สีที่จะกำหนดให้กับภูมิภาคที่ไม่มีข้อมูลที่เชื่อมโยง ประเภท:
stringค่าเริ่มต้น:
'#F5F5F5' |
| defaultColor |
สีที่จะใช้สำหรับจุดข้อมูลในแผนภูมิภูมิศาสตร์เมื่อตำแหน่ง
(เช่น ประเภท:
string ค่าเริ่มต้น:
'#267114' |
| displayMode |
ประเภทของแผนที่ภูมิศาสตร์นี้ รูปแบบ DataTable ต้องตรงกับค่าที่ระบุ ค่าที่รองรับมีดังนี้
ประเภท:
stringค่าเริ่มต้น: "auto"
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ภูมิภาค |
พื้นที่ที่จะแสดงในแผนภูมิภูมิศาสตร์ นอกจากนี้ ยังแสดงพื้นที่โดยรอบด้วย อาจเป็น ค่าใดค่าหนึ่งต่อไปนี้
ประเภท:
stringค่าเริ่มต้น: "world"
|
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างขององค์ประกอบที่บรรจุ
|
ตัวเลือกการกำหนดค่าฮิสโตแกรม
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท: string หรือ object/div>
ค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| histogram.bucketSize |
ฮาร์ดโค้ดขนาดของแถบฮิสโทแกรมแต่ละแถบแทนการปล่อยให้อัลกอริทึมเป็นตัวกำหนด ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| histogram.hideBucketItems |
ละเว้นเส้นแบ่งบางๆ ระหว่างบล็อกของฮิสโตแกรม เพื่อให้กลายเป็นชุดแท่งทึบ ประเภท:
booleanค่าเริ่มต้น:
false |
| histogram.lastBucketPercentile |
เมื่อคำนวณขนาดกลุ่มของฮิสโทแกรม ให้ละเว้นเปอร์เซ็นต์สูงสุดและต่ำสุด
ประเภท:
numberค่าเริ่มต้น:
0 |
| interpolateNulls |
จะคาดเดาค่าของจุดที่ขาดหายไปหรือไม่ หาก
ไม่รองรับใน
แผนภูมิพื้นที่ที่มี
ตัวเลือก ประเภท:
booleanค่าเริ่มต้น:
false |
| isStacked |
หากตั้งค่าเป็น
ตัวเลือกสำหรับ
สําหรับการซ้อนกัน 100% ค่าที่คํานวณสําหรับแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง
แกนเป้าหมายจะใช้ค่าเครื่องหมายเริ่มต้นตามสเกล 0-1 ที่สัมพันธ์กันเป็นเศษส่วน
ของ 1 สำหรับ
การซ้อนกัน 100% รองรับเฉพาะค่าข้อมูลประเภท ประเภท:
boolean/stringค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างขององค์ประกอบที่บรรจุ
|
ตัวเลือกการกำหนดค่าแผนภูมิเส้น
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| curveType |
ควบคุมเส้นโค้งเมื่อความกว้างของเส้นไม่ใช่ 0 ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น: "ไม่มี"
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| interpolateNulls |
จะคาดเดาค่าของจุดที่ขาดหายไปหรือไม่ หาก
ไม่รองรับใน
แผนภูมิพื้นที่ที่มี
ตัวเลือก ประเภท:
booleanค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| lineWidth |
ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ 0 เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณสามารถ
ลบล้างค่าสำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
2 |
| pointShape |
รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: ประเภท:
stringค่าเริ่มต้น:
'circle' |
| pointSize |
เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ 0 เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่า
สำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
0 |
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ
หากต้องการใช้ค่าเริ่มต้นสำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| treatLabelsAsText |
หากตั้งค่าเป็น ประเภท:
boolean |
| เส้นแนวโน้ม |
แสดง
เส้นแนวโน้ม
ในแผนภูมิที่รองรับ โดยค่าเริ่มต้น ระบบจะใช้
เส้นแนวโน้มจะระบุตามชุดข้อมูล ดังนั้นส่วนใหญ่ตัวเลือกของคุณจะมีลักษณะดังนี้
var options = {
trendlines: {
0: {
type: 'linear',
color: 'green',
lineWidth: 3,
opacity: 0.3,
visibleInLegend: true
}
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| trendlines.n.color |
สีของ เส้นแนวโน้ม แสดงเป็นชื่อสีภาษาอังกฤษหรือสตริงเลขฐานสิบหก ประเภท:
stringค่าเริ่มต้น: สีชุดข้อมูลเริ่มต้น
|
| trendlines.n.degree |
สำหรับ
เส้นแนวโน้ม
ของ ประเภท:
numberค่าเริ่มต้น:
3 |
| trendlines.n.labelInLegend |
หากตั้งค่าไว้ เส้นแนวโน้ม จะปรากฏในคำอธิบายแทนสตริงนี้ ประเภท:
stringค่าเริ่มต้น:
null |
| trendlines.n.lineWidth |
ความกว้างของเส้น เส้นแนวโน้ม ในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น:
2 |
| trendlines.n.type |
ไม่ว่า
เส้นแนวโน้ม
จะเป็น ประเภท:
stringค่าเริ่มต้น:
linear |
| trendlines.n.visibleInLegend |
สมการ เส้นแนวโน้ม จะปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม ประเภท:
booleanค่าเริ่มต้น:
false |
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าแผนภูมิองค์กร
| ชื่อ | |
|---|---|
| สี |
สีพื้นหลังขององค์ประกอบแผนภูมิองค์กร ประเภท:
ค่าเริ่มต้น:
'#edf7ff' |
| selectionColor |
สีพื้นหลังขององค์ประกอบแผนผังองค์กรที่เลือก ประเภท:
stringค่าเริ่มต้น:
'#d6e9f8' |
| ขนาด |
ขนาดโดยรวมของแผนภูมิ โดยมีตัวเลือกดังนี้ ประเภท:
stringค่าเริ่มต้น:
'medium' |
ตัวเลือกการกำหนดค่าแผนภูมิวงกลม
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| is3D |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| pieHole |
หากอยู่ระหว่าง ประเภท:
numberค่าเริ่มต้น:
0 |
| pieSliceBorderColor |
สีของเส้นขอบชิ้น ใช้ได้เฉพาะเมื่อแผนภูมิเป็นแบบ 2 มิติ ประเภท:
stringค่าเริ่มต้น:
'white' |
| pieSliceText |
เนื้อหาของข้อความที่แสดงในสไลซ์ ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'percentage' |
| pieSliceTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของชิ้น ออบเจ็กต์มีรูปแบบดังนี้ {color: <string>, fontName: <string>, fontSize: <number>}
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| slices.color |
สีที่จะใช้กับชิ้นนี้ ประเภท:
string |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
ตัวเลือกการกำหนดค่าแผนภูมิกระจาย
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| curveType |
ควบคุมเส้นโค้งเมื่อความกว้างของเส้นไม่ใช่ 0 ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น: "ไม่มี"
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.gridlines |
ออบเจ็กต์ที่มีพร็อพเพอร์ตี้เพื่อกำหนดค่าเส้นตารางในแกนนอน โปรดทราบว่าเส้นตารางแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.gridlines.color |
สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| hAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| hAxis.logScale |
ตัวเลือกนี้รองรับเฉพาะแกน ประเภท:
booleanค่าเริ่มต้น:
false |
| hAxis.maxValue |
ย้ายค่าสูงสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางขวาในแผนภูมิส่วนใหญ่ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนนอน ซึ่งคล้ายกับตัวเลือก
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| hAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| hAxis.minValue |
ย้ายค่าต่ำสุดของแกนนอนไปยังค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| lineWidth |
ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ 0 เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณสามารถ
ลบล้างค่าสำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
2 |
| pointShape |
รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: ประเภท:
stringค่าเริ่มต้น:
'circle' |
| pointSize |
เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ 0 เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่า
สำหรับแต่ละซีรีส์ได้โดยใช้พร็อพเพอร์ตี้ ประเภท:
numberค่าเริ่มต้น:
0 |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้
ค่าเริ่มต้นสำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์ใช้กับซีรีส์ตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุซีรีส์ที่ใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดข้อมูลแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดข้อมูลที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| treatLabelsAsText |
หากตั้งค่าเป็น ประเภท:
boolean |
| เส้นแนวโน้ม |
แสดง
เส้นแนวโน้ม
ในแผนภูมิที่รองรับ โดยค่าเริ่มต้น ระบบจะใช้
เส้นแนวโน้มจะระบุตามชุดข้อมูล ดังนั้นส่วนใหญ่ตัวเลือกของคุณจะมีลักษณะดังนี้
var options = {
trendlines: {
0: {
type: 'linear',
color: 'green',
lineWidth: 3,
opacity: 0.3,
visibleInLegend: true
}
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| trendlines.n.color |
สีของ เส้นแนวโน้ม แสดงเป็นชื่อสีภาษาอังกฤษหรือสตริงเลขฐานสิบหก ประเภท:
stringค่าเริ่มต้น: สีชุดข้อมูลเริ่มต้น
|
| trendlines.n.degree |
สำหรับ
เส้นแนวโน้ม
ของ ประเภท:
numberค่าเริ่มต้น:
3 |
| trendlines.n.labelInLegend |
หากตั้งค่าไว้ เส้นแนวโน้ม จะปรากฏในคำอธิบายแทนสตริงนี้ ประเภท:
stringค่าเริ่มต้น:
null |
| trendlines.n.lineWidth |
ความกว้างของเส้น เส้นแนวโน้ม ในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น:
2 |
| trendlines.n.type |
ไม่ว่า
เส้นแนวโน้ม
จะเป็น ประเภท:
stringค่าเริ่มต้น:
linear |
| trendlines.n.visibleInLegend |
สมการ เส้นแนวโน้ม จะปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม ประเภท:
booleanค่าเริ่มต้น:
false |
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่าแผนภูมิพื้นที่แบบขั้นบันได
| ชื่อ | |
|---|---|
| areaOpacity |
ความทึบแสงเริ่มต้นของพื้นที่สีใต้ชุดข้อมูลแผนภูมิพื้นที่ โดยที่
ประเภท:
number, 0.0- 1.0ค่าเริ่มต้น:
0.3 |
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| backgroundColor.fill |
สีเติมแผนภูมิเป็นสตริงสี HTML ประเภท:
stringค่าเริ่มต้น:
'white' |
| chartArea |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (ตำแหน่งที่วาดแผนภูมิ
เอง ไม่รวมแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบ ได้แก่ ตัวเลข หรือตัวเลขตามด้วย % ตัวเลขเดี่ยวคือค่าในหน่วยพิกเซล ส่วนตัวเลขตามด้วย % คือเปอร์เซ็นต์ ตัวอย่าง: ประเภท:
objectค่าเริ่มต้น:
null |
| chartArea.backgroundColor |
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง สตริงนั้นอาจเป็นสตริงเลขฐาน 16
(เช่น
'#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อใช้ออบเจ็กต์ คุณจะระบุพร็อพเพอร์ตี้ต่อไปนี้ได้
ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| chartArea.height |
ความสูงของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.left |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.top |
ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| chartArea.width |
ความกว้างของพื้นที่แผนภูมิ ประเภท:
number หรือ stringค่าเริ่มต้น: อัตโนมัติ
|
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| hAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.direction |
ทิศทางที่ค่าตามแกนแนวนอนเพิ่มขึ้น ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| hAxis.textPosition |
ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| hAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.title |
ประเภท:
stringค่าเริ่มต้น:
null |
| hAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| hAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวนอน ประเภท:
objectค่าเริ่มต้น:
null |
| hAxis.viewWindow.max |
ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| hAxis.viewWindow.min |
ค่าข้อมูลแนวนอนต่ำสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| isStacked |
หากตั้งค่าเป็น
ตัวเลือกสำหรับ
สําหรับการซ้อนกัน 100% ค่าที่คํานวณสําหรับแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง
แกนเป้าหมายจะใช้ค่าเครื่องหมายเริ่มต้นตามสเกล 0-1 ที่สัมพันธ์กันเป็นเศษส่วน
ของ 1 สำหรับ
การซ้อนกัน 100% รองรับเฉพาะค่าข้อมูลประเภท ประเภท:
boolean/ stringค่าเริ่มต้น:
false |
| คำอธิบาย |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าลักษณะต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {position: 'top', textStyle: {color: 'blue', fontSize: 16}}ประเภท:
objectค่าเริ่มต้น:
null |
| legend.position |
ตำแหน่งของคำอธิบาย ซึ่งอาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น:
'right' |
| legendTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความของคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| reverseCategories |
หากตั้งค่าเป็น
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
booleanค่าเริ่มต้น:
false |
| ซีรีส์ |
อาร์เรย์ของออบเจ็กต์ ซึ่งแต่ละออบเจ็กต์จะอธิบายรูปแบบของอนุกรมที่เกี่ยวข้องในแผนภูมิ
หากต้องการใช้ค่าเริ่มต้นสำหรับชุดข้อมูล ให้ระบุออบเจ็กต์ที่ว่างเปล่า
คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละออบเจ็กต์จะใช้กับอนุกรมตามลำดับที่ระบุ หรือจะระบุออบเจ็กต์ที่แต่ละออบเจ็กต์ย่อยมีคีย์ตัวเลขที่ระบุอนุกรมที่จะใช้ก็ได้ ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศอนุกรมแรกเป็นสีดำและไม่มีในคำอธิบาย และอนุกรมที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น:
{} |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| ธีม [theme] |
ธีมคือชุดค่าตัวเลือกที่กำหนดไว้ล่วงหน้าซึ่งทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานหรือเอฟเฟกต์ภาพของแผนภูมิที่เฉพาะเจาะจง ปัจจุบันมีธีมเดียวที่พร้อมใช้งาน
ประเภท:
stringค่าเริ่มต้น:
null |
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| treatLabelsAsText |
หากตั้งค่าเป็น ประเภท:
boolean |
| useFirstColumnAsDomain |
หากตั้งค่าเป็น ประเภท:
boolean |
| vAxes |
ระบุพร็อพเพอร์ตี้สำหรับแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน
ออบเจ็กต์ย่อยแต่ละรายการคือออบเจ็กต์
หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่ก่อนโดยใช้
{
series: {
2: {
targetAxisIndex:1
}
},
vAxes: {
1: {
title:'Losses',
textStyle: {color: 'red'}
}
}
}
พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ โดยออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์
แต่ละรายการมีป้ายกำกับตัวเลขที่ระบุแกนที่กำหนด ซึ่งเป็นรูปแบบที่แสดง
ด้านบน ส่วนอาร์เรย์คืออาร์เรย์ของออบเจ็กต์ โดยมีออบเจ็กต์ 1 รายการต่อแกน เช่น สัญกรณ์รูปแบบอาร์เรย์ต่อไปนี้
จะเหมือนกับออบเจ็กต์
vAxes: [
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {color: 'red'} // Axis 1
}
]
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ย่อย
ค่าเริ่มต้น:
null |
| vAxis |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบแกนแนวตั้งต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของ ออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {title: 'Hello', titleTextStyle: {color: '#FF0000'}}ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.direction |
ทิศทางที่ค่าตามแกนแนวตั้งเพิ่มขึ้น โดยค่าเริ่มต้น ค่าต่ำจะอยู่ด้านล่างของแผนภูมิ ระบุ ประเภท:
1 หรือ -1ค่าเริ่มต้น:
1 |
| vAxis.gridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางในแกนแนวตั้ง โปรดทราบว่าเส้นตารางแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ ของออบเจ็กต์นี้ คุณสามารถใช้สัญกรณ์ออบเจ็กต์ลิเทอรัลได้ดังที่แสดงที่นี่ {color: '#333', minSpacing: 20}
ตัวเลือกนี้รองรับเฉพาะแกน
ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.gridlines.color |
สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น:
'#CCC' |
| vAxis.gridlines.count |
จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ
หากคุณระบุตัวเลขที่เป็นบวกสำหรับ ประเภท:
numberค่าเริ่มต้น:
-1 |
| vAxis.logScale |
หาก ประเภท:
booleanค่าเริ่มต้น:
false |
| vAxis.maxValue |
ย้ายค่าสูงสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งส่วนใหญ่จะเป็นการย้ายขึ้นใน
แผนภูมิ ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล
ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.minorGridlines |
ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าเส้นตารางย่อยในแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.minorGridlines.color |
สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง ประเภท:
stringค่าเริ่มต้น: การผสมผสานระหว่างสีเส้นตารางและสีพื้นหลัง
|
| vAxis.minorGridlines.count |
ตัวเลือก ประเภท:
numberค่าเริ่มต้น:
1 |
| vAxis.minValue |
ย้ายค่าต่ำสุดของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเป็นการย้ายลงในแผนภูมิส่วนใหญ่
ระบบจะละเว้นหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ขั้นต่ำของข้อมูล
ประเภท:
numberค่าเริ่มต้น:
null |
| vAxis.textPosition |
ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: ประเภท:
stringค่าเริ่มต้น:
'out' |
| vAxis.textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.title |
ระบุชื่อสำหรับแกนแนวตั้ง ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| vAxis.titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| vAxis.viewWindow |
ระบุช่วงการครอบตัดของแกนแนวตั้ง ประเภท:
objectค่าเริ่มต้น:
null |
| vAxis.viewWindow.max |
ค่าข้อมูลแนวตั้งสูงสุดที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| vAxis.viewWindow.min |
ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง ระบบจะไม่สนใจเมื่อ ประเภท:
numberค่าเริ่มต้น: อัตโนมัติ
|
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างขององค์ประกอบที่บรรจุ
|
ตัวเลือกการกำหนดค่าแผนภูมิตาราง
| ชื่อ | |
|---|---|
| alternatingRowStyle |
กำหนดว่าจะกำหนดรูปแบบสีสลับให้กับแถวคี่และแถวคู่หรือไม่ ประเภท:
booleanค่าเริ่มต้น:
true |
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| เพจ |
วิธีเปิดใช้การแบ่งหน้าผ่านข้อมูล เลือกค่า
ประเภท:
stringค่าเริ่มต้น:
'disable' |
| pageSize |
จำนวนแถวในแต่ละหน้าเมื่อเปิดใช้การแบ่งหน้าด้วยตัวเลือกหน้า ประเภท:
numberค่าเริ่มต้น:
10 |
| showRowNumber |
หากตั้งค่าเป็น ประเภท:
booleanค่าเริ่มต้น:
false |
| จัดเรียง |
จะจัดเรียงคอลัมน์อย่างไรเมื่อผู้ใช้คลิกส่วนหัวของคอลัมน์ หากเปิดใช้การจัดเรียง ให้พิจารณาตั้งค่าพร็อพเพอร์ตี้
ประเภท:
stringค่าเริ่มต้น:
'enable' |
| sortAscending |
ลำดับการจัดเรียงของคอลัมน์การจัดเรียงเริ่มต้น ประเภท:
booleanค่าเริ่มต้น:
true |
| sortColumn |
ดัชนีของคอลัมน์ในตารางข้อมูล ซึ่งใช้จัดเรียงตารางในตอนแรก คอลัมน์ จะมีลูกศรเล็กๆ แสดงลำดับการจัดเรียง ประเภท:
numberค่าเริ่มต้น:
-1 |
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างขององค์ประกอบที่บรรจุ
|
ตัวเลือกการกำหนดค่าไทม์ไลน์
| ชื่อ | |
|---|---|
| backgroundColor |
สีพื้นหลังของพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น ประเภท:
string หรือ objectค่าเริ่มต้น:
'white' |
| สี |
สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยแต่ละองค์ประกอบเป็นสตริงสี HTML เช่น ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
|
| ส่วนสูง |
ความสูงของแผนภูมิในหน่วยพิกเซล ประเภท:
numberค่าเริ่มต้น: ความสูงขององค์ประกอบที่บรรจุ
|
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
numberค่าเริ่มต้น: ความกว้างขององค์ประกอบที่บรรจุ
|
ตัวเลือกการกำหนดค่าแผนภูมิ Tree Map
| ชื่อ | |
|---|---|
| headerColor |
สีของส่วนหัวสำหรับแต่ละโหนด ระบุค่าสี HTML ประเภท:
stringค่าเริ่มต้น:
#988f86 |
| maxColor |
สีของสี่เหลี่ยมผืนผ้าที่มีค่าคอลัมน์ 3 เป็น ประเภท:
stringค่าเริ่มต้น:
#00dd00 |
| maxDepth |
จำนวนระดับโหนดสูงสุดที่จะแสดงในมุมมองปัจจุบัน ระบบจะรวมเลเยอร์
เข้ากับระนาบปัจจุบัน หากแผนผังมีระดับมากกว่านี้ คุณต้องเลื่อนขึ้นหรือ
ลงเพื่อดู นอกจากนี้ คุณยังเห็น ประเภท:
numberค่าเริ่มต้น:
1 |
| maxPostDepth |
จำนวนระดับของโหนดที่อยู่นอกเหนือจาก ประเภท:
numberค่าเริ่มต้น:
0 |
| midColor |
สีสำหรับสี่เหลี่ยมผืนผ้าที่มีค่าคอลัมน์ 3 อยู่กึ่งกลางระหว่าง ประเภท:
stringค่าเริ่มต้น:
#000000 |
| minColor |
สีของสี่เหลี่ยมผืนผ้าที่มีค่าคอลัมน์ 3 เป็น ประเภท:
stringค่าเริ่มต้น:
#dd0000 |
| noColor |
สีที่จะใช้สำหรับสี่เหลี่ยมผืนผ้าเมื่อโหนดไม่มีค่าสำหรับคอลัมน์ 3 และโหนดนั้นเป็น ลีฟ (หรือมีเฉพาะลีฟ) ระบุค่าสี HTML ประเภท:
stringค่าเริ่มต้น:
#000000 |
| คำบรรยาย |
ข้อความที่จะแสดงใต้ชื่อแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| subtitleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| textStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ สีอาจเป็นสตริงสี HTML ใดก็ได้ เช่น ประเภท:
objectค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| title |
ข้อความที่จะแสดงเหนือแผนภูมิ ประเภท:
stringค่าเริ่มต้น: ไม่มีชื่อ
|
| titleTextStyle |
ออบเจ็กต์ที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
ประเภท:
object
ค่าเริ่มต้น:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|