Rumus Matematika

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:

Persamaan kuadrat

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
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 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.

Diagram garis merah dengan isian area hitam.

chf=bg,s,0000EF

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.

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 ini 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.

Scatter plot dengan titik-titik berwarna biru, dan transparansi 50%.

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

Kembali ke atas

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

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

Persik/gradien biru pada nol derajat

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

Sama seperti di atas, tetapi dengan gradien 45 derajat.

Persik/gradien biru pada sudut 45 derajat

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

Kembali ke atas

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 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 setidaknya dua garis. Stripe akan bergantian hingga gambar terisi.
<width>
Lebar garis ini, dari 0 hingga 1, dengan 1 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
  • bg,ls,0 - Garis latar belakang dengan sudut nol derajat terhadap sumbu y (sejajar dengan sumbu y).
  • CCCCCC,0.15 - Garis pertama berwarna abu-abu tua, selebar 15% dari gambar.
  • FFFFFF,0.1 - Garis kedua berwarna putih, selebar 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 terhadap sumbu y.
  • 999999,0.25 - Garis pertama berwarna abu-abu tua, selebar 25% seperti gambar.
  • CCCCCC,0.25 - Sama seperti garis pertama, tetapi abu-abu muda.
  • 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