import {
  EchartsBarChartPlugin,
  EchartsPieChartPlugin,
  EchartsBoxPlotChartPlugin,
  EchartsAreaChartPlugin,
  EchartsTimeseriesChartPlugin,
  EchartsTimeseriesBarChartPlugin,
  EchartsTimeseriesLineChartPlugin,
  EchartsTimeseriesScatterChartPlugin,
  EchartsTimeseriesSmoothLineChartPlugin,
  EchartsTimeseriesStepChartPlugin,
  EchartsGraphChartPlugin,
  EchartsGaugeChartPlugin,
  EchartsRadarChartPlugin,
  EchartsFunnelChartPlugin,
  EchartsTreemapChartPlugin,
  EchartsMixedTimeseriesChartPlugin,
  EchartsTreeChartPlugin,
} from '@superset-ui/ssp-plugin-chart-echarts';

new EchartsBarChartPlugin().configure({ key: 'echarts_bar' }),
new EchartsPieChartPlugin().configure({ key: 'pie' }),
new EchartsBoxPlotChartPlugin().configure({ key: 'box_plot' }),
new EchartsAreaChartPlugin().configure({ key: 'echarts_area' }),
new EchartsTimeseriesChartPlugin().configure({ key: 'echarts_timeseries' }),
new EchartsTimeseriesBarChartPlugin().configure({ key: 'echarts_timeseries_bar' }),
new EchartsTimeseriesLineChartPlugin().configure({ key: 'echarts_timeseries_line' }),
new EchartsTimeseriesScatterChartPlugin().configure({ key: 'echarts_timeseries_scatter' }),
new EchartsTimeseriesSmoothLineChartPlugin().configure({ key: 'echarts_timeseries_smooth' }),
new EchartsTimeseriesStepChartPlugin().configure({ key: 'echarts_timeseries_step' }),
new EchartsGraphChartPlugin().configure({ key: 'graph_chart' }),
new EchartsGaugeChartPlugin().configure({ key: 'gauge_chart' }),
new EchartsRadarChartPlugin().configure({ key: 'radar' }),
new EchartsFunnelChartPlugin().configure({ key: 'funnel' }),
new EchartsTreemapChartPlugin().configure({ key: 'treemap_v2' }),
new EchartsMixedTimeseriesChartPlugin().configure({ key: 'mixed_timeseries' }),
new EchartsTreeChartPlugin().configure({ key: 'tree_chart' }),

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