Chart - Vue
Chart
import { VueApexCharts } from 'vue3-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”Contoh 2 - Area Chart
Section titled “Contoh 2 - Area Chart”Contoh 3 - Bar Chart
Section titled “Contoh 3 - Bar Chart”Contoh 4 - Column Chart
Section titled “Contoh 4 - Column Chart”Contoh 5 - Pie Chart
Section titled “Contoh 5 - Pie Chart”Contoh 6 - Donut Chart
Section titled “Contoh 6 - Donut Chart”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