bs-highcharts-react

These are Bucklescript bindings for highcharts-react, the official Highcharts wrapper for React. 🚧 They are not complete. Types can change in a backwards incompatible way between minor versions. 🚧

Install

1# Needs @ahrefs/bs-highcharts to be installed, to define the chart options
2yarn add @ahrefs/bs-highcharts
3yarn add @ahrefs/bs-highcharts-react

Setup

Add bs-highcharts and bs-highcharts-react to bs-dependencies in your bsconfig.json.

1{
2  /* ... */
3  "bs-dependencies": [
4    "reason-react",
5    "@ahrefs/bs-highcharts",
6    "@ahrefs/bs-highcharts-react"
7  ],
8  /* ... */
9}

Usage Example

In your Component.re module:

1let options =
2  Highcharts.Options.(
3    make(
4      ~title=Title.make(~text="My chart", ()),
5      ~series=[|Series.line(~data=[|1, 2, 3|], ())|],
6      (),
7    )
8  );
9
10let component = ReasonReact.statelessComponent(__MODULE__);
11
12let make = _children => {
13  ...component,
14  render: _self =>
15    <div> <HighchartsReact highcharts=Highcharts.default options /> </div>,
16};