# nodechart

**Repository Path**: qwer6426/nodechart

## Basic Information

- **Project Name**: nodechart
- **Description**: nodechart是用Express+MongoDB+Vue3+Echarts做的前后端分离的图表数据可视化网页
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-09-11
- **Last Updated**: 2024-10-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Nodejs, Vue, MongoDB, Echarts

## README

<div align="center">
<br/>
<br/>
  <h1 algin="center">
    NodeChart
  </h1>
</div>

#### 项目说明

```NodeChart```是基于 ```Nodejs```，```Vue3``` 做的图表数据可视化页面。
[前端项目地址](https://gitee.com/qwer6426/nodechart-vue3).



#### 本地运行

下载源码

```sh
前端源码
git clone https://gitee.com/qwer6426/nodechart-vue3.git
后端源码
git clone https://gitee.com/qwer6426/nodechart.git
```

前端

```sh
# 安装依赖包
npm i
# 本地运行
npm run serve
```

后端

> 后端需要 ```MongoDB``` ，先启动mongodb服务，然后在终端使用node seed.js自动往mongodb数据库中创建数据库，插入数据。


```sh
# 安装依赖包
npm i
# 本地运行
npm start
```

启动好前、后端后，浏览器访问 <http://localhost:7777> 即可打开页面

#### 效果图

![image](./public/images/zhexiantu.png)

![image](./public/images/zhuzhuangtu.png)

![image](./public/images/bingtu.png)