在线设计平台水波图

原创已于 2022-08-12 10:02:01 修改 · 261 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#echarts #javascript #ecmascript

收录于

于 2022-07-27 10:36:53 首次发布

笔记专栏收录该内容

26 篇文章

订阅专栏

这篇博客探讨了两种不同的Echarts图表库加载方式：一种是通过动态加载js文件，另一种是利用CDN加速。在方法一中，先加载echarts.min.v2.0.js，再加载echarts-liquidfill.js，然后执行回调函数。而在方法二中，采用CDN直接引入两个库文件，并在初始化阶段调用window.G.geoDesign.designView.loadFilesDy加载js和css资源。

beforeLoad: function(initdata, callback) {
    var url = "/zxsjpt/script/plugins/echarts/echarts.min.v2.0.js";
    Common.DynamicLoadingJs(url,
    function() {
      url = "/zxsjpt/script/plugins/echarts-liquidfill/echarts-liquidfill.js";
      Common.DynamicLoadingJs(url,
      function() {
        callback(initdata);
      });
    });
  }

在这里插入图片描述
方法二：使用cdn加载

//jtsj
"option":{},
"cndsJs": [
    "/zxsjpt/script/plugins/echarts/echarts.min.v2.0.js",
    "/zxsjpt/script/plugins/echarts-liquidfill/echarts-liquidfill.js"
  ],
"cndsCss": []

Model = {
  Init: function(initdata) {
    var id = initdata.Id;
    if (initdata.ZjPrimary) {
      id = initdata.ZjPrimary;
    }
    if (!globals.setting) {
      globals.setting = {};
    }
    globals.setting[id] = initdata.jtsj;
  **window.G.geoDesign.designView.loadFilesDy(initdata.jtsj.cndsJs,initdata.jtsj.cndsCss);**
  },
};