1. npm install echarts --save
2. 在main.js文件中
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
3. 在展示的組建中
<template>
<div id="main" style="width: 500px; height: 500px"></div>
</template>
<script>
export default {
mounted() {
//掛載實例
this.dwa();
},
//定義一個方法
methods: {
dwa(){
let echarts = require('echarts');
let myChart = echarts.init(document.getElementById('main'));
myChart.setOption({ title: { text: 'ECharts 入門示例' },
tooltip: {},
xAxis: {
show:false,
data: ['襯衫', '羊毛衫', '雪紡衫', '褲子', '高跟鞋', '襪子']
},
yAxis: {
show:false
},
series: [
{
name: 'a a ',
type: 'pie',
data: [20,1,3,4,5,6,7,8,9,10,11,12,13,14,15]
}
]
});
}
},
}
</script>