Echarts.jsグラフlayuiでの参照

1675 ワード

  • echartsをダウンロードします.jsソース
  • ソースコードの一部を追加すると、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;
        
      })