layui/vue整合echarts

layui整合echarts

 

整合的时候需要改一下js，必须让echarts作为一个组件嵌进layui

1、将echarts.js中开头黄色框的js代码换成下面红色框中的js代码（注：echarts.js我上传到了我的下载资源中，所需c币为0，需要的可以自行下载，这个js是我已经改好的，可以直接拿来使用）

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
        typeof define === 'function' && define.amd ? define(['exports'], factory) :
            window.layui && layui.define ? layui.define(function(exports){exports('echarts',factory(exports))}) :
                (factory((global.echarts = {})));
}(this, (function (exports) { 'use strict';

2.在echarts.js的末尾加上下面红框中的语句

exports.parseGeoJson = parseGeoJson;
    return exports;

})));

3.引用echarts.js,把它嵌到layui中

layui.config({
        version: 1,
        base: '${pageContext.request.contextPath}/admin/js/' //这个就是你放Echart.js的目录
    }).use(['element', 'echarts'], function () {
        var echarts = layui.echarts;
)}

4.按照以上配置即可正常使用：如下图