Skip to content

Latest commit

 

History

History
55 lines (32 loc) · 1.51 KB

README.md

File metadata and controls

55 lines (32 loc) · 1.51 KB

Visualization-FP

Health Monitoring Dashboard是可以动态显示身体健康数据的交互面板。当我们能够获取到一些个人的健康数据时,将其整合成一个交互面板可以让用户更直观地看到自身的一些身体情况和变化。

布局模板链接(采用了模板的布局样式,可视化设计、数据以及内部交互逻辑均为小组设计)

Web Page(preview online)

image

Overview

项目基于vue2框架实现,使用了dataview和element ui库的部分组件,图表使用echarts库制作,项目目前还没有接入后端数据,使用的数据为src/assets/data中的json文件。

Vue开发环境搭建教程:

Windows:https://blog.csdn.net/weixin_45899210/article/details/124107405?spm=1001.2014.3001.5502

MacOS:https://blog.csdn.net/qq_31885421/article/details/82751940

Setup

使用终端进入项目文件夹

在终端输入以下指令以拉取依赖包

yarn install

Running

在终端输入以下指令以运行项目

npm run serve

Development enviroment

Vue-cli-3.0

npm-6.14.17

yarn-1.22.19

Node-v14.21.1

data-view-2.7.3

echarts-5.4.1

element-ui-2.15.12

References

1.https://blog.csdn.net/qq_40282732/article/details/105656848 (布局模板)

2.https://echarts.apache.org/zh/option.html#title (Echarts配置项手册)