# @libra-plugins/plugin-chart-panel

> Superset Chart - Panel

Latest version **0.1.3** (published 2021-11-18) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @libra-plugins/plugin-chart-panel
pnpm add @libra-plugins/plugin-chart-panel
yarn add @libra-plugins/plugin-chart-panel
bun add @libra-plugins/plugin-chart-panel
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2021-11-18 |
| First published | 2021-11-18 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 45.6 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Author | Superset |
| Maintainers | libra-plugins |
| Keywords | superset |

## Links

- npm: https://www.npmjs.com/package/@libra-plugins/plugin-chart-panel
- Repository: https://github.com/christos-kostopoulos/libra-plugins
- Homepage: https://github.com/christos-kostopoulos/libra-plugins#readme
- Issues: https://github.com/christos-kostopoulos/libra-plugins/issues
- npm.io page: https://npm.io/package/@libra-plugins/plugin-chart-panel

## Dependencies (5)

- [echarts](https://npm.io/package/echarts.md) ^5.2.2
- [d3-color](https://npm.io/package/d3-color.md) ^1.2.3
- [@types/d3-color](https://npm.io/package/@types/d3-color.md) ^1.2.2
- [@superset-ui/core](https://npm.io/package/@superset-ui/core.md) 0.18.24
- [@superset-ui/chart-controls](https://npm.io/package/@superset-ui/chart-controls.md) 0.18.24

## Recent versions

- 0.1.3 (latest) — 2021-11-18
- 0.1.1 — 2021-11-18
- 0.1.0 — 2021-11-18

## README

## @libra-plugins/plugin-chart-panel



This plugin provides Panel 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
import PanelChartPlugin from '@libra-plugins/plugin-chart-panel';

new PanelChartPlugin()
  .configure({ key: 'panel' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-panel) for more details.

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

### File structure generated

```
├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── Panel.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
```

---
_Source: https://npm.io/package/@libra-plugins/plugin-chart-panel · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._