![cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}](https://developers.google.cn/static/chart/infographics/images/chart_528.png?authuser=4&hl=th)
คุณสามารถสร้างรูปภาพที่แสดงสูตรทางคณิตศาสตร์โดยใช้ภาษา TeX ได้
ภาพรวม
คุณสามารถสร้างรูปภาพของสูตรคณิตศาสตร์โดยใช้ภาษา TeX (ออกเสียงว่า "tek" หรือ "tech") ซึ่งมีประโยชน์ในการแสดงสูตรที่ซับซ้อนบนหน้าเว็บของคุณ ต่อไปนี้คือตัวอย่างบางส่วนของสูตรที่แสดงผลได้ทันที
คัดลอกและวาง 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 หลักสุดท้าย (ค่าความโปร่งใส)
- วินาที
- ระบุการเติมสีทึบ
- <color>
- สีเติมในรูปแบบเลขฐาน 16 RRGGBB[AA] โดย AA เป็นค่าความโปร่งใส (อัลฟ่า) ที่ไม่บังคับ
ตัวอย่าง
คำอธิบาย | ตัวอย่าง |
---|---|
สูตรที่มีพื้นหลังสีน้ำเงิน |
|
เหมือนกับด้านบน แต่พื้นหลังจะโปร่งใสเล็กน้อยโดยใช้ตัวเลขอัลฟ่า 2 หลัก, 80 ซึ่งก็คือความโปร่งใสประมาณ 50% โปรดสังเกตว่าพื้นหลังของสูตรนั้นโปร่งใส แต่ไม่เห็นข้อความ |
|
ตัวอย่างนี้ใช้ความโปร่งใสกับทั้งรูปภาพ สังเกตลักษณะที่พื้นหลังของเซลล์ในตารางแสดงผ่านข้อความและพื้นหลัง รูปภาพรวมพื้นหลัง 2 แบบโดยใช้อักขระไปป์:
|
|
การไล่ระดับสี
คุณสามารถใช้การเติมการไล่ระดับสีอย่างน้อย 1 รายการกับสูตรได้ การเติมการไล่ระดับสีจะจางลงจากสีหนึ่งเป็นสีอื่น
การเติมการไล่ระดับสีแต่ละรายการจะระบุมุม และสีอย่างน้อย 2 สีจะยึดอยู่กับตำแหน่งที่ระบุ สีจะแปรเปลี่ยนไปเมื่อเปลี่ยนจาก 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 องศา (
|
|
เหมือนด้านบน แต่ไล่ระดับสี 45 องศา |
|
สีเติมแบบลายทาง
คุณระบุการเติมพื้นหลังแบบลายเส้นสำหรับสูตรได้
ไวยากรณ์
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 แถบ มีลายเส้นสลับกันจนกว่ารูปภาพจะเต็ม
ตัวอย่าง
คำอธิบาย | ตัวอย่าง |
---|---|
|
![]() chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
![]() chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |