2019-01-29 20:51:48 -05:00
## @superset-ui/legacy-plugin-chart-histogram
[![Version ](https://img.shields.io/npm/v/@superset-ui/legacy-plugin-chart-histogram.svg?style=flat-square )](https://img.shields.io/npm/v/@superset-ui/legacy-plugin-chart-histogram.svg?style=flat-square)
[![David (path) ](https://img.shields.io/david/apache-superset/superset-ui.svg?path=packages%2Fsuperset-ui-legacy-plugin-chart-histogram&style=flat-square )](https://david-dm.org/apache-superset/superset-ui?path=packages/superset-ui-legacy-plugin-chart-histogram)
This plugin provides Histogram for Superset.
### Usage
Configure `key` , which can be any `string` , and register the plugin. This `key` will be used to lookup this chart throughout the app.
```js
2019-01-30 17:00:39 -05:00
import HistogramChartPlugin from '@superset-ui/legacy-plugin-chart-histogram';
2019-01-29 20:51:48 -05:00
2019-01-30 17:00:39 -05:00
new HistogramChartPlugin()
2019-01-29 20:51:48 -05:00
.configure({ key: 'histogram' })
.register();
```
Then use it via `SuperChart` . See [storybook ](https://apache-superset.github.io/superset-ui-legacy/?selectedKind=plugin-chart-histogram ) for more details.
```js
< SuperChart
chartType="histogram"
chartProps={{
width: 600,
height: 600,
formData: {...},
payload: {
data: {...},
},
}}
/>
```