VUE是一款用于構建用戶界面的JavaScript框架，它基于MVVM模式，通常結合其他一些工具和庫，例如ECharts，使用ECharts可以快速的展現數據圖表。

使用ECharts需要安裝Vue-ECharts，這是ECharts的Vue組件，可以簡單的使用Vue組件內置的API進行數據的綁定、事件的監聽和交互操作。首先要安裝依賴：

npm install --save echarts vue-echarts

接著就可以在Vue組件中引入Vue-ECharts組件，代碼如下：

<template>
<div class="chart-container">
<echarts
ref="chart"
:options="chartOptions"
@click="handleClick"
/>
</div>
</template>

其中chartOptions是一個對象，它會被傳入到ECharts中生成圖形的配置項中，可以按需設置相關數據。如：

<script>
import echarts from 'echarts'
import VueECharts from 'vue-echarts'
export default {
components: {
echarts: VueECharts.component
},
data() {
return {
chartOptions: {
title: {
text: 'ECharts 入門示例'
},
tooltip: {},
xAxis: {
data: ['襯衫', '羊毛衫', '雪紡衫', '褲子', '高跟鞋', '襪子']
},
yAxis: {},
series: [
{
name: '銷量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
}
}
},
methods: {
handleClick(params) {
console.log(params)
}
}
}
</script>

通過以上方式引入Vue-ECharts后，就可以使用ECharts生成數據圖表，其中所有的事件都可以使用Vue的event bus來處理，即在methods中編寫相關事件處理函數即可。