Files
superset2/superset-frontend/plugins/plugin-chart-echarts
Mehmet Salih Yavuz 51b47f9400 chore(frontend): upgrade React 17 to React 18
- Bump react, react-dom to ^18.2.0
- Bump @types/react, @types/react-dom to ^18.2.0
- Migrate ReactDOM.render() to createRoot() in all entry points
- Upgrade @testing-library/react to ^14.0.0
- Remove @testing-library/react-hooks (merged into RTL 14)
- Migrate 54 test files from @testing-library/react-hooks imports
- Replace react-sortable-hoc with @dnd-kit/sortable (CollectionControl)
- Remove @cypress/react (incompatible with React 18, Cypress deprecated)
- Update all sub-package peerDependencies to ^18.2.0
- Migrate ChartLayer (cartodiagram) from ReactDOM.render to createRoot

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-10 19:20:50 +03:00
..

@superset-ui/plugin-chart-echarts

Version Libraries.io

This plugin provides Echarts viz plugins for Superset:

  • Timeseries Chart (combined line, area bar with support for predictive analytics)
  • Pie 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 {
  EchartsTimeseriesChartPlugin,
  EchartsPieChartPlugin,
} from '@superset-ui/plugin-chart-echarts';

new EchartsTimeseriesChartPlugin().configure({ key: 'echarts-ts' }).register();
new EchartsPieChartPlugin().configure({ key: 'pie' }).register();

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

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