vue echart柱状图 案例代码分享

引言:因笔者在项目中只用到了柱状图,此处仅分享柱状图的案例代码,使用的是vue-echarts,涉及到数据请求,柱状图渲染,简化的鼠标经过显示数据内容,以及鼠标点击柱形图某个柱子的事件代码。 正文: 1、安装vue-echarts: npm install echarts vue-echarts 2、使用方法(笔者用在src/views/chart.vue文件中): 1)按需引入vue-echarts: import Vue from vue; import ECharts from vue-echarts; // 引入柱状图 import echarts/lib/chart/b