Anda dapat menghasilkan gambar yang menampilkan formula matematika, menggunakan bahasa TeX.
Ringkasan
Anda dapat membuat gambar formula matematika menggunakan bahasa TeX (diucapkan "tek" atau "tech"). Fungsi ini berguna untuk menampilkan rumus rumit di halaman web Anda. Berikut adalah beberapa contoh formula yang dirender dengan cepat:
Salin dan tempel URL gambar ke browser untuk melihat URL yang menghasilkan setiap gambar.
Tentukan formula Anda menggunakan bahasa TeX di properti src dan tag <img>
, dan formula akan ditampilkan sebagai file PNG. Atau, jika mau, Anda dapat mengirimkan permintaan GET secara terprogram untuk mengambil formula PNG.
Sintaksis
URL root: https://chart.googleapis.com/chart?
Permintaan gambar formula mendukung parameter kueri URL berikut setelah tanda ? pada URL root:
Parameter URL | Wajib atau Opsional | Deskripsi |
---|---|---|
cht=tx |
Wajib | Menentukan bahwa ini adalah gambar jenis formula. |
chl=<data> |
Wajib | Formula yang akan dirender, dalam bahasa TeX. Anda harus mengenkode formula ke URL; lihat detailnya di bawah. |
chs=<width>x<height> |
Opsional | Ukuran gambar, dalam piksel. Jika Anda tidak menentukannya, ukuran akan dihitung secara otomatis. Jika Anda menentukan satu nilai, nilai tersebut akan menjadi tinggi, dan lebar akan dihitung untuk Anda. |
chf |
Opsional | Semua jenis pengisian latar belakang didukung. Lihat Isi Latar Belakang. |
chco |
Opsional | Menentukan warna teks. Defaultnya adalah hitam. |
Mengenkode Data chl melalui URL
Ingat bahwa Anda harus mengenkode karakter apa pun yang tidak aman ke URL ke URL yang digunakan dalam formula Anda. Anda dapat menemukan encoder URL di sini.
Kesalahan yang paling umum adalah menggunakan + dalam formula, bukan %2B, seperti yang ditampilkan di sini:
Tidak Dienkode URL | URL Dienkode |
---|---|
cht=tx&chl=a^2+b^2=c^2 |
cht=tx&chl=a^2%2Bb^2=c^2 |
Isi Latar Belakang (chf
)
Anda dapat menentukan isian solid, gradien, atau bergaris untuk gambar. Semua isian ditentukan menggunakan parameter chf
,
dan Anda dapat mencampur berbagai jenis isian (padat, garis, gradien) dalam gambar yang sama
dengan memisahkan nilai dengan karakter pipa ( | ).
Isi Padat
Anda dapat menentukan isian warna solid, dengan atau tanpa transparansi, atau membuat seluruh gambar menjadi transparan.
Sintaksis
chf=<fill_type>,s,<color>|...
- <fill_type>
- Tentukan salah satu nilai berikut:
bg
- Pengisian latar belakang. Latar belakang dapat dibuat transparan jika Anda menentukan nilai alfa dalam parameter <color>.a
- Transparansi gambar. Enam digit pertama<color>
diabaikan, dan hanya dua digit terakhir (nilai transparansi) yang diterapkan.
- d
- Menentukan isian padat.
- <color>
- Warna isian, dalam format heksadesimal RRGGBB[AA], dengan AA adalah nilai transparansi (alfa) opsional.
Contoh
Deskripsi | Contoh |
---|---|
Formula dengan latar belakang biru. |
|
Sama seperti di atas, tetapi latar belakang dibuat sedikit transparan dengan menggunakan dua digit alfa, 80, yang sesuai dengan transparansi sekitar 50%. Perhatikan bagaimana latar belakang formula transparan, tetapi bukan teks. |
|
Contoh ini menerapkan transparansi ke seluruh gambar. Perhatikan bagaimana latar belakang sel tabel ditampilkan melalui teks serta latar belakang. Gambar menggabungkan dua latar belakang menggunakan karakter pipa:
|
|
Isi Gradien
Anda bisa menerapkan satu atau beberapa isi gradien ke formula. Isi gradien memudar dari satu warna ke warna lain.
Setiap isi gradien menentukan sudut, kemudian dua atau lebih warna yang ditambatkan ke lokasi yang ditentukan. Warnanya bervariasi saat berpindah dari satu anchor ke anchor lainnya. Anda harus memiliki setidaknya dua warna dengan nilai <color_centerpoint> yang berbeda, agar satu warna dapat memudar dan memudar dengan warna lain. Setiap gradien tambahan ditentukan oleh pasangan <color>,<color_centerpoint>.
Sintaksis
chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- bg
- Pengisian latar belakang.
- lg
- Menentukan isi gradien.
- <angle>
- Angka yang menentukan sudut gradien dari 0 (horizontal) hingga 90 (vertikal).
- <color>
- Warna isian, dalam format heksadesimal RRGGBB.
- <color_centerpoint>
- Menentukan titik link untuk warna. Warna akan mulai memudar dari titik ini saat mendekati anchor lain. Rentang nilainya adalah dari 0.0 (tepi bawah atau kiri) hingga 1.0 (tepi atas atau kanan), dimiringkan pada sudut yang ditentukan oleh <angle>.
Contoh
Deskripsi | Contoh |
---|---|
Formula memiliki gradien linear horizontal, yang ditentukan
dengan sudut nol derajat (
|
|
Sama seperti di atas, tetapi dengan gradien 45 derajat. |
|
Pengisian garis-garis
Anda dapat menentukan isian latar belakang bergaris untuk formula.
Sintaksis
chf= bg,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- bg
- Isi latar belakang
- ls
- Menentukan isian garis linear.
- <angle>
- Sudut semua garis, relatif terhadap sumbu y. Gunakan
0
untuk garis vertikal atau90
untuk garis horizontal. - <color>
- Warna untuk garis ini, dalam format heksadesimal RRGGBB. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki minimal dua garis. Garis berselang-seling hingga gambar diisi.
- <width>
- Lebar garis ini, dari
0
hingga1
, dengan1
adalah lebar penuh gambar. Garis diulang sampai gambar diisi. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki minimal dua garis. Garis berselang-seling hingga gambar diisi.
Contoh
Deskripsi | Contoh |
---|---|
|
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |