คําเตือน: API นี้เลิกใช้งานแล้ว โปรดใช้ Google Charts ที่มีการดูแลอย่างดีแทน ดูรายละเอียดได้ที่นโยบายการเลิกใช้งาน

หน้านี้ได้รับการแปลโดย Cloud Translation API

สูตรคณิตศาสตร์

$cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$

คุณจะสร้างรูปภาพที่แสดงสูตรคณิตศาสตร์ได้โดยใช้ภาษา TeX

ภาพรวม

คุณสามารถสร้างรูปภาพของสูตรคณิตศาสตร์โดยใช้ภาษาเท็กซัส (อ่านว่า "tek" หรือ "tech") ซึ่งมีประโยชน์ในการแสดงสูตรที่ซับซ้อนในหน้าเว็บของคุณ ต่อไปนี้คือตัวอย่างบางส่วนของสูตรที่แสดงผลทันที

$cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$

$cht=tx&chco=FF0000&chf=bg,lg,20,76A4FB,1,FFFFFF,0&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

คัดลอกและวาง URL ของรูปภาพลงในเบราว์เซอร์เพื่อดู URL ที่สร้างแต่ละรูปภาพ

ระบุสูตรโดยใช้ภาษา TeX ในพร็อพเพอร์ตี้ src ด้วยแท็ก <img> แล้วสูตรจะแสดงผลเป็นไฟล์ PNG หรือจะส่งคำขอ GET แบบเป็นโปรแกรมเพื่อดึงสูตร PNG ก็ได้ หากต้องการ

ไวยากรณ์

URL รูท: https://chart.googleapis.com/chart?

คำขออิมเมจสูตรรองรับพารามิเตอร์การค้นหาของ URL ต่อไปนี้หลัง ? ใน URL ราก:

พารามิเตอร์ของ URL	ต้องระบุหรือไม่บังคับ	คำอธิบาย
`cht=tx`	จำเป็น	ระบุว่านี่เป็นอิมเมจประเภทสูตร
`chl=<data>`	จำเป็น	สูตรที่จะแสดงในภาษา TeX คุณต้องเข้ารหัส URL สูตร โปรดดูรายละเอียดด้านล่าง
`chs=<width>x<height>`	ไม่บังคับ	ขนาดรูปภาพเป็นพิกเซล หากไม่ระบุไว้ ระบบจะคำนวณขนาดให้โดยอัตโนมัติ หากคุณระบุค่าเดียว ค่านั้นจะเป็นความสูงและระบบจะคำนวณความกว้างให้คุณ
`chf`	ไม่บังคับ	รองรับการเติมสีในพื้นหลังทุกประเภท ดูการเติมพื้นหลัง
`chco`	ไม่บังคับ	ระบุสีข้อความ ค่าเริ่มต้นคือสีดำ

การเข้ารหัส URL ข้อมูล chl

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

ข้อผิดพลาดที่เกิดบ่อยที่สุดคือการใช้เครื่องหมาย + ในสูตรแทนที่จะเป็น %2B ตามที่แสดงไว้ด้านล่างนี้

ไม่ได้เข้ารหัส URL	เข้ารหัส URL
`cht=tx&chl=a^2+b^2=c^2`	`cht=tx&chl=a^2%2Bb^2=c^2`

การเติมพื้นหลัง (`chf`)

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

แบบทึบ

คุณสามารถระบุการเติมสีทึบ ไม่ว่าจะมีหรือไม่โปร่งใส หรือทำให้รูปภาพทั้งหมดโปร่งใสก็ได้

ไวยากรณ์

chf=<fill_type>,s,<color>|...

<fill_type>

ระบุค่าใดค่าหนึ่งต่อไปนี้

bg - สีพื้นหลัง อาจทำให้พื้นหลังโปร่งใสได้หากคุณระบุค่าอัลฟ่าในพารามิเตอร์ <color>
a - ความโปร่งใสของรูปภาพ ระบบจะไม่สนใจตัวเลข 6 หลักแรกของ <color> และใช้เฉพาะตัวเลข 2 หลักสุดท้าย (ค่าความโปร่งใส)

s

ระบุการเติมสีทึบ

<color>

สีเติมในรูปแบบ RRGGBB[AA] ฐานสิบหก โดย AA เป็นค่าความโปร่งใส (อัลฟ่า) ที่ไม่บังคับ

ตัวอย่าง

คำอธิบาย ตัวอย่าง

คำอธิบาย	ตัวอย่าง
สูตรที่มีพื้นหลังสีน้ำเงิน	$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,s,0000EF`
เช่นเดียวกับด้านบน แต่พื้นหลังจะทำให้โปร่งใสเล็กน้อยโดยใช้ตัวอักษรและตัวเลข 2 หลัก นั่นคือ 80 ซึ่งสอดคล้องกับความโปร่งใสประมาณ 50% โปรดสังเกตว่าพื้นหลังของสูตรโปร่งใส แต่จะไม่เห็นข้อความ	$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF80&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,s,0000EF80`
ตัวอย่างนี้ใช้ความโปร่งใสกับทั้งรูปภาพ สังเกตว่าพื้นหลังของเซลล์ตารางปรากฏทั้งในส่วนของข้อความและพื้นหลัง รูปภาพมีพื้นหลัง 2 แบบเข้าด้วยกันโดยใช้อักขระไปป์ ดังนี้ `a,s,00000080` - ทำให้ทั้งรูปภาพโปร่งใส `bg,s,0000EF` - ใช้พื้นหลังสีน้ำเงิน พื้นหลังจะทำแบบโปร่งใสเช่นเดียวกับพารามิเตอร์ก่อนหน้า	$cht=tx&chco=FF0000&chs=200x125&chf=a,s,00000080\|bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=a,s,00000080\| bg,s,0000EF`

สูตรที่มีพื้นหลังสีน้ำเงิน

$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,s,0000EF

เช่นเดียวกับด้านบน แต่พื้นหลังจะทำให้โปร่งใสเล็กน้อยโดยใช้ตัวอักษรและตัวเลข 2 หลัก นั่นคือ 80 ซึ่งสอดคล้องกับความโปร่งใสประมาณ 50% โปรดสังเกตว่าพื้นหลังของสูตรโปร่งใส แต่จะไม่เห็นข้อความ

$cht=tx&chco=FF0000&chs=200x125&chf=bg,s,0000EF80&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,s,0000EF80

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

a,s,00000080 - ทำให้ทั้งรูปภาพโปร่งใส
bg,s,0000EF - ใช้พื้นหลังสีน้ำเงิน พื้นหลังจะทำแบบโปร่งใสเช่นเดียวกับพารามิเตอร์ก่อนหน้า

$cht=tx&chco=FF0000&chs=200x125&chf=a,s,00000080|bg,s,0000EF&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=a,s,00000080| bg,s,0000EF

กลับไปด้านบน

การไล่ระดับสี

คุณสามารถใช้การไล่ระดับสีอย่างน้อย 1 แบบในสูตรได้ การไล่ระดับสี จะจางจากสีหนึ่งเป็นอีกสีหนึ่ง

การเติมสีแบบไล่ระดับสีแต่ละรายการจะระบุมุม และมีสีตั้งแต่ 2 สีขึ้นไปที่ตรึงไว้ในตำแหน่งที่ระบุ สีจะแตกต่างกันไปเมื่อย้ายจาก Anchor หนึ่งไปยังอีก Anchor คุณต้องมีอย่างน้อย 2 สีที่มีค่า <color_centerpoint> แตกต่างกันเพื่อให้สีหนึ่งจางลงได้ การไล่ระดับสีเพิ่มเติมแต่ละรายการจะระบุด้วยคู่ <color>,<color_centerpoint>

ไวยากรณ์

chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>

bg: สีพื้นหลัง
lg: ระบุการไล่ระดับสี
<angle>: ตัวเลขที่ระบุมุมของการไล่ระดับสีจาก 0 (แนวนอน) ถึง 90 (แนวตั้ง)
<color>: สีของสีเติมในรูปแบบเลขฐานสิบหก RRGGBB
<color_centerpoint>: ระบุจุดยึดของสี สีจะเริ่มจางจากจุดนี้เมื่อเข้าใกล้จุดยึดอื่น ช่วงค่าเริ่มจาก 0.0 (ขอบด้านล่างหรือด้านซ้าย) ถึง 1.0 (ขอบบนหรือขวา) โดยเอียงตามมุมที่ระบุด้วย <angle>

ตัวอย่าง

คำอธิบาย ตัวอย่าง

คำอธิบาย	ตัวอย่าง
สูตรมีการไล่ระดับสีแบบเส้นตรงแนวนอน โดยระบุมุมเป็น 0 องศา (`0`) `chf=bg,lg` - กำหนดการเติมสีแบบไล่ระดับสี `0` - เอียง 0 องศา `FFE7C6`,0 - การไล่ระดับสีพีชตรงกึ่งกลางด้านซ้าย (ตำแหน่ง `0`) `76A4FB,1` - การไล่ระดับสีสีฟ้าตรงกลางด้านขวา (ตำแหน่ง `1.0`)	$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,0,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,lg,0,FFE7C6,0,76A4FB,1`
เหมือนกับด้านบน แต่มีการไล่ระดับสี 45 องศา	$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,45,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,lg,45,FFE7C6,076A4FB,1`

สูตรมีการไล่ระดับสีแบบเส้นตรงแนวนอน โดยระบุมุมเป็น 0 องศา (0)

chf=bg,lg - กำหนดการเติมสีแบบไล่ระดับสี
0 - เอียง 0 องศา
FFE7C6,0 - การไล่ระดับสีพีชตรงกึ่งกลางด้านซ้าย (ตำแหน่ง 0)
76A4FB,1 - การไล่ระดับสีสีฟ้าตรงกลางด้านขวา (ตำแหน่ง 1.0)

$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,0,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,lg,0,FFE7C6,0,76A4FB,1

เหมือนกับด้านบน แต่มีการไล่ระดับสี 45 องศา

$cht=tx&chco=FF0000&chs=200x125&chf=bg,lg,45,FFE7C6,0,76A4FB,1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$

chf=bg,lg,45,FFE7C6,076A4FB,1

กลับไปด้านบน

สีเติมลายทาง

คุณสามารถระบุการเติมพื้นหลังแบบลายเส้นสำหรับสูตรได้

ไวยากรณ์

chf=
  bg,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>

bg: สีพื้นหลัง
ls: ระบุการเติมสีแถบเชิงเส้น
<angle>: มุมของแถบทั้งหมด ซึ่งสัมพันธ์กับแกน Y ใช้ 0 สำหรับแถบแนวตั้ง หรือ 90 สำหรับแถบแนวนอน
<color>: สีของแถบนี้ในรูปแบบเลขฐานสิบหก RRGGBB ทำซ้ำ <color> และ <width> สำหรับแต่ละแถบ คุณต้องมีอย่างน้อย 2 ลาย แถบจะสลับกันจนกว่ารูปภาพจะเต็ม
<width>: ความกว้างของแถบนี้ตั้งแต่ 0 ถึง 1 โดยที่ 1 คือความกว้างเต็มขนาดของรูปภาพ แถบจะปรากฏซ้ำจนกว่ารูปภาพจะเต็ม ทำซ้ำ <color> และ <width> สำหรับแต่ละแถบ คุณต้องมีอย่างน้อย 2 ลาย แถบจะสลับกันจนกว่ารูปภาพจะเต็ม

ตัวอย่าง

คำอธิบาย ตัวอย่าง

คำอธิบาย	ตัวอย่าง
`bg,ls,0` - แถบพื้นหลังที่ทำมุม 0 องศากับแกน Y (ขนานกับแกน Y) `CCCCCC,0.15` - แถบแรกเป็นสีเทาเข้ม กว้างเท่ากับรูปภาพ 15% `FFFFFF,0.1` - แถบที่ 2 เป็นสีขาว โดยกว้างเท่ากับรูปภาพ 10%	$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1`
`c,ls,90` - แถบพื้นหลังทำมุม 90 องศากับแกน Y `999999,0.25` - แถบแรกเป็นสีเทาเข้ม กว้างเท่ากับรูปภาพ 25% `CCCCCC,0.25` - เหมือนกับแถบแรก แต่เป็นสีเทาอ่อน `FFFFFF,0.25` - เหมือนกับแถบแรก แต่มีสีขาว	$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$ `chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25`

bg,ls,0 - แถบพื้นหลังที่ทำมุม 0 องศากับแกน Y (ขนานกับแกน Y)
CCCCCC,0.15 - แถบแรกเป็นสีเทาเข้ม กว้างเท่ากับรูปภาพ 15%
FFFFFF,0.1 - แถบที่ 2 เป็นสีขาว โดยกว้างเท่ากับรูปภาพ 10%

$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1

c,ls,90 - แถบพื้นหลังทำมุม 90 องศากับแกน Y
999999,0.25 - แถบแรกเป็นสีเทาเข้ม กว้างเท่ากับรูปภาพ 25%
CCCCCC,0.25 - เหมือนกับแถบแรก แต่เป็นสีเทาอ่อน
FFFFFF,0.25 - เหมือนกับแถบแรก แต่มีสีขาว

$cht=tx&chco=FF0000&chs=200x125&chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25&chl=\Large\mathbb{Q}+\lim_{x\to3}\frac{1}{x}$
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

กลับไปด้านบน

สูตรคณิตศาสตร์

ภาพรวม

ไวยากรณ์

การเข้ารหัส URL ข้อมูล chl

การเติมพื้นหลัง (chf)

แบบทึบ

การไล่ระดับสี

สีเติมลายทาง

การเติมพื้นหลัง (`chf`)