https://github.com/aggarwal-h/solid-echarts

Supercharge your Data Visualization in Solid. Powered by ECharts.
https://github.com/aggarwal-h/solid-echarts

Last synced: 8 days ago
JSON representation

Supercharge your Data Visualization in Solid. Powered by ECharts.

• Host: GitHub
• URL: https://github.com/aggarwal-h/solid-echarts
• Owner: aggarwal-h
• License: mit
• Created: 2023-07-19T00:10:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-08T03:31:05.000Z (over 1 year ago)
• Last Synced: 2024-11-01T00:12:05.286Z (about 2 months ago)
• Language: TypeScript
• Size: 108 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



# solid-echarts

Supercharge your Data Visualization in Solid. Powered by ECharts.

## 📦 Installation

### Yarn

```bash

yarn add solid-echarts

```

### NPM

```bash

npm install solid-echarts --save

```

### PNPM

```bash

pnpm install solid-echarts --save

```

## Simple Usage

```jsx

import SolidECharts from "solid-echarts";

```

Replace `option` with your ECharts chart option.

## Advanced Usage

For reduced bundle size:

```jsx

import { SolidEChartsCore } from "solid-echarts";

import * as echarts from 'echarts/core';

import { LineChart } from 'echarts/charts';

import { GridComponent, TooltipComponent } from 'echarts/components';

import { CanvasRenderer } from 'echarts/renderers';

// Register only the components you need.

echarts.use([LineChart, GridComponent, TooltipComponent CanvasRenderer]);

```

Replace `option` with your ECharts chart option.