Vue中使用ECharts可以通过安装一个名为vue-echarts
的插件来实现。在组件销毁时,可以在组件的beforeDestroy
生命周期钩子函数中调用ECharts实例的dispose
方法来销毁ECharts。示例代码如下:
-
<template>
-
<div ref="chart"></div>
-
</template>
-
-
<script>
-
import echarts from 'echarts'
-
-
export default {
-
data() {
-
return {
-
chart: null
-
}
-
},
-
mounted() {
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15