Vue-cli 項目中Echarts按需引入

在項目中若是直接引用已經加載了全部圖表和組件的 ECharts 包,體積會比較大,形成資源浪費,最好是可以經過按需引入Echarts模塊。git


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

// 引入柱狀圖
require('echarts/lib/chart/bar');

// 引入提示框和標題組件
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');
複製代碼

各類資源的列表詳情:github

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)bash

僅供參考echarts

相關文章
相關標籤/搜索