@superset-ui/legacy-preset-chart-nvd3

Superset Legacy Chart - NVD3

Usage no npm install needed!

<script type="module">
  import supersetUiLegacyPresetChartNvd3 from 'https://cdn.skypack.dev/@superset-ui/legacy-preset-chart-nvd3';
</script>

README

@superset-ui/legacy-preset-chart-nvd3

Version David (path)

This plugin provides Big Number for Superset.

Usage

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

import { NVD3ChartPreset } from '@superset-ui/legacy-preset-chart-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 '@superset-ui/legacy-preset-chart-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: {...},
  }]}
/>