diff --git a/superset-frontend/plugins/plugin-chart-glyph/src/index.ts b/superset-frontend/plugins/plugin-chart-glyph/src/index.ts index c3fdbdf367e..6aa14b4f5f8 100644 --- a/superset-frontend/plugins/plugin-chart-glyph/src/index.ts +++ b/superset-frontend/plugins/plugin-chart-glyph/src/index.ts @@ -1,9 +1,15 @@ -import { ChartPlugin, ChartMetadata } from '@superset-ui/core'; -import { BigNumber, makeChartPlugin } from 'glyph'; +import { ChartPlugin, ChartMetadata, buildQueryContext } from '@superset-ui/core'; +import { BigNumber, FancyBigNumber, makeChartPlugin } from 'glyph'; import thumbnail from './thumbnail.png'; export const GlyphBigNumberChartPlugin = makeChartPlugin( BigNumber, - { ChartPlugin, ChartMetadata }, + { ChartPlugin, ChartMetadata, buildQueryContext }, + { thumbnail }, +); + +export const GlyphFancyBigNumberChartPlugin = makeChartPlugin( + FancyBigNumber, + { ChartPlugin, ChartMetadata, buildQueryContext }, { thumbnail }, ); diff --git a/superset-frontend/src/visualizations/presets/MainPreset.js b/superset-frontend/src/visualizations/presets/MainPreset.js index f365d711854..55d560623e4 100644 --- a/superset-frontend/src/visualizations/presets/MainPreset.js +++ b/superset-frontend/src/visualizations/presets/MainPreset.js @@ -88,7 +88,10 @@ import { HandlebarsChartPlugin } from '@superset-ui/plugin-chart-handlebars'; import { ChartCustomizationPlugins, FilterPlugins } from 'src/constants'; import AgGridTableChartPlugin from '@superset-ui/plugin-chart-ag-grid-table'; import TimeTableChartPlugin from '../TimeTable'; -import { GlyphBigNumberChartPlugin } from '@superset-ui/plugin-chart-glyph'; +import { + GlyphBigNumberChartPlugin, + GlyphFancyBigNumberChartPlugin, +} from '@superset-ui/plugin-chart-glyph'; export default class MainPreset extends Preset { constructor() { @@ -214,6 +217,9 @@ export default class MainPreset extends Preset { ...agGridTablePlugin, // Glyph semantic charts new GlyphBigNumberChartPlugin().configure({ key: 'glyph_big_number' }), + new GlyphFancyBigNumberChartPlugin().configure({ + key: 'glyph_fancy_big_number', + }), ], }); }