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