@w11k/plugin-chart-scatter

This plugin provides a Scatter Chart for Apache Superset.

Installation

npm install @w11k/plugin-chart-scatter

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 { EchartsScatterChartPlugin } from '@w11k/plugin-chart-scatter';

new EchartsScatterChartPlugin().configure({ key: 'scatter' }).register();

Then use it via SuperChart

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

File structure

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

Sponsor

This plugin is sponsored by ZMG

Patron

❤️ W11K - The Web Engineers

❤️ theCodeCampus - Trainings for Angular and TypeScript

License

Apache-2.0