Rumus Matematika

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:

Persamaan kuadrat

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
a^2 + b^2 = c^2
cht=tx&chl=a^2+b^2=c^2
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.

Diagram garis merah dengan isian area hitam.

chf=bg,s,0000EF

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.

Diagram garis merah dengan area diagram hitam dan latar belakang abu-abu pucat.

chf=bg,s,0000EF80

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:

  • a,s,00000080 - Menerapkan transparansi ke seluruh gambar.
  • bg,s,0000EF - Menerapkan latar belakang biru. Latar belakang juga dibuat transparan oleh parameter sebelumnya.

Diagram pencar dengan titik berwarna biru, dan transparansi 50%.

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

Kembali ke atas

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 (0).

  • chf=bg,lg - Menentukan isian gradien
  • 0 - Kemiringan nol derajat
  • FFE7C6,0 - Gradien berwarna persik yang berpusat di sisi kiri (posisi 0)
  • 76A4FB,1 - Gradien berwarna biru yang berpusat di sisi kanan (posisi 1.0).

Gradien persik/biru pada nol derajat

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

Sama seperti di atas, tetapi dengan gradien 45 derajat.

Gradien persik/biru pada 45 derajat

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

Kembali ke atas

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 atau 90 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 hingga 1, dengan 1 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
  • bg,ls,0 - Garis latar belakang pada sudut nol derajat terhadap sumbu y (sejajar dengan sumbu y).
  • CCCCCC,0.15 - Garis pertama berwarna abu-abu tua, dengan lebar 15% dari gambar.
  • FFFFFF,0.1 - Garis kedua berwarna putih, dengan lebar 10% dari gambar.
Formula dengan garis vertikal
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90 - Garis latar belakang pada sudut sembilan puluh derajat ke sumbu y.
  • 999999,0.25 - Garis pertama berwarna abu-abu tua, dengan lebar 25% dari gambar.
  • CCCCCC,0.25 - Sama seperti garis pertama, tetapi abu-abu yang lebih terang.
  • FFFFFF,0.25 - Sama seperti garis pertama, tetapi putih.
Formula dengan garis horizontal
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

Kembali ke atas