| | |
| | | const fullScreenFlag = ref(props.fullFlag); |
| | | |
| | | |
| | | function busHandler() { |
| | | setTimeout(() => { |
| | | resize(); |
| | | // 因为过渡设置了0.5s,所以需要等待0.5s后再resize |
| | | }, 580); |
| | | } |
| | | |
| | | |
| | | onMounted(() => { |
| | | console.log('base mounted',chart.value, '============='); |
| | |
| | | }); |
| | | window.addEventListener("resize", resize); |
| | | |
| | | eventBus.on("toggleSiteList", () => { |
| | | console.log('toggleSiteList', '============='); |
| | | setTimeout(() => { |
| | | resize(); |
| | | // 因为过渡设置了0.5s,所以需要等待0.5s后再resize |
| | | }, 500); |
| | | |
| | | }); |
| | | eventBus.on("toggleSiteList", busHandler); |
| | | |
| | | }); |
| | | |
| | | onBeforeUnmount(() => { |
| | | window.removeEventListener("resize", resize); |
| | | eventBus.off("toggleSiteList"); |
| | | eventBus.off("toggleSiteList", busHandler); |
| | | dispose(); |
| | | }); |
| | | |
| | |
| | | } |
| | | |
| | | function resize() { |
| | | console.log('resize', chart_instance, '============='); |
| | | |
| | | if (chart_instance) { |
| | | chart_instance.resize(); |
| | | } |
| | |
| | | /* chart wrapper css */ |
| | | .e-chart-root, |
| | | .e-chart { |
| | | width: 100%; |
| | | height: 100%; |
| | | box-sizing: border-box; |
| | | } |