pzc 162ee32029 add echarts radar plugin 4 years ago
..
.github 162ee32029 add echarts radar plugin 4 years ago
docs 162ee32029 add echarts radar plugin 4 years ago
packages 162ee32029 add echarts radar plugin 4 years ago
.gitignore 162ee32029 add echarts radar plugin 4 years ago
.npmrc 162ee32029 add echarts radar plugin 4 years ago
.travis.yml 162ee32029 add echarts radar plugin 4 years ago
CHANGELOG.md 162ee32029 add echarts radar plugin 4 years ago
LICENSE 162ee32029 add echarts radar plugin 4 years ago
README.md 162ee32029 add echarts radar plugin 4 years ago
buildAssets.js 162ee32029 add echarts radar plugin 4 years ago
commitlint.config.js 162ee32029 add echarts radar plugin 4 years ago
lerna.json 162ee32029 add echarts radar plugin 4 years ago
package.json 162ee32029 add echarts radar plugin 4 years ago
package1.json 162ee32029 add echarts radar plugin 4 years ago
read.txt 162ee32029 add echarts radar plugin 4 years ago
tsconfig.options.json 162ee32029 add echarts radar plugin 4 years ago

README.md

@dmicros/superset-ui-preset-chart-echarts-basic 🔌💡

WIP.

The initial purpose of this repo is to support Echarts radar in Superset. You can also use it as a reference on how to support other visualizations of Echarts.

Available chart

Echarts Radar Chart

Snapshot in Superset:

Echarts Radar in Superset

See also:

Demo (Storybook)

Current master: http://echarts-basic.iamhd.top

Note: You have to customize your own netlify to use this.

Packages

| Package | Version | Note | |--|--|--| | @dmicros/superset-ui-preset-chart-echarts-basic | Version | README|

See README to use

Contribution and development guide

Please read the contributing guidelines which include development environment setup and other things you should know about coding in this repo.

Note: This repo is created with template at https://github.com/apache-superset/superset-ui-plugins-template .

Tips on developing new plugin

The following is a typical plugin class:

export default class EchartsBasicRadarPlugin extends ChartPlugin {
  constructor() {
    super({
      controlPanel,
      loadChart: () => import('../EchartsBase'),
      metadata,
      transformProps,
    });
  }
}

Let's break it down:

  • metadata - define the name and thumbnail displayed when user select a chart type to create
  • controlPanel - define control panel shown on left side when user edit a chart
  • loadChart - load react componet of a chart
  • transformProps - transform form data and query data into chart props, which includes visual settings and data in proper format

License

Apache-2.0