<div align="center"> <h1><code>@jop-software/hx-chart</code> - chart.js as an htmx.org plugin</h1> </div>
npm install @jop-software/hx-chart@jop-software/hx-chart - chart.js as an htmx.org plugin> Use chart.js as an extension in HTMX.
``consolenpm
npm install @jop-software/hx-chart
Make sure to include
chart.js as well as htmx.org separately.Usage
`javascript
import "@jop-software/hx-chart";
``html
hx-ext="hx-chart"
hx-chart="true"
hx-chart-type="pie"
hx-chart-labels='["40%", "60%"]'
hx-chart-datasets='[{"data": ["40","60"], "backgroundColor": ["#dc3545", "#28a745"]}]'
>
`> [!NOTE]
> All attributes can be prefixed with
data-, so you can use data-hx-chart-type instead of hx-chart-type`.Professional support, as well as enterprise licenses are available. Please contact support@jop-software.de for more information.