在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中echars如何按需加載引入折線圖？

vue中echars如何按需加載引入折線圖？

項目中用到了一個簡單的折線圖，
圖片描述

我打算用echars實現(xiàn)，引入之后項目大小達到了3M多，為了減少項目大小，我打算按需加載折線圖

import echarts from "echarts";

let chart = null;
function initChart(canvas, width, height) {
  chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);

  var option = {
    title: {
      text: this.title,
      textStyle: {
        fontSize: "15"
      },
      subtext: this.subtext
    },
    //...

echars如何在vue中按需加載呢？

回答
編輯回答
笨尐豬

我引的是vue-echarts這個插件，
如何按需引入

import ECharts from "vue-echarts/components/ECharts.vue";
import "echarts/lib/chart/line";
import "echarts/lib/component/title.js";
2017年9月28日 15:30
編輯回答
離夢
  // 引入 ECharts 主模塊
  var echarts = require('echarts/lib/echarts');
  // 引入折線圖
  require('echarts/lib/chart/line');
  // 引入提示框和標題組件
  require('echarts/lib/component/title');
2017年1月11日 00:59