vue3中使用echart5

安装

npm install echarts --save

<div id="main" style='height: 500px'></div>

全局导入

<script>
import * as echarts from 'echarts'
import { onMounted } from 'vue'
export default {
	setup() {
		onMounted(() => {
			// 获取DOM元素并且进行初始化
			var myChart = echarts.init(document.getElementById('main'));
			// 创建图标
			myChart.setOption({
			  title: {
			    text: 'ECharts 入门示例'
			  },
			  tooltip: {},
			  xAxis: {
			    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
			  },
			  yAxis: {},
			  series: [
			    {
			      name: '销量',
			      type: 'bar',
			      data: [5, 20, 36, 10, 10, 20]
			    }
			  ]
			})
		})
	}
}
</script>