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.
38 lines
605 B
38 lines
605 B
1 year ago
|
import { nextTick, ref } from 'vue';
|
||
|
|
import VCharts from 'vue-echarts';
|
||
|
|
|
||
|
|
const template = `<VCharts
|
||
|
|
v-if="renderChart"
|
||
|
|
:option="options"
|
||
|
|
:autoresize="autoresize"
|
||
|
|
:style="{ width, height }"
|
||
|
|
/>`;
|
||
|
|
|
||
|
|
export default {
|
||
|
|
template,
|
||
|
|
components: { VCharts },
|
||
|
|
props: {
|
||
|
|
options: {
|
||
|
|
default: {},
|
||
|
|
},
|
||
|
|
autoresize: {
|
||
|
|
default: true,
|
||
|
|
},
|
||
|
|
width: {
|
||
|
|
default: '100%',
|
||
|
|
},
|
||
|
|
height: {
|
||
|
|
default: '100%',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
setup() {
|
||
|
|
const renderChart = ref(false);
|
||
|
|
nextTick(() => {
|
||
|
|
renderChart.value = true;
|
||
|
|
});
|
||
|
|
return {
|
||
|
|
renderChart,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
};
|