添加部分源碼,可以使layui使用第三方插件的方法引入,代碼以下:

//打開源碼,將代碼頭部的代碼

(function (global, factory) {

typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :

typeof define === 'function' && define.amd ? define(['exports'], factory) :

(factory((global.echarts = {})));

}(this, (function (exports) { 'use strict';

//改成:第2個三元運算符冒號(:)后，須要添加一行代碼，以下

window.layui && layui.define ? layui.define(function(exports){exports('echarts',factory(exports))}) :

//最終為:

(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.Axis = Axis;

exports.env = env$1;

exports.parseGeoJson = parseGeoJson;

return exports; //必加代碼

})));

//最后使用:

layui.config({

base: '../../../layuiadmin/lib/' //靜態資源所在路徑(使用時,根據本身的結構改動)

}).extend({

echarts: '/extend/echarts' //主入口模塊(名字一樣根據本身的結構改動)

});

layui.use(['form','table','echarts','util'],function(){

var echarts = layui.echarts;

var $ = layui.jquery;

var table = layui.table;

console.log(echarts);

var myCharts = echarts.init($(dom)); // 要繪制圖表的盒子dom;

})

總結

以上是生活随笔為你收集整理的html中引入js柱状图,Echarts.js 图表在layui中的引用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。