ECharts图表

ECharts

如何使用Echarts：

  • ①获取Echarts ：在官网下载Echarts版本 或 npm下载
  • ②引入Echarts ：script引入 或者 vue在入口文件里引用
  • ③创建一个dom元素 用来放置图表
  • ④配置Echarts属性

Echarts和vue如何从后台数据库获取数据：

  • 这里介绍两种
    1.柱状图 2.饼图
    1.柱状图如图所示分为x轴和y轴,因为我们表查询不止这两个字段所以后端返回数据前端进行封装,可以使用
    循环列表获取x轴和y轴需要显示的数据保存到新数组修改