使用vue3+ts创建的h5项目,需要引入echarts。
上干货:
按需引入echarts : 这里echarts版本为5.X
import * as echarts from 'echarts'
创建html元素
<div id="myChart" :style="{ width: '300px', height: '300px' }"></div>
在setup()创建方法(在onMounted中写也行,看个人喜好)
// 基于准备好的dom,初始化echarts实例
let myChart = echarts.init(document.getElementById('myChart'))
这里ts会报一个错:
解决办法:
let myChart = echarts.init(document.getElementById('myChart') as HTMLCanvasElement)
解决!