The GraphJS extension integrates Chart.js charts into Wappler. Use this component to display data in various chart formats, including line, bar, and pie charts. It supports dynamic data binding and customizable chart configurations.

Note: This extension is not ready for production and is exposed for other Wapplers to review and suggest improvements.

Installation

1. Install the Package

Follow this guide to copy the necessary files to your Wappler project's extensions folder.

2. Add the Component to Wappler

You can add the custom GraphJS component to your Wappler project by following these steps:

Include the GraphJS Component:

In Wappler's App Structure panel, add the GraphJS component to your page:
```
<dmx-graphjs id="chart1" type="bar" dmx-bind:data="serverConnect1.data.chartData" dmx-bind:labels="['January', 'February', 'March']"></dmx-graphjs>
```

Features

Multiple Chart Types

Supports various chart types such as line, bar, pie, doughnut, radar, and more.
Dynamic Data Binding

Bind data directly from Wappler’s data sources for real-time updates.
Customizable Appearance

Adjust colors, labels, legends, and other chart properties for a fully customized look.

Example Usage

<dmx-graphjs
  id="chart1"
  type="bar"
  dmx-bind:data="serverConnect1.data.chartData"
  dmx-bind:labels="['January', 'February', 'March']"
></dmx-graphjs>