Echarst柱状图+饼状图+vue2 商品案例
前端的this.baseUrl也记得换成相对应的路径(http://localhost:8088/goods)首先前端,只需要一个div,用ref指定名称,定好宽高,就ok,div多大,图就会自适应多大。echarst非常简单,就是使用的数据需要按照规定的格式,往往是获取数据较难。上面用到的data数据,我们也创建一下,饼状图需要一个数组,柱状图需要两个。然后写一个方法用$refs指定div设置图表。我是怎么获取的这里也展示一下,mapper层只有一个方法。最后启动前端后端,访问。