ประเภทของแผนภูมิ
- แผนภูมิคำอธิบายประกอบ
- แผนภูมิพื้นที่
- แผนภูมิแท่ง
- แผนภูมิลูกโป่ง
- ปฏิทิน
- แผนภูมิแท่งเทียน
- แผนภูมิคอลัมน์
- แผนภูมิผสม
- เกจ
- แผนภูมิภูมิศาสตร์
- ฮิสโตแกรม
- แผนภูมิเส้น
- แผนผังองค์กร
- แผนภูมิวงกลม
- แผนภูมิกระจาย
- แผนภูมิพื้นที่แบบขั้นบันได
- แผนภูมิตาราง
- ลำดับเวลา
- แผนผังต้นไม้
ตัวเลือกการกำหนดค่าแผนภูมิคำอธิบายประกอบ
| ชื่อ | |
|---|---|
| สี | สีที่จะใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริงโดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี 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ค่าเริ่มต้น: "none"
|
| 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ค่าเริ่มต้น: อัตโนมัติ
|
ตัวเลือกการกำหนดค่า Gauge
| ชื่อ | |
|---|---|
| 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 |
แผนภูมิภูมิศาสตร์นี้เป็นประเภทใด รูปแบบตารางข้อมูลจะต้องตรงกับค่าที่ระบุ ระบบรองรับค่าต่อไปนี้
ประเภท:
stringค่าเริ่มต้น: "อัตโนมัติ"
|
| ส่วนสูง |
ความสูงของแผนภูมิเป็นพิกเซล ประเภท:
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>}
|
| region |
พื้นที่ที่จะแสดงบนแผนภูมิภูมิศาสตร์ รวมถึงแสดงพื้นที่โดยรอบด้วย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้
ประเภท:
stringค่าเริ่มต้น: "ทั่วโลก"
|
| ความกว้าง |
ความกว้างของแผนภูมิเป็นพิกเซล ประเภท:
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ค่าเริ่มต้น: "none"
|
| 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ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มี
|
| เป็น 3 มิติ |
หากเป็น ประเภท:
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ค่าเริ่มต้น: "none"
|
| 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ค่าเริ่มต้น: ความกว้างขององค์ประกอบที่มี
|
ตัวเลือกการกำหนดค่าแผนภูมิต้นไม้
| ชื่อ | |
|---|---|
| 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>}
|