superset/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-preset-chart-big-number
Jesse Yang 415ce5efd8 refactor: merge core superset-ui packages (#768)
1. move translation, connection, query to core (#729)
2. update encodable to remove formatter inter-dependency (#744)
3. move number-format and time-format to core (#730)
4. move superset-ui/dimension to core (#732)
5. move superset-ui/color to core (#755)
6. move superset-ui/style to core (#756)
7. move superset-ui/validator to core (#757)
8. move superset-ui/chart-composition to core (#759)
9. move superset-ui/chart to core (#760)
2021-11-26 11:46:38 +08:00
..
src refactor: merge core superset-ui packages (#768) 2021-11-26 11:46:38 +08:00
test refactor: merge core superset-ui packages (#768) 2021-11-26 11:46:38 +08:00
package.json refactor: merge core superset-ui packages (#768) 2021-11-26 11:46:38 +08:00
README.md chore(legacy-preset-chart-big-number): rename directory (#427) 2021-11-26 11:46:10 +08:00
tsconfig.json refactor: merge core superset-ui packages (#768) 2021-11-26 11:46:38 +08:00

@superset-ui/legacy-preset-chart-big-number

Version David (path)

This plugin provides Big Number for Superset.

Usage

Import the preset and register. This will register the BigNumber and BigNumberTotal charts with key big-number and big-number-total, respectively.

import { BigNumberChartPreset } from '@superset-ui/legacy-preset-chart-big-number';

new BigNumberChartPreset().register();

or register charts one by one. Configure key, which can be any string, and register the plugin. This key will be used to lookup this chart throughout the app.

import { BigNumberChartPlugin, BigNumberTotalChartPlugin } from '@superset-ui/legacy-preset-chart-big-number';

new BigNumberChartPlugin()
  .configure({ key: 'big-number' })
  .register();
new BigNumberTotalChartPlugin()
  .configure({ key: 'big-number-total' })
  .register();

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

<SuperChart
  chartType="big-number"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>