一、初始化
<div ref="leftChart" id='cahrt' ></div>
const chartRef = this.$refs.leftChart
// 或者
const chartRef = document.getElementById.('#chart')
this.chart = echarts.init(refChart) //echarts需要先引入
二、渲染/画图
// 此处的option就是你要画的图的参数
this.chart.setOption(option)
// echart图表没有办法在用户手动放大缩小页面时自适应,所以需监听页面缩放进行resize
window.addEventListener('resize', () => {
if (this.chart) this.chart.resize()
})
三、关于性能
echart在性能方面很不友好,所以在退出页面的时候一定要销毁echarts。否则会造成内存泄漏。在销毁时需判断this.chart是否存在,否则会报错
this.chart.dispose()
this.chart.clear()