![cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}](https://developers.google.cn/static/chart/infographics/images/chart_528.png?authuser=3&hl=id)
Anda dapat membuat gambar yang menunjukkan formula matematika, menggunakan bahasa TeX.
Ringkasan
Anda dapat membuat gambar formula matematika menggunakan bahasa TeX (diucapkan "tek" atau "tech"). Cara ini berguna untuk menampilkan formula kompleks di halaman web Anda. Berikut ini beberapa contoh formula yang dirender dengan cepat:
Salin dan tempel URL gambar ke browser untuk melihat URL yang membuat setiap gambar.
Tentukan formula Anda menggunakan bahasa TeX di properti src dengan tag <img>
, dan formula akan ditampilkan sebagai file PNG. Atau, jika mau, Anda dapat mengirim permintaan GET secara terprogram untuk mengambil PNG formula.
Sintaksis
URL root: https://chart.googleapis.com/chart?
Permintaan gambar formula mendukung parameter kueri URL berikut setelah karakter ? di URL root:
Parameter URL | Wajib atau Opsional | Deskripsi |
---|---|---|
cht=tx |
Wajib | Menentukan bahwa ini adalah gambar jenis formula. |
chl=<data> |
Wajib | Rumus 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, ukurannya akan dihitung secara otomatis. Jika Anda menentukan satu nilai, nilai tersebut adalah tingginya, dan lebarnya akan dihitung untuk Anda. |
chf |
Opsional | Semua jenis isian latar belakang didukung. Lihat Pengisian Latar Belakang. |
chco |
Opsional | Menentukan warna teks. Defaultnya adalah hitam. |
Mengenkode URL Data chl
Ingat bahwa Anda harus mengenkode karakter yang tidak aman untuk URL yang digunakan dalam formula Anda ke URL. Anda dapat menemukan encoder URL di sini.
Kesalahan yang paling umum adalah menggunakan + dalam formula alih-alih %2B, seperti yang ditunjukkan 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 menggabungkan berbagai jenis isian (solid, garis, gradien) dalam gambar yang sama dengan memisahkan nilai menggunakan karakter pipa ( | ).
Isian Padat
Anda dapat menentukan isian warna solid, dengan atau tanpa transparansi, atau membuat seluruh gambar transparan.
Sintaksis
chf=<fill_type>,s,<color>|...
- <fill_type>
- Tentukan salah satu nilai berikut:
bg
- Isi 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 pengisi, dalam format heksadesimal RRGGBB[AA], dengan AA adalah nilai transparansi opsional (alfa).
Contoh
Deskripsi | Contoh |
---|---|
Formula dengan latar belakang biru. |
|
Sama seperti di atas, tetapi latar belakangnya dibuat sedikit transparan dengan menggunakan dua digit alfa, 80, yang sesuai dengan transparansi sekitar 50%. Perhatikan bagaimana latar belakang formula transparan, tetapi bukan teksnya. |
|
Contoh ini menerapkan transparansi ke seluruh gambar. Perhatikan bagaimana latar belakang sel tabel ditampilkan melalui teks serta latar belakang. Gambar ini menggabungkan dua latar belakang menggunakan karakter pipa:
|
|
Isi Gradien
Anda dapat menerapkan satu atau beberapa isian gradien ke formula. Isi gradien memudar dari satu warna ke warna lain.
Setiap isian gradien menentukan sudut, lalu dua atau lebih warna yang ditambatkan ke lokasi yang ditetapkan. Warnanya bervariasi saat berpindah dari satu anchor ke anchor lainnya. Anda harus memiliki minimal dua warna dengan nilai <color_centerpoint> yang berbeda, sehingga salah satunya dapat memudar dengan warna lainnya. 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
- Isi latar belakang.
- lg
- Menentukan isian gradien.
- <sudut>
- Angka yang menentukan sudut gradien dari 0 (horizontal) hingga 90 (vertikal).
- <color>
- Warna pengisi, dalam format heksadesimal RRGGBB.
- <color_centerpoint>
- Menentukan titik link untuk warna. Warna akan mulai memudar dari titik ini saat mendekati anchor lainnya. Rentang nilainya mulai 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 linier horizontal, yang ditentukan dengan sudut nol derajat (
|
|
Sama seperti di atas, tetapi dengan gradien 45 derajat. |
|
Pengisi bergaris
Anda dapat menentukan isian latar belakang bergaris untuk formula.
Sintaksis
chf= bg,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- bg
- Pengisian di latar belakang
- ls
- Menentukan isian garis linear.
- <sudut>
- 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 setidaknya dua garis. Stripe akan bergantian hingga gambar terisi.
- <width>
- Lebar garis ini, dari
0
hingga1
, dengan1
adalah lebar penuh gambar. Garis diulang sampai gambar terisi. Ulangi <color> dan <width> untuk setiap garis tambahan. Anda harus memiliki setidaknya dua garis. Stripe akan bergantian hingga gambar terisi.
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 |