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.
44 lines
896 B
44 lines
896 B
7 months ago
|
<!-- @format -->
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="base-gauge" id="basegauge" ref="BaseGaugeRef"></div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { defineComponent } from 'vue';
|
||
|
|
import { init } from 'echarts';
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
name: 'BaseGauge',
|
||
|
|
props: {},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
options: null,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {},
|
||
|
|
mounted() {},
|
||
|
|
methods: {
|
||
|
|
setOption(obj) {
|
||
|
|
this.options = obj;
|
||
|
|
},
|
||
|
|
getOption() {
|
||
|
|
return this.options;
|
||
|
|
},
|
||
|
|
renderChart() {
|
||
|
|
if (!this.chartbox) {
|
||
|
|
this.chartbox = init(this.$refs.BaseGaugeRef, null, { renderer: 'svg' });
|
||
|
|
}
|
||
|
|
this.chartbox.clear();
|
||
|
|
let option = this.getOption();
|
||
|
|
this.chartbox.setOption(option, { notMerge: false });
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<style lang="less">
|
||
|
|
.base-gauge {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|