VUE的element-ui+echarts视图可视化

echarts视图可视化官网:https://echarts.apache.org/zh/index.html

进入官网后点击快速上手-在项目中引入ECharts-npm安装:

我们在之前的项目里面写好柱状图、饼图、和折线图三个组件:


BarChart.vue:

LineChart.vue:

PieChart.vue:

在views文件下ReportsView.vue中引入:

效果图:


你可能感兴趣的:(VUE的element-ui+echarts视图可视化)