Here is a translation of the article into Indonesian language:

Artikel 1: Konfigurasi Skala Lineal

Ketika Anda membuat chart, Anda ingin memberikan informasi tentang data yang sedang dilihat. Untuk melakukan ini, Anda perlu menglabel axis. Konfigurasi Title Axis

Nama Ruang Nama Jenis Default Deskripsi
display boolean false Jika true, tampilkan judul axis.
align string 'center' Posisi align dari judul axis. Opsional: 'start', 'center', dan 'end'
text string|string[] '' Tekst untuk judul.
color Color Chart.defaults.color Warna label.
font Font Chart.defaults.font Lihat Fonts
padding Padding 4 Jarak padding sekitar labels axis.

Membuat Format Tick Kustom

Seringkali Anda ingin mengubah tanda-tanda tick menjadi termasuk informasi tentang tipe data. Misalnya, menambahkan simbol dolar ('$').
Untuk melakukan ini, Anda perlu mengoverride metode ticks.callback dalam konfigurasi axis. Metode tersebut menerima 3 argumen: value – nilai tick dalam format internal data scale yang terkait, index – indeks tick dalam array ticks, dan ticks – array yang mengandung semua objek tick. Panggilan ke metode tersebut terlindungi oleh scale. this di dalam metode adalah objek scale. Jika callback kembali null atau undefined maka garis grid akan disembunyikan.

TIPS

Axis kategori, yang adalah axis default untuk chart garis dan bar, menggunakan indeks sebagai format internal data. Untuk mengakses label, gunakan getLabelForValue(value). API: getLabelForValue

Contoh di atas menampilkan setiap label Y-axis dengan simbol dolar di depan. Perhatikan bahwa override ticks.callback berarti Anda bertanggung jawab untuk semua formatasi label. Tergantung pada kasus Anda, Anda mungkin ingin memanggil default formatter dan kemudian memodifikasi outputnya.

Contoh

Saya akan memberikan contoh di atas:

related samples: Configurasi Tick Sample

Terakhir diperbarui: 5/17/2024, 12:33:38 PM