1. Instalaçãovue-echarts
- npm install
npm install echarts vue-echarts
- CDN
<script src = “https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.js”> </ script>
<script src = “https://cdn.jsdelivr.net/npm /[email protected] ”> </ script>
2. Use
- Introduzido em main.js
import ECharts from 'vue-echarts/components/ECharts.vue'
//引入所有表
require("echarts");
// 手动引入 ECharts 各模块来减小打包体积,建议
import 'echarts/lib/chart/bar'
import 'echarts/lib/chart/pie'
import 'echarts/lib/chart/line'
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/polar'
import 'echarts/lib/component/legend'
import 'echarts/lib/component/title.js'
// 注册组件以便在项目中引用
Vue.component('charts', ECharts);
- Introduzido em um único componente * .vue