@inadigital-ui/vue-chart

Wrapper sederhana untuk ApexCharts di Vue 3. Package ini sudah termasuk vue3-apexcharts dan apexcharts, sehingga Anda tidak perlu menginstall dependencies tersebut secara terpisah.

Instalasi

npm install @inadigital-ui/vue-chart

Catatan: Anda tidak perlu menginstall vue3-apexcharts dan apexcharts secara terpisah karena sudah termasuk dalam package ini.

Pemakaian Dasar

<script setup lang="ts">
import VueApexChart from '@inadigital-ui/vue-chart';
import type { ApexOptions } from '@inadigital-ui/vue-chart';

const series = [{ name: 'Sales', data: [10, 20, 15, 30] }];

const options: ApexOptions = {
  chart: { id: 'example' },
  xaxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr'],
  },
};
</script>

<template>
  <VueApexChart
    type="line"
    :height="320"
    :series="series"
    :options="options"
  />
</template>

Types

Package ini mengekspor types dari apexcharts:

import type { ApexOptions } from '@inadigital-ui/vue-chart';

Catatan

• Semua props mengikuti vue3-apexcharts secara langsung.
• Penggunaan sama persis dengan vue3-apexcharts.
• Build menghasilkan ESM dan CJS serta tipe deklarasi (.d.ts).
• Untuk customisasi brand, color, dan styling, lakukan di level consumer/client project melalui options prop.