superset/superset-frontend/plugins/plugin-chart-echarts
Đỗ Trọng Hải 19e8a7049b
feat(fe): upgrade `superset-frontend` to Typescript v5 (#31979)
Signed-off-by: hainenber <dotronghai96@gmail.com>
Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>
2025-01-29 08:40:33 -03:00
..
src feat(fe): upgrade `superset-frontend` to Typescript v5 (#31979) 2025-01-29 08:40:33 -03:00
test feat(fe): upgrade `superset-frontend` to Typescript v5 (#31979) 2025-01-29 08:40:33 -03:00
types refactor(monorepo): move superset-ui to superset(stage 2) (#17552) 2021-11-30 08:29:57 +08:00
CHANGELOG.md build(packages): npm build/publish improvements. Making packages publishable again. (#30196) 2024-12-10 16:54:41 -07:00
README.md refactor: Creates the VizType enum (#31193) 2024-11-29 10:05:02 -03:00
package.json refactor: Upgrade to React 17 (#31961) 2025-01-28 16:44:42 +01:00
tsconfig.json refactor(monorepo): move superset-ui to superset(stage 2) (#17552) 2021-11-30 08:29:57 +08:00

README.md

@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: {...},
  }]}
/>