@superset-ui/plugin-chart-custom-chart

This plugin provides Custom Chart for Superset.

Usage

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

import CustomChartChartPlugin from '@superset-ui/plugin-chart-custom-chart';

new CustomChartChartPlugin()
  .configure({ key: 'custom-chart' })
  .register();

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

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

File structure generated

├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── CustomChart.tsx
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.ts
│   │   ├── index.ts
│   │   └── transformProps.ts
│   └── types.ts
├── test
│   └── index.test.ts
└── types
    └── external.d.ts