# echartsPanel

**Repository Path**: yeminglong/echarts-panel

## Basic Information

- **Project Name**: echartsPanel
- **Description**: 基于vue-echarts 和 echarts 二次封装 并扩展一些常用的组件。
- **Primary Language**: JavaScript
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-10
- **Last Updated**: 2022-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


### 开始使用
1. #### npm install 
[https://www.npmjs.com/package/echarts-panel](https://www.npmjs.com/package/echarts-panel)

`npm i echarts-panel`


1. #### 导入组件

`import {
    VueEchart,
    CircularEyeProgress,
    CircularProgress,
    PictorialProgress,
    SpectrumProgress,
    WarningProgress,
    LiquidChart
} from "VueEchart";`


2. #### CircularEyeProgress
![](./example/CircularEyeProgress.png)

#### 配置颜色 代码示例：
`<CircularEyeProgress
foreground-color="#0094ff"
style="width: 450px;height: 450px;"
/>` 

#### 效果如下：

![](./example/CircularEyeProgressBlue.png)

3. #### PictorialProgress
![](./example/PictorialProgress.png)


4. #### CircularProgress
![](./example/CircularProgress.png)


5. #### SpectrumProgress
![](./example/SpectrumProgress.png)


6. #### WarningProgress
![](./example/WarningProgress.png)



7. #### LiquidChart
![](./example/LiquidChart.png)