@superset-custom/plugin-chart-custom-echarts

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

This plugin provides Echarts viz plugins for Superset:

• Column Chart
• SnakeyMultilabel Chart
• XY Chart
• Scatter Clustering Chart

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 {
 ColumnChartPlugin,
 SankeyMultilabelChartPlugin,
 XYChartPlugin,
 ScatterClusteringChartPlugin,
} from '@superset-ui/plugin-chart-custom-echarts';

new ColumnChartPlugin().configure({ key: 'column-chart' }).register();
new XYChartPlugin().configure({ key: 'xy-chart' }).register();
new SankeyMultilabelChartPlugin().configure({ key: 'sankey-multilabel' }).register();
new ScatterClusteringChartPlugin().configure({ key: 'scatter-clustering' }).register();

<SuperChart
  chartType="column-chart"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="xy-chart"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="sankey-multilabel"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="scatter-clustering"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>