在项目中如果直接引用已经加载了所有图表和组件的 ECharts 包,体积会比较大,造成资源浪费,最好是能够通过按需引入Echarts模块。


// 引入 ECharts 主模块  
var echarts = require('echarts/lib/echarts');

// 引入柱状图
require('echarts/lib/chart/bar');

// 引入提示框和标题组件
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');
复制代码

各种资源的列表详情:

var _echarts = require("./lib/echarts");

(function () {
  for (var key in _echarts) {
    if (_echarts == null || !_echarts.hasOwnProperty(key) || key === 'default' || key === '__esModule') return;
    exports[key] = _echarts[key];
  }
})();

var _export = require("./lib/export");

(function () {
  for (var key in _export) {
    if (_export == null || !_export.hasOwnProperty(key) || key === 'default' || key === '__esModule') return;
    exports[key] = _export[key];
  }
})();

require("./lib/component/dataset");

require("./lib/chart/line");

require("./lib/chart/bar");

require("./lib/chart/pie");

require("./lib/chart/scatter");

require("./lib/chart/radar");

require("./lib/chart/map");

require("./lib/chart/tree");

require("./lib/chart/treemap");

require("./lib/chart/graph");

require("./lib/chart/gauge");

require("./lib/chart/funnel");

require("./lib/chart/parallel");

require("./lib/chart/sankey");

require("./lib/chart/boxplot");

require("./lib/chart/candlestick");

require("./lib/chart/effectScatter");

require("./lib/chart/lines");

require("./lib/chart/heatmap");

require("./lib/chart/pictorialBar");

require("./lib/chart/themeRiver");

require("./lib/chart/sunburst");

require("./lib/chart/custom");

require("./lib/component/graphic");

require("./lib/component/grid");

require("./lib/component/legendScroll");

require("./lib/component/tooltip");

require("./lib/component/axisPointer");

require("./lib/component/polar");

require("./lib/component/geo");

require("./lib/component/parallel");

require("./lib/component/singleAxis");

require("./lib/component/brush");

require("./lib/component/calendar");

require("./lib/component/title");

require("./lib/component/dataZoom");

require("./lib/component/visualMap");

require("./lib/component/markPoint");

require("./lib/component/markLine");

require("./lib/component/markArea");

require("./lib/component/timeline");

require("./lib/component/toolbox");

require("zrender/lib/vml/vml");

require("zrender/lib/svg/svg");
复制代码

(转自官方文档 https://github.com/ecomfe/echarts/blob/master/index.js)

仅供参考

转载于:https://juejin.im/post/5ac9c3ae6fb9a028d2083531

Logo

前往低代码交流专区

更多推荐