superset/superset-frontend/plugins/plugin-chart-echarts
smileydev c79ee56884
fix(plugin-chart-echarts): make to allow the custome of x & y axis title margin i… (#18947)
* fix(chartviz): make to allow the custome of x & y axis title margin in  chart

* fix(chartviz): add eslint radix error in chart.js

* fix(chartviz): change the transformProps in chart plugin & creat helper.

* fix(chartviz): lint fix & chart.js back

* fix(plugin-chart-echarts): make to allow the custom margin of X & y axis in BoxPlot & Mixedtimeseries charts

* fix(plugin-chart-echarts): make to change changeNumber to changeInteger

* fix(plugin-chart-echarts): make to add license & change file name
2022-03-10 12:59:07 +01:00
..
src fix(plugin-chart-echarts): make to allow the custome of x & y axis title margin i… (#18947) 2022-03-10 12:59:07 +01:00
test fix(plugin-chart-echarts): fix forecasts on verbose metrics (#18252) 2022-02-02 13:51:51 +02:00
types refactor(monorepo): move superset-ui to superset(stage 2) (#17552) 2021-11-30 08:29:57 +08:00
CHANGELOG.md refactor(monorepo): move superset-ui to superset(stage 2) (#17552) 2021-11-30 08:29:57 +08:00
package.json chore(plugin-chart-echarts): bump echarts 5.3.1 (#19041) 2022-03-07 14:29:16 +02:00
README.md refactor(monorepo): move superset-ui to superset(stage 2) (#17552) 2021-11-30 08:29:57 +08: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 David (path)

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