superset/superset-frontend/plugins/plugin-chart-handlebars
dependabot[bot] daaf657d47
build(deps-dev): bump @types/jest from 26.0.24 to 29.5.12 in /superset-frontend/plugins/plugin-chart-handlebars (#26973)
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Maxime Beauchemin <maximebeauchemin@gmail.com>
Co-authored-by: GitHub-Actions[bot] <github-actions[bot]@users.noreply.github.com>
2024-02-07 14:36:08 -08:00
..
src chore: make TS enums strictly PascalCase (#26875) 2024-01-31 17:40:44 -08:00
test chore(frontend): Spelling (#19676) 2023-02-02 11:23:11 -07:00
types chore: adding missing examples in the gallery for several chart types (#22597) 2023-01-05 11:43:32 +02:00
README.md feat: Adds plugin-chart-handlebars (#17903) 2022-04-26 14:34:28 +03:00
package.json build(deps-dev): bump @types/jest from 26.0.24 to 29.5.12 in /superset-frontend/plugins/plugin-chart-handlebars (#26973) 2024-02-07 14:36:08 -08:00
tsconfig.json feat: Adds plugin-chart-handlebars (#17903) 2022-04-26 14:34:28 +03:00

README.md

@superset-ui/plugin-chart-handlebars

Version

This plugin renders the data using a handlebars template.

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 HandlebarsChartPlugin from '@superset-ui/plugin-chart-handlebars';

new HandlebarsChartPlugin().configure({ key: 'handlebars' }).register();

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

<SuperChart
  chartType="handlebars"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>

File structure generated

├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── Handlebars.tsx
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.ts
│   │   ├── index.ts
│   │   └── transformProps.ts
│   └── types.ts
├── test
│   └── index.test.ts
└── types
    └── external.d.ts