mpVue引入echarts图表

1、首先引入echarts和mpvue-echarts

npm install echarts, npm install mpvue-echarts

import echarts from 'echarts'
import mpvueEcharts from 'mpvue-echarts'

2、components组件注册

components: {
  echarts,
  mpvueEcharts
},

3、utils文件下新建返回echarts 的配置项js文件

// 折线图echarts
/**
 * 折线图
 * @param {object} option (Ydata)
 */
export function getLineChart (option = {}) {
  var echartsXdate = []
  let _date = new Date()
  let _year = _date.getFullYear()
  let _preyear = _year - 1
  var _month = _date.getMonth()
  for (var i = _month; i > 0; i--) {
    echartsXdate.unshift(_year + '-' + i)
  }
  for (var j = 12; j > _month; j--) {
    echartsXdate.unshift(_preyear + '-' + j)
  }
  console.log('getLineChart')
  return {
    backgroundColor: '#fff',
    xAxis: {
      type: 'category