zoukankan      html  css  js  c++  java
  • vue 中按需引入 echarts

     

    按需引入 1. 专门设置一个echarts配置文件,文件路径src/lib/echart.js (1.12M) ```src/lib/echart.js // 直接引用 import echarts from '@/lib/echart.js' ``` 2. 利用 babel-plugin-equire 实现按需加载 (1.11M) ```src/lib/echarts.js // 直接引用 import echarts from '@/lib/echarts.js' ``` 3. main.js中只引入需要的模块 ``` import 'echarts/lib/chart/pie' import 'echarts/lib/component/tooltip' import 'echarts/lib/component/title' import 'echarts/lib/component/toolbox' import 'echarts/lib/component/legend' Vue.prototype.$echarts = echarts ``` 全局引入 4. 方式1: 全局引用 (2.4M) ```main.js import echarts from 'echarts' import 'echarts/lib/echarts' import 'echarts/lib/chart/pie' import 'echarts/lib/component/tooltip' import 'echarts/lib/component/title' import 'echarts/lib/component/toolbox' import 'echarts/lib/component/legend' Vue.prototype.$echarts = echarts ``` 5. 使用vue-echarts ```main.js import ECharts from 'vue-echarts' import 'echarts/index' // 注册为全局组件 Vue.component('v-chart', ECharts) ``` 组件使用 ``` <v-chart chartId="myChart" :options="chartOptions" width="300px" height="300px" :auto-resize="true"></v-chart> ```

    github:  https://github.com/aloehh/vue-echarts

  • 相关阅读:
    Java复制数组
    关于js正则表达式的理解
    js声明const, var, let的区别
    原生js删除多个相同类名的子元素
    python -反射hasattr、setattr、delattr
    Python-反射getattr的应用
    Python-库安装
    python -函数
    Appium -作业5(2)
    Appium appium1.6.5 使用 set_value () 输入中文,真机上无显示
  • 原文地址:https://www.cnblogs.com/aloehui/p/14180116.html
Copyright © 2011-2022 走看看