实时趋势折线图闪动问题修改

This commit is contained in:
zhujiyan
2024-10-18 16:24:44 +08:00
parent 2c066236bf
commit 7670da7f9f
4 changed files with 15 additions and 8 deletions

View File

@@ -20,7 +20,7 @@ const config = useConfig()
color[0] = config.layout.elementUiPrimary[0]
const chartRef = ref<HTMLDivElement>()
const props = defineProps(['options'])
const props = defineProps(['options','isInterVal'])
let chart: echarts.ECharts | any = null
const resizeHandler = () => {
// 不在视野中的时候不进行resize
@@ -33,8 +33,10 @@ const resizeHandler = () => {
})
}
const initChart = () => {
chart?.dispose()
if(!props.isInterVal){
chart?.dispose()
}
// chart?.dispose()
chart = echarts.init(chartRef.value as HTMLDivElement)
const options = {
title: {
@@ -242,7 +244,7 @@ onBeforeUnmount(() => {
watch(
() => props.options,
(newVal, oldVal) => {
initChart()
initChart()
}
)
</script>