@zobi.dev/nvd3

This plugin provides Big Number for Zobi.

Usage

Import the preset and register. This will register all the chart plugins under nvd3.

import { NVD3ChartPreset } from '@zobi.dev/nvd3';

new NVD3ChartPreset().register();

or register charts one by one. Configure key, which can be any string, and register the plugin. This key will be used to lookup this chart throughout the app.

import {
  AreaChartPlugin,
  LineChartPlugin,
} from '@zobi.dev/nvd3';

new AreaChartPlugin().configure({ key: 'area' }).register();
new LineChartPlugin().configure({ key: 'line' }).register();

Then use it via SuperChart. See storybook for more details.

<SuperChart
  chartType="line"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>