使用Echarts实现项目数据可视化

1、安装插件，全局引入，页面布局结构如下图。

   #  echarts 底层依赖 ZRender（ZRender基于canvas），一个轻量级的二维绘制库 

        npm install [email protected]        // 安装

main.js文件引入使用：使用1还是2由vue版本决定，vue2跟echarts现在最新的版本5字头在一起都会报错，所以可以降低版本

       ①  import echarts from 'echarts' 

       ②  import * as echarts from 'echarts';     

        Vue.prototype.$echarts = echarts

1、折线图 

 封装后端请求

//数据概览 
//数据获取
export function dataView(){
    return service({
        method: 'get',
        url: '/dataView'
    })
}

>

 2、地图

重点是地图注册以及数据，至于地图geo组件配置 ，参考官方

debugg：南海诸岛不显示，国家主权问题，有点危险 ，如果隐藏还可以参考博文