Chart - React
Chart
import ReactApexChart from 'react-apexcharts';
import type { ApexOptions } from 'apexcharts';Contoh Penggunaan
Section titled “Contoh Penggunaan”INA Digital Design System menggunakan pustaka grafik pihak ketiga yaitu
ApexCharts
Dalam penggunaannya, diharapkan implementor dapat melakukan customisasi value options dari chart (seperti warna, spacing, dan font style) agar sesuai dengan panduan desain IDDS. Lihat dokumentasi ApexCharts untuk detail implementasi dan konfigurasi yang tersedia.
Contoh 1 - Line Chart
Section titled “Contoh 1 - Line Chart”Pilih Tema
Contoh 2 - Area Chart
Section titled “Contoh 2 - Area Chart”Pilih Tema
Contoh 3 - Bar Chart
Section titled “Contoh 3 - Bar Chart”Pilih Tema
Contoh 4 - Column Chart
Section titled “Contoh 4 - Column Chart”Pilih Tema
Contoh 5 - Pie Chart
Section titled “Contoh 5 - Pie Chart”Pilih Tema
Contoh 6 - Donut Chart
Section titled “Contoh 6 - Donut Chart”Pilih Tema
Komponen Chart menggunakan library
ApexCharts
sebagai basis. Untuk dokumentasi lengkap mengenai semua opsi dan konfigurasi yang tersedia, silakan kunjungi dokumentasi resmi ApexCharts.
Dokumentasi ApexCharts
Pelajari semua opsi konfigurasi, props, dan fitur yang tersedia di ApexCharts termasuk annotations, chart types, dan customization options.
Buka Dokumentasi