ตัวเลือกการกำหนดค่าแผนภูมิ

ประเภทแผนภูมิ

ตัวเลือกการกำหนดค่าแผนภูมิคำอธิบายประกอบ

ชื่อ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
displayRangeSelector

เลือกว่าจะแสดงพื้นที่สำหรับเลือกช่วงการซูมหรือไม่ (พื้นที่ที่ด้านล่างของแผนภูมิ) โดย false หมายถึง "ไม่"

โครงร่างในตัวเลือกการซูมคือเวอร์ชันสเกลการบันทึกของชุดแรกในแผนภูมิ โดยมีการปรับขนาดให้พอดีกับความสูงของตัวเลือกการซูม

ประเภท: boolean
ค่าเริ่มต้น: true
displayZoomButtons

แสดงปุ่มซูม ("1d 5d 1m" และอื่นๆ) โดย false หมายถึงไม่หรือไม่

ประเภท: boolean
ค่าเริ่มต้น: true
สูงสุด

ค่าสูงสุดที่จะแสดงบนแกน Y หากจุดข้อมูลสูงสุดเกินค่านี้ ระบบจะไม่สนใจการตั้งค่านี้ และระบบจะปรับแผนภูมิให้แสดงเครื่องหมายถูกหลักถัดไปเหนือจุดข้อมูลสูงสุด ซึ่งจะมีลำดับความสำคัญเหนือกว่าค่าสูงสุดของแกน Y ซึ่งกำหนดโดย scaleType

ซึ่งคล้ายกับ maxValue ในแผนภูมิหลัก

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
นาที

ค่าต่ำสุดที่จะแสดงบนแกน Y หากจุดข้อมูลต่ำสุดน้อยกว่าค่านี้ ระบบจะไม่สนใจการตั้งค่านี้ และแผนภูมิจะได้รับการปรับให้แสดงเครื่องหมายเครื่องหมายถูกหลักลำดับถัดไปที่ต่ำกว่าจุดข้อมูลต่ำสุด ซึ่งจะมีลำดับความสำคัญเหนือกว่าค่าต่ำสุดของแกน Y ซึ่งกำหนดโดย scaleType

ซึ่งคล้ายกับ minValue ในแผนภูมิหลัก

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าแผนภูมิพื้นที่

ชื่อ
areaOpacity

ความทึบแสงเริ่มต้นของพื้นที่สีในชุดแผนภูมิพื้นที่ โดย 0.0 คือโปร่งใสทั้งหมด และ 1.0 คือทึบแสงเต็มที่ หากต้องการระบุความทึบแสงสำหรับแต่ละชุด ให้ตั้งค่า areaOpacity ในพร็อพเพอร์ตี้ series

ประเภท: number, 0.0- 1.0
ค่าเริ่มต้น: 0.3
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
interpolateNulls

เลือกว่าจะเดามูลค่าของคะแนนที่หายไปหรือไม่ หากเป็น true ระบบจะคาดเดาค่าของข้อมูลที่ขาดหายไปตามจุดที่อยู่ใกล้เคียง หากเป็น false อุปกรณ์จะหยุดพักในบรรทัดในจุดที่ไม่ทราบ

ไม่รองรับแผนภูมิพื้นที่ที่มีตัวเลือก isStacked: true/'percent'/'relative'/'absolute'

ประเภท: boolean
ค่าเริ่มต้น: false
isStacked

หากตั้งค่าเป็น true ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ในแผนภูมิ Column, Area และ SteppedArea แผนภูมิ Google จะกลับลำดับรายการคำอธิบายเพื่อให้สอดคล้องกับการเรียงซ้อนขององค์ประกอบชุดข้อมูลมากขึ้น (เช่น ชุดข้อมูล 0 จะเป็นรายการคำอธิบายด้านล่างสุด) ตัวเลือกนี้ ไม่ มีผลกับแผนภูมิแท่ง

ตัวเลือก isStacked ยังรองรับการเรียงซ้อน 100% ด้วย ซึ่งจะปรับขนาดกององค์ประกอบที่ค่าโดเมนแต่ละค่าใหม่ให้รวมกันได้ 100%

ตัวเลือกสำหรับ isStacked มีดังนี้

  • false — องค์ประกอบจะไม่ซ้อนกัน ประเภทการทำงานนี้เป็นค่าเริ่มต้น
  • true — ซ้อนเอลิเมนต์สำหรับทุกชุดที่ค่าโดเมนแต่ละค่า
  • 'percent' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่ให้รวมกันได้ 100% โดยค่าขององค์ประกอบแต่ละรายการจะคำนวณเป็นเปอร์เซ็นต์ของ 100%
  • 'relative' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่โดยรวมกันเป็น 1 โดยค่าขององค์ประกอบแต่ละค่าจะคำนวณเป็นเศษส่วน 1
  • 'absolute' — ทำงานเหมือนกับ isStacked: true

สำหรับการซ้อน 100% ค่าที่คำนวณแล้วของแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง

แกนเป้าหมายจะมีค่าเริ่มต้นเป็นการเลือกค่าตามสเกล 0-1 สัมพัทธ์เป็นเศษส่วน ของ 1 สำหรับ 'relative' และ 0-100% สำหรับ 'percent' (หมายเหตุ: เมื่อใช้ตัวเลือก 'percent' ค่าแกน/เครื่องหมายถูกจะแสดงเป็นเปอร์เซ็นต์ แต่ค่าจริงจะเป็นค่าสเกล 0-1 สัมพัทธ์ เนื่องจากเครื่องหมายถูกบนแกนเปอร์เซ็นต์เป็นผลมาจากการใช้รูปแบบ "#.##%" กับค่าสเกล 0-1 สัมพัทธ์ เมื่อใช้ isStacked: 'percent' อย่าลืมระบุเครื่องหมายขีด/เส้นตารางโดยใช้ค่าสเกล 0-1 สัมพัทธ์) คุณสามารถปรับแต่งค่าและการจัดรูปแบบของเส้นตาราง/เครื่องหมายถูกโดยใช้ตัวเลือก hAxis/vAxis ที่เหมาะสม

การเรียงซ้อน 100% รองรับเฉพาะค่าข้อมูลประเภท number และต้องมีเกณฑ์พื้นฐานเป็น 0

ประเภท: boolean/string
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีseriesที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ศูนย์เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series

ประเภท: number
ค่าเริ่มต้น: 2
pointShape

รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: 'circle', 'triangle', 'square', 'diamond', 'star' หรือ 'polygon' ดูตัวอย่างได้ใน เอกสารประกอบเกี่ยวกับคะแนน

ประเภท: string
ค่าเริ่มต้น: 'circle'
pointSize

เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ศูนย์เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series

ประเภท: number
ค่าเริ่มต้น: 0
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุด ให้ระบุวัตถุว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • annotations - ออบเจ็กต์ที่นำมาใช้กับคำอธิบายประกอบสำหรับชุดข้อมูลนี้ ค่านี้อาจใช้เพื่อควบคุม เช่น textStyle ของชุดหนังสือได้

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    โปรดดูตัวเลือกต่างๆ ของ annotations สำหรับรายการที่สมบูรณ์ยิ่งขึ้นของสิ่งที่ปรับแต่งได้

  • areaOpacity - ลบล้าง areaOpacity ส่วนกลางสำหรับชุดหนังสือนี้
  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • lineDashStyle - ลบล้างค่า lineDashStyle ร่วมสำหรับชุดนี้
  • lineWidth - ลบล้างค่า lineWidth ร่วมสำหรับชุดนี้
  • pointShape - ลบล้างค่า pointShape ร่วมสำหรับชุดนี้
  • pointSize - ลบล้างค่า pointSize ร่วมสำหรับชุดนี้
  • pointsVisible - ลบล้างค่า pointsVisible ร่วมสำหรับชุดนี้
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นคอลัมน์ข้อความ

ประเภท: boolean
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการจะมีป้ายกำกับตัวเลขซึ่งระบุแกนที่ตัวควบคุมกำหนด โดยอยู่ในรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าแผนภูมิแท่ง

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท:string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: หมายเลขหรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
hAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวนอนแต่ละแกน หากแผนภูมิมีแกนแนวนอนหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ hAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ hAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวนอนหลายแกน ก่อนอื่นให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ hAxes ตัวอย่างต่อไปนี้กำหนดซีรีส์ 1 ให้กับแกนด้านล่าง และระบุชื่อและรูปแบบข้อความที่กำหนดเอง

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการมีป้ายกำกับตัวเลขซึ่งระบุแกนที่กำหนดให้เป็นรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ hAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
isStacked

หากตั้งค่าเป็น true ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ในแผนภูมิ Column, Area และ SteppedArea แผนภูมิ Google จะกลับลำดับรายการคำอธิบายเพื่อให้สอดคล้องกับการเรียงซ้อนขององค์ประกอบชุดข้อมูลมากขึ้น (เช่น ชุดข้อมูล 0 จะเป็นรายการคำอธิบายด้านล่างสุด) ตัวเลือกนี้ ไม่ มีผลกับแผนภูมิแท่ง

ตัวเลือก isStacked ยังรองรับการเรียงซ้อน 100% ด้วย ซึ่งจะปรับขนาดกององค์ประกอบที่ค่าโดเมนแต่ละค่าใหม่ให้รวมกันได้ 100%

ตัวเลือกสำหรับ isStacked มีดังนี้

  • false — องค์ประกอบจะไม่ซ้อนกัน ประเภทการทำงานนี้เป็นค่าเริ่มต้น
  • true — ซ้อนเอลิเมนต์สำหรับทุกชุดที่ค่าโดเมนแต่ละค่า
  • 'percent' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่ให้รวมกันได้ 100% โดยค่าขององค์ประกอบแต่ละรายการจะคำนวณเป็นเปอร์เซ็นต์ของ 100%
  • 'relative' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่โดยรวมกันเป็น 1 โดยค่าขององค์ประกอบแต่ละค่าจะคำนวณเป็นเศษส่วน 1
  • 'absolute' — ทำงานเหมือนกับ isStacked: true

สำหรับการซ้อน 100% ค่าที่คำนวณแล้วของแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง

แกนเป้าหมายจะมีค่าเริ่มต้นเป็นการเลือกค่าตามสเกล 0-1 สัมพัทธ์เป็นเศษส่วน ของ 1 สำหรับ 'relative' และ 0-100% สำหรับ 'percent' (หมายเหตุ: เมื่อใช้ตัวเลือก 'percent' ค่าแกน/เครื่องหมายถูกจะแสดงเป็นเปอร์เซ็นต์ แต่ค่าจริงจะเป็นค่าสเกล 0-1 สัมพัทธ์ เนื่องจากเครื่องหมายถูกบนแกนเปอร์เซ็นต์เป็นผลมาจากการใช้รูปแบบ "#.##%" กับค่าสเกล 0-1 สัมพัทธ์ เมื่อใช้ isStacked: 'percent' อย่าลืมระบุเครื่องหมายขีด/เส้นตารางโดยใช้ค่าสเกล 0-1 สัมพัทธ์) คุณสามารถปรับแต่งค่าและการจัดรูปแบบของเส้นตาราง/เครื่องหมายถูกโดยใช้ตัวเลือก hAxis/vAxis ที่เหมาะสม

การเรียงซ้อน 100% รองรับเฉพาะค่าข้อมูลประเภท number และต้องมีเกณฑ์พื้นฐานเป็น 0

ประเภท: boolean/string
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุดหนังสือ ให้ระบุวัตถุว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง แต่ละออบเจ็กต์รองรับพร็อพเพอร์ตี้ต่อไปนี้

  • annotations - ออบเจ็กต์ที่นำมาใช้กับคำอธิบายประกอบสำหรับชุดข้อมูลนี้ ค่านี้อาจใช้เพื่อควบคุม เช่น textStyle ของชุดหนังสือได้

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    โปรดดูตัวเลือกต่างๆ ของ annotations สำหรับรายการที่สมบูรณ์ยิ่งขึ้นของสิ่งที่ปรับแต่งได้

  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
เส้นแนวโน้ม

แสดง เส้นแนวโน้ม ในแผนภูมิที่รองรับเส้นแนวโน้ม โดยค่าเริ่มต้น ระบบจะใช้เส้นแนวโน้ม linear แต่ปรับแต่งได้โดยใช้ตัวเลือก trendlines.n.type

เส้นแนวโน้มจะถูกระบุแบบทีละชุด ดังนั้นตัวเลือกส่วนใหญ่ของคุณจะมีลักษณะดังนี้

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

สำหรับ เส้นแนวโน้ม ของ type: 'polynomial' ดีกรีของพหุนาม (2 สำหรับกำลังสอง 3 สำหรับลูกบาศก์ ฯลฯ)

ประเภท: number
ค่าเริ่มต้น: 3
trendlines.n.labelInLegend

หากตั้งค่าแล้ว เส้นแนวโน้ม จะปรากฏในคำอธิบายเป็นสตริงนี้

ประเภท: string
ค่าเริ่มต้น: null
trendlines.n.lineWidth

ความกว้างของเส้นของ เส้นแนวโน้มเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: 2
trendlines.n.type

กำหนด เส้นแนวโน้ม เป็น 'linear' (ค่าเริ่มต้น), 'exponential' หรือ 'polynomial'

ประเภท: string
ค่าเริ่มต้น: linear
trendlines.n.visibleInLegend

กำหนดให้สมการ เส้นแนวโน้ม ปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม

ประเภท: boolean
ค่าเริ่มต้น: false
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวตั้งที่หลากหลาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
ประเภท: object
ค่าเริ่มต้น: null
vAxis.direction

ทิศทางที่ค่าตามแกนแนวตั้งขยายตัว โดยค่าเริ่มต้น ระบบจะแสดงค่าที่ต่ำที่ด้านล่างของแผนภูมิ ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าแผนภูมิฟองอากาศ

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
ลูกโป่ง

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าคุณสมบัติการมองเห็นของลูกโป่ง

ประเภท: object
ค่าเริ่มต้น: null
bubble.opacity

ความทึบแสงของลูกโป่ง โดยที่ 0 โปร่งใสเต็มที่และ 1 คือทึบแสงเต็มที่

ประเภท: ตัวเลขระหว่าง 0.0 ถึง 1.0
ค่าเริ่มต้น: 0.8
bubble.stroke

สีของเส้นของลูกโป่ง

ประเภท: string
ค่าเริ่มต้น: '#ccc'
bubble.textStyle

วัตถุที่ระบุรูปแบบข้อความลูกโป่ง ออบเจ็กต์มีรูปแบบดังนี้

{color: <string>, fontName: <string>, fontSize: <number>}

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ซีรีส์

ออบเจ็กต์ของออบเจ็กต์ โดยคีย์เป็นชื่อชุด (ค่าในคอลัมน์สี) และออบเจ็กต์แต่ละรายการที่อธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true
เช่น
series: {'Europe': {color: 'green'}}
ประเภท: ออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
sizeAxis

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าวิธีเชื่อมโยงค่ากับขนาดลูกโป่ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

 {minValue: 0,  maxSize: 20}
ประเภท: object
ค่าเริ่มต้น: null
sizeAxis.maxSize

รัศมีสูงสุดของลูกโป่งที่ใหญ่ที่สุดที่เป็นไปได้ หน่วยเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: 30
sizeAxis.minSize

รัศมีขั้นต่ำของลูกโป่งที่เล็กที่สุดในหน่วยพิกเซล

ประเภท: number
ค่าเริ่มต้น: 5
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นคอลัมน์ข้อความ

ประเภท: boolean
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการจะมีป้ายกำกับตัวเลขซึ่งระบุแกนที่ตัวควบคุมกำหนด โดยอยู่ในรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าปฏิทิน

ชื่อ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
ความกว้าง

ความกว้างของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างขององค์ประกอบที่มีอยู่

ตัวเลือกการกำหนดค่าแผนภูมิแท่งเทียน

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุดหนังสือ ให้ระบุวัตถุว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • fallingColor.fill - ลบล้างค่า candlestick.fallingColor.fill ส่วนกลางของชุดนี้
  • fallingColor.stroke - ลบล้างค่า candlestick.fallingColor.stroke ส่วนกลางของชุดนี้
  • fallingColor.strokeWidth - ลบล้างค่า candlestick.fallingColor.strokeWidth ส่วนกลางของชุดนี้
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • risingColor.fill - ลบล้างค่า candlestick.risingColor.fill ส่วนกลางของชุดนี้
  • risingColor.stroke - ลบล้างค่า candlestick.risingColor.stroke ส่วนกลางของชุดนี้
  • risingColor.strokeWidth - ลบล้างค่า candlestick.risingColor.strokeWidth ส่วนกลางของชุดนี้
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการมีป้ายกำกับตัวเลขซึ่งระบุแกนที่กำหนดให้เป็นรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าแผนภูมิคอลัมน์

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: stringหรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
isStacked

หากตั้งค่าเป็น true ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ในแผนภูมิ Column, Area และ SteppedArea แผนภูมิ Google จะกลับลำดับรายการคำอธิบายเพื่อให้สอดคล้องกับการเรียงซ้อนขององค์ประกอบชุดข้อมูลมากขึ้น (เช่น ชุดข้อมูล 0 จะเป็นรายการคำอธิบายด้านล่างสุด) ตัวเลือกนี้ ไม่ มีผลกับแผนภูมิแท่ง

ตัวเลือก isStacked ยังรองรับการเรียงซ้อน 100% ด้วย ซึ่งจะปรับขนาดกององค์ประกอบที่ค่าโดเมนแต่ละค่าใหม่ให้รวมกันได้ 100%

ตัวเลือกสำหรับ isStacked มีดังนี้

  • false — องค์ประกอบจะไม่ซ้อนกัน ประเภทการทำงานนี้เป็นค่าเริ่มต้น
  • true — ซ้อนเอลิเมนต์สำหรับทุกชุดที่ค่าโดเมนแต่ละค่า
  • 'percent' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่ให้รวมกันได้ 100% โดยค่าขององค์ประกอบแต่ละรายการจะคำนวณเป็นเปอร์เซ็นต์ของ 100%
  • 'relative' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่โดยรวมกันเป็น 1 โดยค่าขององค์ประกอบแต่ละค่าจะคำนวณเป็นเศษส่วน 1
  • 'absolute' — ทำงานเหมือนกับ isStacked: true

สำหรับการซ้อน 100% ค่าที่คำนวณแล้วของแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง

แกนเป้าหมายจะมีค่าเริ่มต้นเป็นการเลือกค่าตามสเกล 0-1 สัมพัทธ์เป็นเศษส่วน ของ 1 สำหรับ 'relative' และ 0-100% สำหรับ 'percent' (หมายเหตุ: เมื่อใช้ตัวเลือก 'percent' ค่าแกน/เครื่องหมายถูกจะแสดงเป็นเปอร์เซ็นต์ แต่ค่าจริงจะเป็นค่าสเกล 0-1 สัมพัทธ์ เนื่องจากเครื่องหมายถูกบนแกนเปอร์เซ็นต์เป็นผลมาจากการใช้รูปแบบ "#.##%" กับค่าสเกล 0-1 สัมพัทธ์ เมื่อใช้ isStacked: 'percent' อย่าลืมระบุเครื่องหมายขีด/เส้นตารางโดยใช้ค่าสเกล 0-1 สัมพัทธ์) คุณสามารถปรับแต่งค่าและการจัดรูปแบบของเส้นตาราง/เครื่องหมายถูกโดยใช้ตัวเลือก hAxis/vAxis ที่เหมาะสม

การเรียงซ้อน 100% รองรับเฉพาะค่าข้อมูลประเภท number และต้องมีเกณฑ์พื้นฐานเป็น 0

ประเภท: boolean/string
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุดหนังสือ ให้ระบุวัตถุว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • annotations - ออบเจ็กต์ที่นำมาใช้กับคำอธิบายประกอบสำหรับชุดข้อมูลนี้ ค่านี้อาจใช้เพื่อควบคุม เช่น textStyle ของชุดหนังสือได้

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    โปรดดูตัวเลือกต่างๆ ของ annotations สำหรับรายการที่สมบูรณ์ยิ่งขึ้นของสิ่งที่ปรับแต่งได้

  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
เส้นแนวโน้ม

แสดง เส้นแนวโน้ม ในแผนภูมิที่รองรับเส้นแนวโน้ม โดยค่าเริ่มต้น ระบบจะใช้เส้นแนวโน้ม linear แต่ปรับแต่งได้โดยใช้ตัวเลือก trendlines.n.type

เส้นแนวโน้มจะถูกระบุแบบทีละชุด ดังนั้นตัวเลือกส่วนใหญ่ของคุณจะมีลักษณะดังนี้

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

สำหรับ เส้นแนวโน้ม ของ type: 'polynomial' ดีกรีของพหุนาม (2 สำหรับกำลังสอง 3 สำหรับลูกบาศก์ ฯลฯ)

ประเภท: number
ค่าเริ่มต้น: 3
trendlines.n.labelInLegend

หากตั้งค่าแล้ว เส้นแนวโน้ม จะปรากฏในคำอธิบายเป็นสตริงนี้

ประเภท: string
ค่าเริ่มต้น: null
trendlines.n.lineWidth

ความกว้างของเส้นของ เส้นแนวโน้มเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: 2
trendlines.n.type

กำหนด เส้นแนวโน้ม เป็น 'linear' (ค่าเริ่มต้น), 'exponential' หรือ 'polynomial'

ประเภท: string
ค่าเริ่มต้น: linear
trendlines.n.visibleInLegend

กำหนดให้สมการ เส้นแนวโน้ม ปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม

ประเภท: boolean
ค่าเริ่มต้น: false
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการมีป้ายกำกับตัวเลขซึ่งระบุแกนที่กำหนดให้เป็นรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าแผนภูมิผสม

ชื่อ
areaOpacity

ความทึบแสงเริ่มต้นของพื้นที่สีในชุดแผนภูมิพื้นที่ โดย 0.0 คือโปร่งใสทั้งหมด และ 1.0 คือทึบแสงเต็มที่ หากต้องการระบุความทึบแสงสำหรับแต่ละชุด ให้ตั้งค่า areaOpacity ในพร็อพเพอร์ตี้ series

ประเภท: number, 0.0- 1.0
ค่าเริ่มต้น: 0.3
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
curveType

ควบคุมเส้นโค้งของเส้นเมื่อความกว้างของเส้นไม่เท่ากับ 0 อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'none' - เส้นตรงและไม่มีเส้นโค้ง
  • 'function' - มุมของเส้นจะได้รับการทำให้เรียบ
ประเภท:string
ค่าเริ่มต้น: "none"
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
interpolateNulls

เลือกว่าจะเดามูลค่าของคะแนนที่หายไปหรือไม่ หากเป็น true ระบบจะคาดเดาค่าของข้อมูลที่ขาดหายไปตามจุดที่อยู่ใกล้เคียง หากเป็น false อุปกรณ์จะหยุดพักในบรรทัดในจุดที่ไม่ทราบ

ไม่รองรับแผนภูมิพื้นที่ที่มีตัวเลือก isStacked: true/'percent'/'relative'/'absolute'

ประเภท: boolean
ค่าเริ่มต้น: false
isStacked

หากตั้งค่าเป็น true ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ในแผนภูมิ Column, Area และ SteppedArea แผนภูมิ Google จะกลับลำดับรายการคำอธิบายเพื่อให้สอดคล้องกับการเรียงซ้อนขององค์ประกอบชุดข้อมูลมากขึ้น (เช่น ชุดข้อมูล 0 จะเป็นรายการคำอธิบายด้านล่างสุด) ตัวเลือกนี้ ไม่ มีผลกับแผนภูมิแท่ง

ตัวเลือก isStacked ยังรองรับการเรียงซ้อน 100% ด้วย ซึ่งจะปรับขนาดกององค์ประกอบที่ค่าโดเมนแต่ละค่าใหม่ให้รวมกันได้ 100%

ตัวเลือกสำหรับ isStacked มีดังนี้

  • false — องค์ประกอบจะไม่ซ้อนกัน ประเภทการทำงานนี้เป็นค่าเริ่มต้น
  • true — ซ้อนเอลิเมนต์สำหรับทุกชุดที่ค่าโดเมนแต่ละค่า
  • 'percent' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่ให้รวมกันได้ 100% โดยค่าขององค์ประกอบแต่ละรายการจะคำนวณเป็นเปอร์เซ็นต์ของ 100%
  • 'relative' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่โดยรวมกันเป็น 1 โดยค่าขององค์ประกอบแต่ละค่าจะคำนวณเป็นเศษส่วน 1
  • 'absolute' — ทำงานเหมือนกับ isStacked: true

สำหรับการซ้อน 100% ค่าที่คำนวณแล้วของแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง

แกนเป้าหมายจะมีค่าเริ่มต้นเป็นการเลือกค่าตามสเกล 0-1 สัมพัทธ์เป็นเศษส่วน ของ 1 สำหรับ 'relative' และ 0-100% สำหรับ 'percent' (หมายเหตุ: เมื่อใช้ตัวเลือก 'percent' ค่าแกน/เครื่องหมายถูกจะแสดงเป็นเปอร์เซ็นต์ แต่ค่าจริงจะเป็นค่าสเกล 0-1 สัมพัทธ์ เนื่องจากเครื่องหมายถูกบนแกนเปอร์เซ็นต์เป็นผลมาจากการใช้รูปแบบ "#.##%" กับค่าสเกล 0-1 สัมพัทธ์ เมื่อใช้ isStacked: 'percent' อย่าลืมระบุเครื่องหมายขีด/เส้นตารางโดยใช้ค่าสเกล 0-1 สัมพัทธ์) คุณสามารถปรับแต่งค่าและการจัดรูปแบบของเส้นตาราง/เครื่องหมายถูกโดยใช้ตัวเลือก hAxis/vAxis ที่เหมาะสม

การเรียงซ้อน 100% รองรับเฉพาะค่าข้อมูลประเภท number และต้องมีเกณฑ์พื้นฐานเป็น 0

ประเภท: boolean/string
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ศูนย์เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series

ประเภท: number
ค่าเริ่มต้น: 2
pointShape

รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: 'circle', 'triangle', 'square', 'diamond', 'star' หรือ 'polygon' ดูตัวอย่างได้ใน เอกสารประกอบเกี่ยวกับคะแนน

ประเภท: string
ค่าเริ่มต้น: 'circle'
pointSize

เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ศูนย์เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series หากใช้เส้นแนวโน้ม ตัวเลือก pointSize จะมีผลกับความกว้างของเส้นแนวโน้ม เว้นแต่คุณจะลบล้างด้วยตัวเลือก trendlines.n.pointsize

ประเภท: number
ค่าเริ่มต้น: 0
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุด ให้ระบุออบเจ็กต์ว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • annotations - ออบเจ็กต์ที่นำมาใช้กับคำอธิบายประกอบสำหรับชุดข้อมูลนี้ ค่านี้อาจใช้เพื่อควบคุม เช่น textStyle ของชุดหนังสือได้

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    โปรดดูตัวเลือกต่างๆ ของ annotations สำหรับรายการที่สมบูรณ์ยิ่งขึ้นของสิ่งที่ปรับแต่งได้

  • areaOpacity - ลบล้าง areaOpacity ร่วมสำหรับชุดหนังสือนี้
  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • curveType - ลบล้างค่า curveType ร่วมสำหรับชุดนี้
  • fallingColor.fill - ลบล้างค่า candlestick.fallingColor.fill ส่วนกลางของชุดนี้
  • fallingColor.stroke - ลบล้างค่า candlestick.fallingColor.stroke ส่วนกลางของชุดนี้
  • fallingColor.strokeWidth - ลบล้างค่า candlestick.fallingColor.strokeWidth ส่วนกลางของชุดนี้
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • lineDashStyle - ลบล้างค่า lineDashStyle ร่วมสำหรับชุดนี้
  • lineWidth - ลบล้างค่า lineWidth ร่วมสำหรับชุดนี้
  • pointShape - ลบล้างค่า pointShape ร่วมสำหรับชุดนี้
  • pointSize - ลบล้างค่า pointSize ร่วมสำหรับชุดนี้
  • pointsVisible - ลบล้างค่า pointsVisible ร่วมสำหรับชุดนี้
  • risingColor.fill - ลบล้างค่า candlestick.risingColor.fill ส่วนกลางของชุดนี้
  • risingColor.stroke - ลบล้างค่า candlestick.risingColor.stroke ส่วนกลางของชุดนี้
  • risingColor.strokeWidth - ลบล้างค่า candlestick.risingColor.strokeWidth ส่วนกลางของชุดนี้
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้
  • type - ประเภทของตัวทำเครื่องหมายสำหรับชุดนี้ ค่าที่ถูกต้องคือ "line", "area", "bars" และ "steppedArea" โปรดทราบว่า แท่งแผนภูมิจริงๆ คือแท่งแนวตั้ง (คอลัมน์) ค่าเริ่มต้นจะระบุโดยตัวเลือก seriesType ของแผนภูมิ
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการจะมีป้ายกำกับตัวเลขซึ่งระบุแกนที่ตัวควบคุมกำหนด โดยอยู่ในรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าการวัด

ชื่อ
greenColor

สีที่ใช้สำหรับส่วนสีเขียวในรูปแบบสี HTML

ประเภท: string
ค่าเริ่มต้น: '#109618'
greenFrom

ค่าต่ำสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเขียว

ประเภท: number
ค่าเริ่มต้น: ไม่มี
greenTo

ค่าสูงสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเขียว

ประเภท: number
ค่าเริ่มต้น: ไม่มี
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างของคอนเทนเนอร์
สูงสุด

ค่าสูงสุดที่จะแสดงบนแกน Y หากจุดข้อมูลสูงสุดเกินค่านี้ ระบบจะไม่สนใจการตั้งค่านี้ และระบบจะปรับแผนภูมิให้แสดงเครื่องหมายถูกหลักถัดไปเหนือจุดข้อมูลสูงสุด ซึ่งจะมีลำดับความสำคัญเหนือกว่าค่าสูงสุดของแกน Y ซึ่งกำหนดโดย scaleType

ซึ่งคล้ายกับ maxValue ในแผนภูมิหลัก

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
นาที

ค่าต่ำสุดที่จะแสดงบนแกน Y หากจุดข้อมูลต่ำสุดน้อยกว่าค่านี้ ระบบจะไม่สนใจการตั้งค่านี้ และแผนภูมิจะได้รับการปรับให้แสดงเครื่องหมายเครื่องหมายถูกหลักลำดับถัดไปที่ต่ำกว่าจุดข้อมูลต่ำสุด ซึ่งจะมีลำดับความสำคัญเหนือกว่าค่าต่ำสุดของแกน Y ซึ่งกำหนดโดย scaleType

ซึ่งคล้ายกับ minValue ในแผนภูมิหลัก

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
redColor

สีที่ใช้สำหรับส่วนสีแดงในรูปแบบสี HTML

ประเภท: string
ค่าเริ่มต้น: '#DC3912'
redFrom

ค่าต่ำสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีแดง

ประเภท: number
ค่าเริ่มต้น: ไม่มี
redTo

ค่าสูงสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีแดง

ประเภท: number
ค่าเริ่มต้น: ไม่มี
ความกว้าง

ความกว้างของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างของคอนเทนเนอร์
yellowColor

สีที่ใช้สำหรับส่วนสีเหลืองในรูปแบบสี HTML

ประเภท: string
ค่าเริ่มต้น: '#FF9900'
yellowFrom

ค่าต่ำสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเหลือง

ประเภท: number
ค่าเริ่มต้น: ไม่มี
yellowTo

ค่าสูงสุดสำหรับช่วงที่ทำเครื่องหมายด้วยสีเหลือง

ประเภท: number
ค่าเริ่มต้น: ไม่มี

ตัวเลือกการกำหนดค่าแผนภูมิภูมิศาสตร์

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
datalessRegionColor

สีที่จะกำหนดให้กับภูมิภาคที่ไม่มีข้อมูลที่เกี่ยวข้อง

ประเภท: string
ค่าเริ่มต้น: '#F5F5F5'
defaultColor

สีที่ใช้สำหรับจุดข้อมูลในแผนภูมิภูมิศาสตร์เมื่อตำแหน่งนั้นๆ (เช่น 'US' ) แต่มีค่าเป็น null หรือไม่ได้ระบุ ค่านี้แตกต่างจาก datalessRegionColor ซึ่งเป็นสีที่ใช้เมื่อไม่มีข้อมูล

ประเภท: string
ค่าเริ่มต้น: '#267114'
displayMode

นี่คือประเภทของแผนภูมิภูมิศาสตร์ รูปแบบ DataTable ต้องตรงกับค่าที่ระบุ ระบบรองรับค่าต่อไปนี้

  • 'auto' - เลือกตามรูปแบบของตารางข้อมูล
  • 'regions' - กำหนดสีภูมิภาคบนแผนภูมิภูมิศาสตร์
  • 'markers' - วางเครื่องหมายบนพื้นที่
  • 'text' - ติดป้ายกำกับภูมิภาคด้วยข้อความจากตารางข้อมูล
ประเภท: string
ค่าเริ่มต้น: "auto"
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ภูมิภาค

พื้นที่ที่จะแสดงบนแผนภูมิภูมิศาสตร์ และจะแสดงพื้นที่โดยรอบด้วย อาจเป็นอย่างใดอย่างหนึ่งต่อไปนี้

  • 'world' - แผนภูมิภูมิศาสตร์ของโลก
  • ทวีปหรืออนุทวีปที่ระบุโดยรหัส 3 หลักของทวีปนั้นๆ เช่น '011' สำหรับแอฟริกาตะวันตก
  • ประเทศที่ระบุโดยรหัส ISO 3166-1 alpha-2 เช่น 'AU'สำหรับออสเตรเลีย
  • รัฐในสหรัฐอเมริกา ซึ่งระบุด้วยรหัส ISO 3166-2:US เช่น 'US-AL' สำหรับแอละแบมา โปรดทราบว่าต้องตั้งค่าตัวเลือก resolution เป็น 'provinces' หรือ 'metros'
ประเภท: string
ค่าเริ่มต้น: "ทั่วโลก"
ความกว้าง

ความกว้างของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างขององค์ประกอบที่มีอยู่

ตัวเลือกการกำหนดค่าฮิสโตแกรม

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object/div>
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
histogram.bucketSize

ฮาร์ดโค้ดขนาดของแท่งฮิสโตแกรมแต่ละแท่ง แทนที่จะปล่อยให้ถูกกำหนดโดยอัลกอริทึม

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
histogram.hideBucketItems

ละเว้นการแบ่งบางๆ ระหว่างบล็อกของฮิสโตแกรมออก ทำให้กลายเป็นชุดของแท่งแข็ง

ประเภท: boolean
ค่าเริ่มต้น: false
histogram.lastBucketPercentile

เมื่อคำนวณขนาดที่เก็บข้อมูลของฮิสโตแกรม ให้ละเว้น lastBucketPercentile เปอร์เซ็นต์ด้านบนและด้านล่าง ค่ายังคงรวมอยู่ในฮิสโตแกรม แต่จะไม่ส่งผลต่อการฝากข้อมูล

ประเภท: number
ค่าเริ่มต้น: 0
interpolateNulls

เลือกว่าจะเดามูลค่าของคะแนนที่หายไปหรือไม่ หากเป็น true ระบบจะคาดเดาค่าของข้อมูลที่ขาดหายไปตามจุดที่อยู่ใกล้เคียง หากเป็น false อุปกรณ์จะหยุดพักในบรรทัดในจุดที่ไม่ทราบ

ไม่รองรับแผนภูมิพื้นที่ที่มีตัวเลือก isStacked: true/'percent'/'relative'/'absolute'

ประเภท: boolean
ค่าเริ่มต้น: false
isStacked

หากตั้งค่าเป็น true ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ในแผนภูมิ Column, Area และ SteppedArea แผนภูมิ Google จะกลับลำดับรายการคำอธิบายเพื่อให้สอดคล้องกับการเรียงซ้อนขององค์ประกอบชุดข้อมูลมากขึ้น (เช่น ชุดข้อมูล 0 จะเป็นรายการคำอธิบายด้านล่างสุด) ตัวเลือกนี้ ไม่ มีผลกับแผนภูมิแท่ง

ตัวเลือก isStacked ยังรองรับการเรียงซ้อน 100% ด้วย ซึ่งจะปรับขนาดกององค์ประกอบที่ค่าโดเมนแต่ละค่าใหม่ให้รวมกันได้ 100%

ตัวเลือกสำหรับ isStacked มีดังนี้

  • false — องค์ประกอบจะไม่ซ้อนกัน ประเภทการทำงานนี้เป็นค่าเริ่มต้น
  • true — ซ้อนเอลิเมนต์สำหรับทุกชุดที่ค่าโดเมนแต่ละค่า
  • 'percent' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่ให้รวมกันได้ 100% โดยค่าขององค์ประกอบแต่ละรายการจะคำนวณเป็นเปอร์เซ็นต์ของ 100%
  • 'relative' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่โดยรวมกันเป็น 1 โดยค่าขององค์ประกอบแต่ละค่าจะคำนวณเป็นเศษส่วน 1
  • 'absolute' — ทำงานเหมือนกับ isStacked: true

สำหรับการซ้อน 100% ค่าที่คำนวณแล้วของแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง

แกนเป้าหมายจะมีค่าเริ่มต้นเป็นการเลือกค่าตามสเกล 0-1 สัมพัทธ์เป็นเศษส่วน ของ 1 สำหรับ 'relative' และ 0-100% สำหรับ 'percent' (หมายเหตุ: เมื่อใช้ตัวเลือก 'percent' ค่าแกน/เครื่องหมายถูกจะแสดงเป็นเปอร์เซ็นต์ แต่ค่าจริงจะเป็นค่าสเกล 0-1 สัมพัทธ์ เนื่องจากเครื่องหมายถูกบนแกนเปอร์เซ็นต์เป็นผลมาจากการใช้รูปแบบ "#.##%" กับค่าสเกล 0-1 สัมพัทธ์ เมื่อใช้ isStacked: 'percent' อย่าลืมระบุเครื่องหมายขีด/เส้นตารางโดยใช้ค่าสเกล 0-1 สัมพัทธ์) คุณสามารถปรับแต่งค่าและการจัดรูปแบบของเส้นตาราง/เครื่องหมายถูกโดยใช้ตัวเลือก hAxis/vAxis ที่เหมาะสม

การเรียงซ้อน 100% รองรับเฉพาะค่าข้อมูลประเภท number และต้องมีเกณฑ์พื้นฐานเป็น 0

ประเภท: boolean/string
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุด ให้ระบุวัตถุว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการมีป้ายกำกับตัวเลขซึ่งระบุแกนที่กำหนดให้เป็นรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ความกว้าง

ความกว้างของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างขององค์ประกอบที่มีอยู่

ตัวเลือกการกำหนดค่าแผนภูมิเส้น

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
curveType

ควบคุมเส้นโค้งของเส้นเมื่อความกว้างของเส้นไม่เท่ากับ 0 อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'none' - เส้นตรงและไม่มีเส้นโค้ง
  • 'function' - มุมของเส้นจะได้รับการทำให้เรียบ
ประเภท: string
ค่าเริ่มต้น: "none"
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท:string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
interpolateNulls

เลือกว่าจะเดามูลค่าของคะแนนที่หายไปหรือไม่ หากเป็น true ระบบจะคาดเดาค่าของข้อมูลที่ขาดหายไปตามจุดที่อยู่ใกล้เคียง หากเป็น false อุปกรณ์จะหยุดพักในบรรทัดในจุดที่ไม่ทราบ

ไม่รองรับแผนภูมิพื้นที่ที่มีตัวเลือก isStacked: true/'percent'/'relative'/'absolute'

ประเภท: boolean
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ศูนย์เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series

ประเภท: number
ค่าเริ่มต้น: 2
pointShape

รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: 'circle', 'triangle', 'square', 'diamond', 'star' หรือ 'polygon' ดูตัวอย่างได้ใน เอกสารประกอบเกี่ยวกับคะแนน

ประเภท: string
ค่าเริ่มต้น: 'circle'
pointSize

เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ศูนย์เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series หากใช้เส้นแนวโน้ม ตัวเลือก pointSize จะมีผลกับความกว้างของเส้นแนวโน้ม เว้นแต่คุณจะลบล้างด้วยตัวเลือก trendlines.n.pointsize

ประเภท: number
ค่าเริ่มต้น: 0
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุดหนังสือ ให้ระบุวัตถุว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • annotations - ออบเจ็กต์ที่นำมาใช้กับคำอธิบายประกอบสำหรับชุดข้อมูลนี้ ค่านี้อาจใช้เพื่อควบคุม เช่น textStyle ของชุดหนังสือได้

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    โปรดดูตัวเลือกต่างๆ ของ annotations สำหรับรายการที่สมบูรณ์ยิ่งขึ้นของสิ่งที่ปรับแต่งได้

  • type - ประเภทของตัวทำเครื่องหมายสำหรับชุดนี้ ค่าที่ถูกต้องคือ "line", "area", "bars" และ "steppedArea" โปรดทราบว่า แท่งแผนภูมิจริงๆ คือแท่งแนวตั้ง (คอลัมน์) ค่าเริ่มต้นจะระบุโดยตัวเลือก seriesType ของแผนภูมิ
  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • curveType - ลบล้างค่า curveType ร่วมสำหรับชุดนี้
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • lineDashStyle - ลบล้างค่า lineDashStyle ร่วมสำหรับชุดนี้
  • lineWidth - ลบล้างค่า lineWidth ร่วมสำหรับชุดนี้
  • pointShape - ลบล้างค่า pointShape ร่วมสำหรับชุดนี้
  • pointSize - ลบล้างค่า pointSize ร่วมสำหรับชุดนี้
  • pointsVisible - ลบล้างค่า pointsVisible ร่วมสำหรับชุดนี้
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นคอลัมน์ข้อความ

ประเภท: boolean
เส้นแนวโน้ม

แสดง เส้นแนวโน้ม ในแผนภูมิที่รองรับเส้นแนวโน้ม โดยค่าเริ่มต้น ระบบจะใช้เส้นแนวโน้ม linear แต่ปรับแต่งได้โดยใช้ตัวเลือก trendlines.n.type

เส้นแนวโน้มจะถูกระบุแบบทีละชุด ดังนั้นตัวเลือกส่วนใหญ่ของคุณจะมีลักษณะดังนี้

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

สำหรับ เส้นแนวโน้ม ของ type: 'polynomial' ดีกรีของพหุนาม (2 สำหรับกำลังสอง 3 สำหรับลูกบาศก์ ฯลฯ)

ประเภท: number
ค่าเริ่มต้น: 3
trendlines.n.labelInLegend

หากตั้งค่าแล้ว เส้นแนวโน้ม จะปรากฏในคำอธิบายเป็นสตริงนี้

ประเภท: string
ค่าเริ่มต้น: null
trendlines.n.lineWidth

ความกว้างของเส้นของ เส้นแนวโน้ม หน่วยเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: 2
trendlines.n.type

กำหนด เส้นแนวโน้ม เป็น 'linear' (ค่าเริ่มต้น), 'exponential' หรือ 'polynomial'

ประเภท: string
ค่าเริ่มต้น: linear
trendlines.n.visibleInLegend

กำหนดให้สมการ เส้นแนวโน้ม ปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม

ประเภท: boolean
ค่าเริ่มต้น: false
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการมีป้ายกำกับตัวเลขซึ่งระบุแกนที่กำหนดให้เป็นรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าแผนภูมิองค์กร

ชื่อ
สี

สีพื้นหลังขององค์ประกอบแผนภูมิองค์กร

ประเภท: string
ค่าเริ่มต้น: '#edf7ff'
selectionColor

สีพื้นหลังขององค์ประกอบแผนภูมิองค์กรที่เลือก

ประเภท: string
ค่าเริ่มต้น: '#d6e9f8'
ขนาด

ขนาดโดยรวมของแผนภูมิ ตัวเลือก ได้แก่ 'small', 'medium' หรือ 'large'

ประเภท: string
ค่าเริ่มต้น: 'medium'

ตัวเลือกการกำหนดค่าแผนภูมิวงกลม

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
เป็น 3 มิติ

หากเป็น true จะแสดงแผนภูมิ 3 มิติ

ประเภท: boolean
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

หากอยู่ระหว่าง 0 ถึง 1 จะแสดงแผนภูมิโดนัท รูมีรัศมีเท่ากับ number เท่าของรัศมีของแผนภูมิ

ประเภท: number
ค่าเริ่มต้น: 0
pieSliceBorderColor

สีของเส้นขอบของชิ้นส่วน ใช้ได้เฉพาะเมื่อแผนภูมิเป็นแบบ 2 มิติ

ประเภท: string
ค่าเริ่มต้น: 'white'
pieSliceText

เนื้อหาของข้อความที่แสดงในส่วนแบ่ง อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'percentage' - เปอร์เซ็นต์ของขนาดชิ้นส่วนจากผลรวม
  • 'value' - ค่าเชิงปริมาณของส่วนแบ่ง
  • 'label' - ชื่อของสไลซ์
  • 'none' - ไม่แสดงข้อความ
ประเภท: string
ค่าเริ่มต้น: 'percentage'
pieSliceTextStyle

วัตถุที่ระบุรูปแบบข้อความของสไลซ์ ออบเจ็กต์มีรูปแบบดังนี้

{color: <string>, fontName: <string>, fontSize: <number>}

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
slices.color

สีที่ใช้สำหรับส่วนนี้

ประเภท: string
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

ตัวเลือกการกำหนดค่าแผนภูมิกระจาย

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท:string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
curveType

ควบคุมเส้นโค้งของเส้นเมื่อความกว้างของเส้นไม่เท่ากับ 0 อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'none' - เส้นตรงและไม่มีเส้นโค้ง
  • 'function' - มุมของเส้นจะได้รับการทำให้เรียบ
ประเภท:string
ค่าเริ่มต้น: "none"
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.gridlines

วัตถุที่มีพร็อพเพอร์ตี้สำหรับกำหนดค่าเส้นตารางบนแกนแนวนอน โปรดทราบว่าเส้นตารางของแกนแนวนอนจะวาดในแนวตั้ง หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.gridlines.color

สีของเส้นตารางแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
hAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
hAxis.logScale

พร็อพเพอร์ตี้ hAxis ที่ทำให้แกนแนวนอนเป็นสเกลลอการิทึม (ค่าทั้งหมดต้องเป็นบวก) ตั้งค่าเป็น true สำหรับใช่

ตัวเลือกนี้รองรับเฉพาะแกน continuous

ประเภท: boolean
ค่าเริ่มต้น: false
hAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านขวาในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่าเป็นค่าที่น้อยกว่าค่า x สูงสุดของข้อมูล hAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวนอน ซึ่งคล้ายกับตัวเลือก hAxis.gridlines

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
hAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวนอนภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
hAxis.minorGridlines.count

ระบบเลิกใช้งานตัวเลือก minorGridlines.count เป็นส่วนใหญ่แล้ว ยกเว้นการปิดใช้เส้นตารางย่อยโดยการตั้งค่าจำนวนเป็น 0 ตอนนี้จำนวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลัก (ดู hAxis.gridlines.interval) และพื้นที่ขั้นต่ำที่จำเป็น (ดู hAxis.minorGridlines.minSpacing)

ประเภท: number
ค่าเริ่มต้น: 1
hAxis.minValue

ย้ายค่าต่ำสุดของแกนแนวนอนเป็นค่าที่ระบุ ซึ่งจะอยู่ทางซ้ายในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า x ขั้นต่ำของข้อมูล hAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top'- ด้านบนแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

ความกว้างของเส้นข้อมูลเป็นพิกเซล ใช้ศูนย์เพื่อซ่อนเส้นทั้งหมดและแสดงเฉพาะจุด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series

ประเภท: number
ค่าเริ่มต้น: 2
pointShape

รูปร่างขององค์ประกอบข้อมูลแต่ละรายการ: 'circle', 'triangle', 'square', 'diamond', 'star' หรือ 'polygon' ดูตัวอย่างได้ใน เอกสารประกอบเกี่ยวกับคะแนน

ประเภท: string
ค่าเริ่มต้น: 'circle'
pointSize

เส้นผ่านศูนย์กลางของจุดที่แสดงในหน่วยพิกเซล ใช้ศูนย์เพื่อซ่อนจุดทั้งหมด คุณลบล้างค่าของแต่ละชุดได้โดยใช้พร็อพเพอร์ตี้ series หากใช้เส้นแนวโน้ม ตัวเลือก pointSize จะมีผลกับความกว้างของเส้นแนวโน้ม เว้นแต่คุณจะลบล้างด้วยตัวเลือก trendlines.n.pointsize

ประเภท: number
ค่าเริ่มต้น: 0
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุด ให้ระบุออบเจ็กต์ว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • lineWidth - ลบล้างค่า lineWidth ร่วมสำหรับชุดนี้
  • pointShape - ลบล้างค่า pointShape ร่วมสำหรับชุดนี้
  • pointSize - ลบล้างค่า pointSize ร่วมสำหรับชุดนี้
  • pointsVisible - ลบล้างค่า pointsVisible ร่วมสำหรับชุดนี้
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณสามารถระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละรายการย่อยมีคีย์ตัวเลขที่ระบุชุดที่ใช้กับชุดย่อยดังกล่าวก็ได้ ตัวอย่างเช่น ประกาศ 2 รายการต่อไปนี้เหมือนกันทุกประการ และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และประกาศที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นคอลัมน์ข้อความ

ประเภท: boolean
เส้นแนวโน้ม

แสดง เส้นแนวโน้ม ในแผนภูมิที่รองรับเส้นแนวโน้ม โดยค่าเริ่มต้น ระบบจะใช้เส้นแนวโน้ม linear แต่ปรับแต่งได้โดยใช้ตัวเลือก trendlines.n.type

เส้นแนวโน้มจะถูกระบุแบบทีละชุด ดังนั้นตัวเลือกส่วนใหญ่ของคุณจะมีลักษณะดังนี้

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

สำหรับ เส้นแนวโน้ม ของ type: 'polynomial' ดีกรีของพหุนาม (2 สำหรับกำลังสอง 3 สำหรับลูกบาศก์ ฯลฯ)

ประเภท: number
ค่าเริ่มต้น: 3
trendlines.n.labelInLegend

หากตั้งค่าแล้ว เส้นแนวโน้ม จะปรากฏในคำอธิบายเป็นสตริงนี้

ประเภท: string
ค่าเริ่มต้น: null
trendlines.n.lineWidth

ความกว้างของเส้นของ เส้นแนวโน้ม หน่วยเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: 2
trendlines.n.type

กำหนด เส้นแนวโน้ม เป็น 'linear' (ค่าเริ่มต้น), 'exponential' หรือ 'polynomial'

ประเภท: string
ค่าเริ่มต้น: linear
trendlines.n.visibleInLegend

กำหนดให้สมการ เส้นแนวโน้ม ปรากฏในคำอธิบายหรือไม่ ซึ่งจะปรากฏในเคล็ดลับเครื่องมือของเส้นแนวโน้ม

ประเภท: boolean
ค่าเริ่มต้น: false
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการจะมีป้ายกำกับตัวเลขซึ่งระบุแกนที่ตัวควบคุมกำหนด โดยอยู่ในรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ

ตัวเลือกการกำหนดค่าแผนภูมิพื้นที่แบบขั้นบันได

ชื่อ
areaOpacity

ความทึบแสงเริ่มต้นของพื้นที่สีในชุดแผนภูมิพื้นที่ โดย 0.0 คือโปร่งใสทั้งหมด และ 1.0 คือทึบแสงเต็มที่ หากต้องการระบุความทึบแสงสำหรับแต่ละชุด ให้ตั้งค่า areaOpacity ในพร็อพเพอร์ตี้ series

ประเภท: number, 0.0- 1.0
ค่าเริ่มต้น: 0.3
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
backgroundColor.fill

สีเติมแผนภูมิ เป็นสตริงสี HTML

ประเภท: string
ค่าเริ่มต้น: 'white'
chartArea

ออบเจ็กต์ที่มีสมาชิกเพื่อกำหนดค่าตำแหน่งและขนาดของพื้นที่แผนภูมิ (บริเวณที่มีการวาดแผนภูมิ ยกเว้นแกนและคำอธิบาย) ระบบรองรับ 2 รูปแบบคือ ตัวเลขหรือตัวเลขตามด้วย % ตัวเลขง่ายๆ คือค่าที่มีหน่วยเป็นพิกเซล ตัวเลขตามด้วย % คือเปอร์เซ็นต์ เช่น chartArea:{left:20,top:0,width:'50%',height:'75%'}

ประเภท: object
ค่าเริ่มต้น: null
chartArea.backgroundColor
สีพื้นหลังของพื้นที่แผนภูมิ เมื่อใช้สตริง อาจเป็นสตริงเลขฐาน 16 (เช่น '#fdc') หรือชื่อสีภาษาอังกฤษ เมื่อมีการใช้ออบเจ็กต์ จะมีพร็อพเพอร์ตี้ต่อไปนี้ให้ใช้งาน
  • stroke: สีที่ระบุเป็นสตริงเลขฐานสิบหกหรือชื่อสีภาษาอังกฤษ
  • strokeWidth: หากระบุ ให้วาดเส้นขอบรอบพื้นที่แผนภูมิตามความกว้างที่กำหนด (และมีสีของ stroke)
ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
chartArea.height

ความสูงพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.left

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านซ้าย

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.top

ระยะห่างในการวาดแผนภูมิจากเส้นขอบด้านบน

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
chartArea.width

ความกว้างพื้นที่แผนภูมิ

ประเภท: number หรือ string
ค่าเริ่มต้น: อัตโนมัติ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
hAxis

วัตถุที่มีสมาชิกเพื่อกำหนดค่าองค์ประกอบของแกนแนวนอนต่างๆ หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
ประเภท: object
ค่าเริ่มต้น: null
hAxis.direction

ทิศทางที่ค่าตามแกนแนวนอนขยายตัว ระบุ -1 เพื่อกลับลำดับของค่า

ประเภท: 1 หรือ -1
ค่าเริ่มต้น: 1
hAxis.textPosition

ตำแหน่งของข้อความแกนแนวนอนที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
hAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

พร็อพเพอร์ตี้ hAxis ที่ระบุชื่อของแกนแนวนอน

ประเภท: string
ค่าเริ่มต้น: null
hAxis.titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อแกนแนวนอน ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวนอน

ประเภท: object
ค่าเริ่มต้น: null
hAxis.viewWindow.max

ค่าข้อมูลแนวนอนสูงสุดที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
hAxis.viewWindow.min

ค่าข้อมูลแนวนอนขั้นต่ำที่จะแสดง

ละเว้นเมื่อ hAxis.viewWindowMode คือ 'pretty' หรือ 'maximized'

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
isStacked

หากตั้งค่าเป็น true ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ในแผนภูมิ Column, Area และ SteppedArea แผนภูมิ Google จะกลับลำดับรายการคำอธิบายเพื่อให้สอดคล้องกับการเรียงซ้อนขององค์ประกอบชุดข้อมูลมากขึ้น (เช่น ชุดข้อมูล 0 จะเป็นรายการคำอธิบายด้านล่างสุด) ตัวเลือกนี้ ไม่ มีผลกับแผนภูมิแท่ง

ตัวเลือก isStacked ยังรองรับการเรียงซ้อน 100% ด้วย ซึ่งจะปรับขนาดกององค์ประกอบที่ค่าโดเมนแต่ละค่าใหม่ให้รวมกันได้ 100%

ตัวเลือกสำหรับ isStacked มีดังนี้

  • false — องค์ประกอบจะไม่ซ้อนกัน ประเภทการทำงานนี้เป็นค่าเริ่มต้น
  • true — ซ้อนเอลิเมนต์สำหรับทุกชุดที่ค่าโดเมนแต่ละค่า
  • 'percent' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่ให้รวมกันได้ 100% โดยค่าขององค์ประกอบแต่ละรายการจะคำนวณเป็นเปอร์เซ็นต์ของ 100%
  • 'relative' — ซ้อนองค์ประกอบสำหรับชุดข้อมูลทั้งหมดที่แต่ละค่าโดเมนและปรับขนาดใหม่โดยรวมกันเป็น 1 โดยค่าขององค์ประกอบแต่ละค่าจะคำนวณเป็นเศษส่วน 1
  • 'absolute' — ทำงานเหมือนกับ isStacked: true

สำหรับการซ้อน 100% ค่าที่คำนวณแล้วของแต่ละองค์ประกอบจะปรากฏในเคล็ดลับเครื่องมือหลังจากค่าจริง

แกนเป้าหมายจะมีค่าเริ่มต้นเป็นการเลือกค่าตามสเกล 0-1 สัมพัทธ์เป็นเศษส่วน ของ 1 สำหรับ 'relative' และ 0-100% สำหรับ 'percent' (หมายเหตุ: เมื่อใช้ตัวเลือก 'percent' ค่าแกน/เครื่องหมายถูกจะแสดงเป็นเปอร์เซ็นต์ แต่ค่าจริงจะเป็นค่าสเกล 0-1 สัมพัทธ์ เนื่องจากเครื่องหมายถูกบนแกนเปอร์เซ็นต์เป็นผลมาจากการใช้รูปแบบ "#.##%" กับค่าสเกล 0-1 สัมพัทธ์ เมื่อใช้ isStacked: 'percent' อย่าลืมระบุเครื่องหมายขีด/เส้นตารางโดยใช้ค่าสเกล 0-1 สัมพัทธ์) คุณสามารถปรับแต่งค่าและการจัดรูปแบบของเส้นตาราง/เครื่องหมายถูกโดยใช้ตัวเลือก hAxis/vAxis ที่เหมาะสม

การเรียงซ้อน 100% รองรับเฉพาะค่าข้อมูลประเภท number และต้องมีเกณฑ์พื้นฐานเป็น 0

ประเภท: boolean/ string
ค่าเริ่มต้น: false
คำอธิบาย

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าแง่มุมต่างๆ ของคำอธิบาย หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
ประเภท: object
ค่าเริ่มต้น: null
legend.position

ตำแหน่งของคำอธิบาย อาจมีสถานะใดสถานะหนึ่งดังต่อไปนี้

  • 'bottom' - ใต้แผนภูมิ
  • 'left' - ทางด้านซ้ายของแผนภูมิ หากแกนด้านซ้ายไม่มีชุดที่เชื่อมโยงกับแผนภูมิ ถ้าต้องการให้คำอธิบายอยู่ทางซ้าย ให้ใช้ตัวเลือก targetAxisIndex: 1
  • 'in' - ภายในแผนภูมิ ที่มุมซ้ายบน
  • 'none' - ไม่แสดงคำอธิบาย
  • 'right' - ทางด้านขวาของแผนภูมิ ไม่สามารถใช้ร่วมกับตัวเลือก vAxes
  • 'top' - เหนือแผนภูมิ
ประเภท: string
ค่าเริ่มต้น: 'right'
legendTextStyle

ออบเจ็กต์ที่ระบุรูปแบบข้อความคำอธิบาย ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

หากตั้งค่าเป็น true ให้วาดชุดจากขวาไปซ้าย ค่าเริ่มต้นคือวาดจากซ้ายไปขวา

ตัวเลือกนี้รองรับเฉพาะแกน discrete major

ประเภท: boolean
ค่าเริ่มต้น: false
ซีรีส์

อาร์เรย์ของออบเจ็กต์ แต่ละรายการอธิบายรูปแบบของชุดข้อมูลที่เกี่ยวข้องในแผนภูมิ หากต้องการใช้ค่าเริ่มต้นสำหรับชุดหนังสือ ให้ระบุวัตถุว่าง {} หากไม่ได้ระบุชุดหรือค่า ระบบจะใช้ค่าส่วนกลาง ออบเจ็กต์แต่ละรายการรองรับพร็อพเพอร์ตี้ต่อไปนี้

  • areaOpacity - ลบล้าง areaOpacity ส่วนกลางสำหรับชุดหนังสือนี้
  • color - สีที่ใช้สำหรับชุดนี้ ระบุสตริงสี HTML ที่ถูกต้อง
  • type - ประเภทของตัวทำเครื่องหมายสำหรับชุดนี้ ค่าที่ถูกต้องคือ "line", "area", "bars" และ "steppedArea" โปรดทราบว่า แท่งแผนภูมิจริงๆ คือแท่งแนวตั้ง (คอลัมน์) ค่าเริ่มต้นจะระบุโดยตัวเลือก seriesType ของแผนภูมิ
  • labelInLegend - คำอธิบายของชุดที่จะปรากฏในคำอธิบายแผนภูมิ
  • lineDashStyle - ลบล้างค่า lineDashStyle ร่วมสำหรับชุดนี้
  • targetAxisIndex - จะกําหนดชุดนี้ให้แกนใด โดย 0 เป็นแกนเริ่มต้น และ 1 คือแกนตรงข้าม ค่าเริ่มต้นคือ 0 ตั้งค่าเป็น 1 เพื่อกำหนดแผนภูมิที่มีการแสดงผลชุดที่ต่างกันในแกนต่างๆ ต้องจัดสรรอย่างน้อย 1 ชุดให้กับแกนเริ่มต้น คุณกำหนดสเกลที่ต่างกันสำหรับแกนต่างๆ ได้
  • visibleInLegend - ค่า boolean โดยที่ true หมายความว่าชุดหนังสือควรมีรายการคำอธิบาย และ false หมายความว่าชุดหนังสือไม่ควรมีรายการคำอธิบาย ค่าเริ่มต้นคือ true

คุณระบุอาร์เรย์ของออบเจ็กต์ได้ โดยแต่ละรายการจะนำไปใช้กับชุดตามลำดับที่กำหนด หรือจะระบุวัตถุที่แต่ละวัตถุมีคีย์ตัวเลขที่ระบุว่าใช้กับชุดใด ตัวอย่างเช่น การประกาศ 2 รายการต่อไปนี้เหมือนกัน และประกาศชุดแรกเป็นสีดำและไม่มีในคำอธิบาย และชุดที่ 4 เป็นสีแดงและไม่มีในคำอธิบาย

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
ประเภท: อาร์เรย์ของออบเจ็กต์ หรือออบเจ็กต์ที่มีออบเจ็กต์ที่ซ้อนกัน
ค่าเริ่มต้น: {}
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ธีม [theme]

ธีมคือชุดของค่าตัวเลือกที่กำหนดไว้ล่วงหน้า ซึ่งจะทำงานร่วมกันเพื่อให้ได้ลักษณะการทำงานของแผนภูมิหรือเอฟเฟกต์ภาพที่เฉพาะเจาะจง ปัจจุบันมีธีมที่ใช้ได้เพียง 1 ธีมเท่านั้น

  • 'maximized' - ขยายพื้นที่ของแผนภูมิสูงสุด วาดคำอธิบายและป้ายกำกับทั้งหมดภายในพื้นที่แผนภูมิ
ประเภท: string
ค่าเริ่มต้น: null
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นคอลัมน์ข้อความ

ประเภท: boolean
useFirstColumnAsDomain

หากตั้งค่าเป็น true แผนภูมิจะถือว่าคอลัมน์ดังกล่าวเป็นโดเมน

ประเภท: boolean
vAxes

ระบุพร็อพเพอร์ตี้ของแกนแนวตั้งแต่ละแกน หากแผนภูมิมีแกนแนวตั้งหลายแกน ออบเจ็กต์ย่อยแต่ละรายการเป็นออบเจ็กต์ vAxis และมีพร็อพเพอร์ตี้ทั้งหมดที่ vAxis รองรับได้ ค่าพร็อพเพอร์ตี้เหล่านี้จะลบล้างการตั้งค่าส่วนกลางสำหรับพร็อพเพอร์ตี้เดียวกัน

หากต้องการระบุแผนภูมิที่มีแกนแนวตั้งหลายแกน ให้กำหนดแกนใหม่โดยใช้ series.targetAxisIndex จากนั้นกำหนดค่าแกนโดยใช้ vAxes ตัวอย่างต่อไปนี้กำหนดชุดที่ 2 ให้กับแกนด้านขวาและระบุชื่อและรูปแบบข้อความที่กำหนดเอง

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

พร็อพเพอร์ตี้นี้อาจเป็นออบเจ็กต์หรืออาร์เรย์ก็ได้ ออบเจ็กต์คือคอลเล็กชันของออบเจ็กต์ โดยแต่ละรายการมีป้ายกำกับตัวเลขซึ่งระบุแกนที่กำหนดให้เป็นรูปแบบที่แสดงด้านบน อาร์เรย์คืออาร์เรย์ของออบเจ็กต์ 1 รายการต่อแกน เช่น รูปแบบอาร์เรย์ต่อไปนี้เหมือนกับออบเจ็กต์ vAxis ที่แสดงด้านบน

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
ค่าเริ่มต้น: 1
vAxis.gridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางบนแกนแนวตั้ง โปรดทราบว่าเส้นตารางของแกนแนวตั้งจะวาดในแนวนอน หากต้องการระบุพร็อพเพอร์ตี้ของออบเจ็กต์นี้ คุณใช้รูปแบบลิเทอรัลของออบเจ็กต์ได้ดังที่แสดงที่นี่

{color: '#333', minSpacing: 20}

ตัวเลือกนี้รองรับเฉพาะแกน continuous เท่านั้น

ประเภท: object
ค่าเริ่มต้น: null
vAxis.gridlines.color

สีของเส้นตารางแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: '#CCC'
vAxis.gridlines.count

จำนวนเส้นตารางแนวนอนโดยประมาณภายในพื้นที่แผนภูมิ หากคุณระบุจำนวนบวกสำหรับ gridlines.count ระบบจะใช้จำนวนดังกล่าวเพื่อคำนวณ minSpacing ระหว่างเส้นตาราง คุณระบุค่า 1 เพื่อวาดเส้นตารางเพียง 1 เส้น หรือ 0 เพื่อวาดเส้นตารางก็ได้ ระบุ -1 ซึ่งเป็นค่าเริ่มต้นเพื่อคำนวณจำนวนเส้นตารางโดยอัตโนมัติตามตัวเลือกอื่นๆ

ประเภท: number
ค่าเริ่มต้น: -1
vAxis.logScale

หากเป็น true จะทำให้แกนแนวตั้งเป็นสเกลลอการิทึม หมายเหตุ: ค่าทั้งหมดต้องเป็นค่าบวก

ประเภท: boolean
ค่าเริ่มต้น: false
vAxis.maxValue

ย้ายค่าสูงสุดของแกนแนวตั้งเป็นค่าที่ระบุ ซึ่งจะอยู่ด้านบนในแผนภูมิส่วนใหญ่ ไม่สนใจหากตั้งค่านี้เป็นค่าที่น้อยกว่าค่า y สูงสุดของข้อมูล vAxis.viewWindow.max จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.minorGridlines

ออบเจ็กต์ที่มีสมาชิกสำหรับกำหนดค่าเส้นตารางย่อยบนแกนแนวตั้ง ซึ่งคล้ายกับตัวเลือก vAxis.gridlines

ประเภท: object
ค่าเริ่มต้น: null
vAxis.minorGridlines.color

สีของเส้นตารางย่อยแนวตั้งภายในพื้นที่แผนภูมิ ระบุสตริงสี HTML ที่ถูกต้อง

ประเภท: string
ค่าเริ่มต้น: การผสมผสานของสีของเส้นตารางและสีพื้นหลัง
vAxis.minorGridlines.count

ส่วนใหญ่แล้วตัวเลือก minorGridlines.count จะเลิกใช้งาน ยกเว้นการปิดใช้เส้นตารางย่อยโดยตั้งค่าการนับเป็น 0 จํานวนเส้นตารางย่อยจะขึ้นอยู่กับช่วงเวลาระหว่างเส้นตารางหลักกับพื้นที่ขั้นต่ำที่ต้องการ

ประเภท: number
ค่าเริ่มต้น: 1
vAxis.minValue

ย้ายค่าขั้นต่ำของแกนแนวตั้งไปยังค่าที่ระบุ ซึ่งจะเลื่อนลงไปด้านล่างในแผนภูมิส่วนใหญ่ จะไม่สนใจหากตั้งค่านี้เป็นค่าที่มากกว่าค่า y ต่ำสุดของข้อมูล vAxis.viewWindow.min จะลบล้างพร็อพเพอร์ตี้นี้

ประเภท: number
ค่าเริ่มต้น: null
vAxis.textPosition

ตำแหน่งของข้อความแกนแนวตั้งที่สัมพันธ์กับพื้นที่แผนภูมิ ค่าที่รองรับ: 'out', 'in', 'none'

ประเภท: string
ค่าเริ่มต้น: 'out'
vAxis.textStyle

วัตถุที่ระบุรูปแบบข้อความของแกนแนวตั้ง ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: 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> }
  

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

ระบุช่วงการครอบตัดของแกนแนวตั้ง

ประเภท: object
ค่าเริ่มต้น: null
vAxis.viewWindow.max

ค่าข้อมูลประเภทธุรกิจสูงสุดที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
vAxis.viewWindow.min

ค่าข้อมูลแนวตั้งขั้นต่ำที่จะแสดง

ไม่สนใจเมื่อ vAxis.viewWindowMode เป็น "pretty" หรือ "maximized"

ประเภท: number
ค่าเริ่มต้น: อัตโนมัติ
ความกว้าง

ความกว้างของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างขององค์ประกอบที่มีอยู่

ตัวเลือกการกำหนดค่าแผนภูมิตาราง

ชื่อ
alternatingRowStyle

กำหนดว่าจะกำหนดรูปแบบสีสลับให้กับแถวคู่และแถวคี่หรือไม่

ประเภท: boolean
ค่าเริ่มต้น: true
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
เพจ

เปิดใช้การแบ่งหน้าข้อมูลหรือไม่ และวิธีเปิดใช้ เลือกค่า string ค่าใดค่าหนึ่งต่อไปนี้

  • 'enable' - ตารางจะมีปุ่มไปข้างหน้าและย้อนกลับหน้า การคลิกปุ่มเหล่านี้จะทำการสลับหน้าและเปลี่ยนหน้าที่แสดง คุณอาจต้องตั้งค่าตัวเลือก pageSize ด้วย
  • 'event' - ตารางจะมีปุ่มไปข้างหน้าและหน้าที่ย้อนกลับ แต่การคลิกปุ่มดังกล่าวจะทริกเกอร์เหตุการณ์ 'page' และจะไม่เปลี่ยนแปลงหน้าที่แสดง ควรใช้ตัวเลือกนี้เมื่อโค้ดใช้ตรรกะการพลิกหน้าของตนเอง ดูตัวอย่าง TableQueryWrapper สําหรับตัวอย่างวิธีจัดการเหตุการณ์การแบ่งหน้าด้วยตนเอง
  • 'disable' - [ค่าเริ่มต้น] ไม่รองรับการแบ่งหน้า
  • ประเภท: string
    ค่าเริ่มต้น: 'disable'
pageSize

จำนวนแถวในแต่ละหน้า เมื่อเปิดใช้การแบ่งหน้าด้วยตัวเลือกหน้าเว็บ

ประเภท: number
ค่าเริ่มต้น: 10
showRowNumber

หากตั้งค่าเป็น true จะแสดงหมายเลขแถวเป็นคอลัมน์แรกของตาราง

ประเภท: boolean
ค่าเริ่มต้น: false
จัดเรียง

วิธีการจัดเรียงคอลัมน์เมื่อผู้ใช้คลิกส่วนหัวของคอลัมน์ หากเปิดใช้การจัดเรียง ให้พิจารณาตั้งค่าพร็อพเพอร์ตี้ sortAscending และ sortColumn ด้วย เลือกค่า string ค่าใดค่าหนึ่งต่อไปนี้

  • 'enable' - [ค่าเริ่มต้น] ผู้ใช้จะคลิกส่วนหัวของคอลัมน์เพื่อจัดเรียงตามคอลัมน์ที่มีการคลิกได้ เมื่อผู้ใช้คลิกที่ส่วนหัวของคอลัมน์ ระบบจะจัดเรียงแถวโดยอัตโนมัติและ'sort'ทริกเกอร์เหตุการณ์
  • 'event' - เมื่อผู้ใช้คลิกที่ส่วนหัวของคอลัมน์ ระบบจะทริกเกอร์เหตุการณ์ 'sort' แต่ไม่จัดเรียงแถวโดยอัตโนมัติ ควรใช้ตัวเลือกนี้เมื่อหน้าเว็บใช้การจัดเรียงของตนเอง ดู ตัวอย่าง TableQueryWrapper เพื่อดูตัวอย่างวิธีจัดการเหตุการณ์การจัดเรียงด้วยตนเอง
  • 'disable'- การคลิกส่วนหัวของคอลัมน์จะไม่มีผล
ประเภท: string
ค่าเริ่มต้น: 'enable'
sortAscending

ลำดับการจัดเรียงคอลัมน์การจัดเรียงเริ่มต้น True สำหรับน้อยไปมาก, false สำหรับมากไปน้อย ไม่สนใจหากไม่ได้ระบุ sortColumn

ประเภท: boolean
ค่าเริ่มต้น: true
sortColumn

ดัชนีของคอลัมน์ในตารางข้อมูล ซึ่งเป็นการจัดเรียงตารางในตอนแรก คอลัมน์จะมีลูกศรเล็กๆ ที่ระบุลำดับการจัดเรียง

ประเภท: number
ค่าเริ่มต้น: -1
ความกว้าง

ความกว้างของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างขององค์ประกอบที่มีอยู่

ตัวเลือกการกําหนดค่าไทม์ไลน์

ชื่อ
backgroundColor

สีพื้นหลังสำหรับพื้นที่หลักของแผนภูมิ อาจเป็นสตริงสี HTML แบบง่าย เช่น 'red' หรือ '#00cc00' หรือออบเจ็กต์ที่มีพร็อพเพอร์ตี้ต่อไปนี้

ประเภท: string หรือ object
ค่าเริ่มต้น: 'white'
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี HTML เช่น colors:['red','#004411']

ประเภท: อาร์เรย์ของสตริง
ค่าเริ่มต้น: สีเริ่มต้น
ส่วนสูง

ความสูงของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความสูงขององค์ประกอบที่มีอยู่
ความกว้าง

ความกว้างของแผนภูมิเป็นพิกเซล

ประเภท: number
ค่าเริ่มต้น: ความกว้างขององค์ประกอบที่มีอยู่

ตัวเลือกการกำหนดค่าแผนภูมิต้นไม้

ชื่อ
headerColor

สีของส่วนหัวสำหรับแต่ละโหนด ระบุค่าสี HTML

ประเภท: string
ค่าเริ่มต้น: #988f86
maxColor

สีของสี่เหลี่ยมที่มีค่าคอลัมน์ 3 เป็น maxColorValue ระบุค่าสี HTML

ประเภท: string
ค่าเริ่มต้น: #00dd00
maxDepth

จำนวนระดับโหนดสูงสุดที่จะแสดงในมุมมองปัจจุบัน ระบบจะปรับระดับให้เป็นแนวราบในระนาบปัจจุบัน หากต้นไม้มีชั้นมากกว่านี้ คุณต้องขึ้นหรือลงเพื่อดูระดับ นอกจากนี้ คุณยังดู maxPostDepth ระดับที่ต่ำกว่านี้ในรูปแบบสี่เหลี่ยมผืนผ้าแรเงาภายในโหนดเหล่านี้ได้อีกด้วย

ประเภท: number
ค่าเริ่มต้น: 1
maxPostDepth

จำนวนระดับของโหนดที่เกิน maxDepth ที่จะแสดงในลักษณะ "แนะนำ" โหนดที่บอกใบ้จะแสดงเป็นสี่เหลี่ยมผืนผ้าเฉดสีภายในโหนดที่ยังอยู่ในขีดจำกัด maxDepth

ประเภท: number
ค่าเริ่มต้น: 0
midColor

สีของสี่เหลี่ยมผืนผ้าที่มีค่าคอลัมน์ 3 อยู่ระหว่าง maxColorValue ถึง minColorValue ระบุค่าสี HTML

ประเภท: string
ค่าเริ่มต้น: #000000
minColor

สีของสี่เหลี่ยมที่มีค่าคอลัมน์ 3 เป็น minColorValue ระบุค่าสี HTML

ประเภท: string
ค่าเริ่มต้น: #dd0000
noColor

สีที่จะใช้สำหรับรูปสี่เหลี่ยมผืนผ้าเมื่อโหนดไม่มีค่าสำหรับคอลัมน์ 3 และโหนดนั้นเป็นใบไม้ (หรือมีเฉพาะใบ) ระบุค่าสี HTML

ประเภท: string
ค่าเริ่มต้น: #000000
คำบรรยาย

ข้อความที่จะแสดงใต้ชื่อแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
subtitleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ สีอาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' โปรดดู fontName และ fontSize

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

ข้อความที่จะแสดงเหนือแผนภูมิ

ประเภท: string
ค่าเริ่มต้น: ไม่มีชื่อ
titleTextStyle

วัตถุที่ระบุรูปแบบข้อความชื่อ ออบเจ็กต์มีรูปแบบดังนี้

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color อาจเป็นสตริงสี HTML ใดก็ได้ เช่น 'red' หรือ '#00cc00' ดู fontName และ fontSize ด้วย

ประเภท: object
ค่าเริ่มต้น: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}