@inadigital-ui/react-chart

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

Instalasi

npm install @inadigital-ui/react-chart

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

Pemakaian Dasar

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

export default function Example() {
  const series = [{ name: 'Sales', data: [10, 20, 15, 30] }];
  
  const options: ApexOptions = {
    chart: { id: 'example' },
    xaxis: {
      categories: ['Jan', 'Feb', 'Mar', 'Apr'],
    },
  };

  return (
    <ReactApexChart
      type="line"
      height={320}
      series={series}
      options={options}
    />
  );
}

Types

Package ini mengekspor types dari react-apexcharts dan apexcharts:

import type { 
  ReactApexChartProps,
  ApexOptions 
} from '@inadigital-ui/react-chart';

Catatan

• Semua props mengikuti react-apexcharts secara langsung.
• Penggunaan sama persis dengan react-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.