You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
844 B
42 lines
844 B
import {isEmpty, waitUntilSuccess} from "@/util"
|
|
|
|
export default {
|
|
props: {
|
|
width: {
|
|
type: String,
|
|
default: '100%'
|
|
},
|
|
height: {
|
|
type: String,
|
|
default: '350px'
|
|
}
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
loading: false
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
$_getChartInstance() {
|
|
return waitUntilSuccess(
|
|
() => !isEmpty(window.echarts),
|
|
() => this.chart = window.echarts.init(this.$_getChartDom(), 'macarons')
|
|
)
|
|
},
|
|
$_getChartDom() {
|
|
return this.$el
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
this.$_getChartInstance().then(() => this.init())
|
|
},
|
|
|
|
beforeDestroy() {
|
|
if (!this.chart) return
|
|
this.chart.dispose()
|
|
this.chart = null
|
|
}
|
|
}
|
|
|