mirror of
https://github.com/apache/superset.git
synced 2026-07-20 13:45:47 +00:00
26b7b8cdea
36 tests across 4 charts exercising different defineChart features:
Pie/Pie.test.ts (11 tests)
Plugin metadata (name, category, behaviors: Drill*), controlPanel
auto-generation (Query + Chart Options sections, _glyphArgs),
custom buildQuery (contribution post-processing, conditional
orderby), loaders presence.
Timeseries/Line/Line.test.ts (9 tests)
Plugin metadata, supportedAnnotationTypes pass-through (Event,
Formula, Interval, Timeseries), formDataOverrides preservation
(ExtraControls + getStandardizedControls pattern), thumbnails,
_glyphArgs, loaders.
Sunburst/Sunburst.test.ts (8 tests)
Plugin metadata, Drill behaviors, formDataOverrides preservation,
additionalControlOverrides merging into controlPanel.controlOverrides,
_glyphArgs, loaders. Sunburst exercises the complex cross-filter
useCallback render pattern, which we don't deeply unit-test here
(would require full Redux + React rendering); plugin-level shape
is verified.
BigNumber/BigNumberPeriodOverPeriod.test.ts (8 tests)
Plugin metadata, additionalSections append-after-Chart-Options
semantics (Time Comparison section), additional section has its
own controlSetRows, controlOverrides merging, _glyphArgs, loaders.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@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: 'pie' }).register();
Then use it via SuperChart. See
storybook
for more details.
<SuperChart
chartType="echarts-ts"
width={600}
height={600}
formData={...}
queriesData={[{
data: {...},
}]}
/>