superset/superset-frontend/plugins/plugin-chart-echarts
2024-04-04 23:00:23 -06:00
..
src fix(bar-chart): change legend padding for horizontal orientation (#27883) 2024-04-03 16:05:04 -07:00
test feat(bar_chart): Stacked Bar chart with Time comparison in separated stacks (#27589) 2024-03-22 08:24:38 +01:00
types refactor(monorepo): move superset-ui to superset(stage 2) (#17552) 2021-11-30 08:29:57 +08:00
CHANGELOG.md chore: Reformat changelogs (#26815) 2024-01-26 21:48:17 +01:00
package.json feat: Adds the ECharts Heatmap chart (#25353) 2024-03-28 16:16:17 -03:00
README.md docs: replace broken david badges with libraries.io (#27903) 2024-04-04 23:00:23 -06:00
tsconfig.json refactor(monorepo): move superset-ui to superset(stage 2) (#17552) 2021-11-30 08:29:57 +08: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: 'echarts-pie' }).register();

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

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