layui 引入echarts图表插件

前言

本篇文章不是基于layui-admin官方后台模板，如果使用官方后台模板的可作参考。

echart.js下载

1.修改echarts.js

注：引入前需要修改echarts.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';

文件末尾部分添加如下

exports.parseGeoJson = parseGeoJson;
return exports;

2.引入echarts.js

注：文件路径根据js存放路径修改

layui.config({
  base: 'js/', // 基础路径
  echarts: './echarts.js' // 文件名
});

layui.use(['echarts'], function () {
	var echarts = layui.echarts;
	console.log(echarts)
})

3.效果图

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。