echarts 图表 获取数值 使用渲染

 

一，页面 图表渲染

index.vue

 api.house.information.js

import request from '@/router/axios';

// 11111111111111
export const zcbList = (params) => {
  return request({
    url: '/api/house/information/zcbList',
    method: 'get',
    params: {
      ...params,
    }
  })
}


// 资产办近3年房屋收支情况 1111111111111111
export const zichanbankListSz = () => {
  return request({
    url: '/api/house/information/zcbTiaoMoneyList',
    method: 'get',

  })
}


// 资产办近3年房屋使用情况 1111111111111
export const zichanbankListSy = () => {
  return request({
    url: '/api/house/information/zcbTiaoList',
    method: 'get',

  })
}

vue.config.js

module.exports = {
  lintOnSave: true,
  productionSourceMap: false,
  chainWebpack: (config) => {
    //忽略的打包文件
    config.externals({
      'vue': 'Vue',
      'vue-router': 'VueRouter',
      'vuex': 'Vuex',
      'axios': 'axios',
      'element-ui': 'ELEMENT',
    })
    const entry = config.entry('app')
    entry
      .add('babel-polyfill')
      .end()
    entry
      .add('classlist-polyfill')
      .end()
    entry
      .add('@/mock')
      .end()
  },
  devServer: {
    // 端口配置
    port: 1999,
    // 反向代理配置
    proxy: {
      '/api': {
        target: 'http://192.168.56.1:7777',
        ws: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    },
  }
}