mirror of
https://github.com/apache/superset.git
synced 2024-09-19 20:19:37 -04:00
e916fd9015
* make it work * Add color scheme and timeseries limits * latest improvements * bump * moving dependencies to plugin * Shuffling logic to transformProps, making Typescript happy. * zoom controls! * declaration for the dang PNG files * Revert "declaration for the dang PNG files" This reverts commit b37f01076e36ba2b05424f861187a182f4d327d6. * PIE! (super basic) * lowercase import name, moving types. * capitalization fix * nixing console log * removing echarts peer dependency (missed it earlier) * basic pie controls/types * typescript fixes and whatnot * yarn alphabetizing peerDependencies * fixing Pie chart typing * less enthusiasm * fixing resize and data redraw quirks * fixing zoom display quirks * add predictive analytics * fix controls * improve typing and tests * add rebasing to forecasts * improve stacking etc * Minor improvements * add tooltip * Charts draw and resize correctly * clean up code * lint * yet more lint * fix unit tests * fix unit tests * fix tests * add useEchartsComponent and address comments * address comments * address more comments * Add Echart component * bump echarts to 4.9.0 * clean up Echart component * add storybook * replace radios with boolean * address review comments Co-authored-by: Evan Rusackas <evan@preset.io>
1.3 KiB
1.3 KiB
@superset-ui/plugin-chart-echarts
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={...}
queryData={{
data: {...},
}}
/>