You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.3 KiB
Vue
74 lines
1.3 KiB
Vue
1 year ago
|
<template>
|
||
|
|
<div :style="{ height: height, width: width }" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import * as echarts from 'echarts';
|
||
|
|
import { defineComponent } from '@vue/composition-api';
|
||
|
|
import resize from './dashboard/mixins/resize';
|
||
|
|
import {option} from './options/left_bot_options';
|
||
|
|
export default defineComponent({
|
||
|
|
mixins: [resize],
|
||
|
|
props: {
|
||
|
|
year: null,
|
||
|
|
className: {
|
||
|
|
type: String,
|
||
|
|
default: 'chart'
|
||
|
|
},
|
||
|
|
width: {
|
||
|
|
type: String,
|
||
|
|
default: '400px'
|
||
|
|
},
|
||
|
|
height: {
|
||
|
|
type: String,
|
||
|
|
default: '230px'
|
||
|
|
},
|
||
|
|
realData : {
|
||
|
|
type : Object,
|
||
|
|
default () {
|
||
|
|
return {}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
// myChart: null,
|
||
|
|
loading: true,
|
||
|
|
dataForCount: [],
|
||
|
|
dataForWeight: []
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
async mounted() {
|
||
|
|
// await this.getTypeData()
|
||
|
|
this.initChart()
|
||
|
|
},
|
||
|
|
watch : {
|
||
|
|
realData : {
|
||
|
|
handler (newValue) {
|
||
|
|
option.series[0].data = newValue.seriesData;
|
||
|
|
this.initChart();
|
||
|
|
},
|
||
|
|
deep : true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
beforeUnmount() {
|
||
|
|
// if (!this.myChart) {
|
||
|
|
// return;
|
||
|
|
// }
|
||
|
|
// this.myChart.dispose();
|
||
|
|
// this.myChart = null;
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
initChart() {
|
||
|
|
let myChart = echarts.init(this.$el);
|
||
|
|
myChart.setOption(option);
|
||
|
|
this.$nextTick(() => {
|
||
|
|
myChart.resize()
|
||
|
|
this.$emit('endLoading', 3)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|