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