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