purescript-apexcharts

Purescript bindings for apexcharts.js - "A modern JavaScript charting library to build interactive charts and visualizations with simple API" (https://apexcharts.com)

State

Basically all options should work. Only some options that take functions (events, formatters) are missing. PRS welcome!

Download and Installation

Install apexcharts first (https://apexcharts.com/docs/installation/).

npm install apexcharts --save
bower install --save purescript-apexcharts

Basic example

The basic example from the apexcharts.js readme:

var options = {
  chart: {
    type: 'bar'
  },
  series: [
    {
      name: 'sales',
      data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
    }
  ],
  xaxis: {
    categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]
  }
}

var chart = new ApexCharts(document.querySelector('#chart'), options)
chart.render()

The equivalent in purescript:

let chart = (
        chart := (type' := Bar) 
        <> series := [
          name := "sales"
          <> data' := [30,40,35,50,49,60,70,91,125]
        ]
        <> xaxis := (
          categories := [1991,1992,1993,1994,1995,1996,1997,1998,1999]
        )
    )
in render $ createChart "#chart" chart

More examples here.

Documentation

Module documentation is published on Pursuit.

License

Check LICENSE file for more information.