瀏覽代碼

Merge branch 'feature/cmn-dashboard' of cmy/data-marketing-platform into master

cmy 3 周之前
父節點
當前提交
d6cc0f3871
共有 3 個文件被更改,包括 16 次插入6 次删除
  1. 6 1
      src/views/home/echarts/traffic-sources.vue
  2. 8 3
      src/views/home/echarts/visitor-trend.vue
  3. 2 2
      src/views/home/index.vue

+ 6 - 1
src/views/home/echarts/traffic-sources.vue

@@ -123,8 +123,13 @@ const initChart = () => {
   chartInstance.setOption(option);
 };
 
+const handleResize = ()=>{
+  chartInstance?.resize();
+}
+
 defineExpose({
-  initChart
+  handleResize,
+  initChart,
 });
 
 onMounted(async () => {

+ 8 - 3
src/views/home/echarts/visitor-trend.vue

@@ -204,13 +204,18 @@ const initChart = () => {
   chartInstance.setOption(option);
 }
 
+const handleResize = ()=>{
+  chartInstance?.resize();
+}
+
 defineExpose({
-  initChart
+  handleResize,
+  initChart,
 });
 
-onMounted(async () => {
+onMounted(() => {
   initChart();
-});
+})
 </script>
 
 <style>

+ 2 - 2
src/views/home/index.vue

@@ -55,10 +55,10 @@ const handlePanelRefresh = (value: string) => {
 
 const resize = debounce(() => {
   if (visitorTrendRef.value) {
-    visitorTrendRef.value.initChart();
+    visitorTrendRef.value.handleResize();
   }
   if (trafficSourcesRef.value) {
-    trafficSourcesRef.value.initChart();
+    trafficSourcesRef.value.handleResize();
   }
 }, 200); // 200ms防抖间隔