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

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

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

ชื่อ
สี

สีที่ใช้สำหรับองค์ประกอบของแผนภูมิ อาร์เรย์ของสตริง โดยที่องค์ประกอบแต่ละรายการเป็นสตริงสี 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 มีความโปร่งใส 100% และ 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 ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ใน คอลัมน์, พื้นที่ และ แผนภูมิ 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

ประเภท: 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 ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ใน คอลัมน์, พื้นที่ และ แผนภูมิ 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

ประเภท: 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

ประเภท: 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

ประเภท: 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 ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ใน คอลัมน์ พื้นที่ และ แผนภูมิ 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ชื่อ
areaOpacity

ความทึบแสงเริ่มต้นของพื้นที่สีในกลุ่มแผนภูมิพื้นที่ โดยที่ 0.0 มีความโปร่งใส 100% และ 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 ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ใน คอลัมน์, พื้นที่ และ แผนภูมิ 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 หากคุณใช้ trendline ค่า ตัวเลือก 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

ประเภท: 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 ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ใน คอลัมน์, พื้นที่ และ แผนภูมิ 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

ประเภท: 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 หากคุณใช้ trendline ค่า ตัวเลือก 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

ประเภท: 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 หากคุณใช้ trendline ค่า ตัวเลือก 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ชื่อ
areaOpacity

ความทึบแสงเริ่มต้นของพื้นที่สีในกลุ่มแผนภูมิพื้นที่ โดยที่ 0.0 มีความโปร่งใส 100% และ 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 ระบบจะซ้อนองค์ประกอบสำหรับชุดทั้งหมดที่แต่ละค่าของโดเมน หมายเหตุ: ใน คอลัมน์, พื้นที่ และ แผนภูมิ 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 มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

ไม่สนใจเมื่อ vAxis.viewWindowMode มีสถานะ "ค่อนข้าง" หรือ "ขยายใหญ่สุด"

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

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

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

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

ชื่อ
alternatingRowStyle

กำหนดว่าจะกำหนดรูปแบบสีสลับให้กับแถวคู่และแถวคี่หรือไม่

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

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

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

เปิดใช้การแบ่งหน้าข้อมูลหรือไม่ และวิธีเปิดใช้ เลือกค่า string ค่าใดค่าหนึ่งต่อไปนี้

  • 'enable' - ตารางจะรวม Page-Forward และ Page-back การคลิกปุ่มเหล่านี้จะทำการสลับหน้าและ เปลี่ยนหน้าที่แสดง คุณอาจต้องตั้งค่าตัวเลือก 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>}