fix: several error demo in site (#3435)

* fix(demo): 更新 demo 截图, close: #3434

* fix: 修复官网 demo 问题

Author: visiky

site/examples/case/advanced/demo/associate-filter.ts

@@ -15,6 +15,7 @@ insertCss(`
   flex: 1;
 }
 `);
+initContainer();
 
 fetch('https://gw.alipayobjects.com/os/antfincdn/PC3daFYjNw/column-data.json')
   .then((data) => data.json())
@@ -93,8 +94,17 @@ fetch('https://gw.alipayobjects.com/os/antfincdn/PC3daFYjNw/column-data.json')
       }
     });
     // 双击，还原数据
-    pie.on('element:dblclick', () => {
+  pie.on('element:dblclick', () => {
       pie.chart.changeData(pieData);
       column.chart.changeData(data);
     });
   });
+
+  function initContainer() {
+    const container = document.getElementById('container');
+    container.innerHTML = `
+      <div id="container1"></div>
+      <div id="container2"></div>
+    `;
+  }
+  

site/examples/case/advanced/demo/associate-pie-tooltip.ts

@@ -14,6 +14,7 @@ insertCss(`
   flex: 1;
 }
 `);
+initContainer();
 
 const { Util } = G2;
 
@@ -142,3 +143,11 @@ plot2.on('tooltip:hide', (e) => {
     plot1.chart.hideTooltip();
   }
 });
+
+function initContainer() {
+  const container = document.getElementById('container');
+  container.innerHTML = `
+    <div id="container1"></div>
+    <div id="container2"></div>
+  `;
+}

site/examples/case/interactions/demo/meta.json

@@ -10,23 +10,23 @@
         "zh": "元素多选交互",
         "en": "Element selected"
       },
-      "screenshot": "https://gw.alipayobjects.com/zos/antfincdn/VoiPvFL%26U5/pie-tooltip.gif"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*nA_-SYUCA74AAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "pie-element-selected.ts",
       "title": {
-        "zh": "饼图 - 元素多选交互",
+        "zh": "饼图 元素多选交互",
         "en": "Element selected"
       },
-      "screenshot": "https://gw.alipayobjects.com/zos/antfincdn/VoiPvFL%26U5/pie-tooltip.gif"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*PqprTa8VPrEAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "funnel-element-selected.ts",
       "title": {
         "zh": "漏斗图 元素多选交互",
         "en": "Element selected"
       },
-      "screenshot": "https://gw.alipayobjects.com/zos/antfincdn/VoiPvFL%26U5/pie-tooltip.gif"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*WW79RIgfGesAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }

site/examples/dynamic-plots/brush/demo/advanced-brush1.ts

@@ -15,6 +15,7 @@ insertCss(`
   height: 120px;
 }
 `);
+initContainer();
 
 fetch('https://gw.alipayobjects.com/os/antfincdn/v6MvZBUBsQ/column-data.json')
   .then((res) => res.json())
@@ -81,3 +82,11 @@ fetch('https://gw.alipayobjects.com/os/antfincdn/v6MvZBUBsQ/column-data.json')
       plot1.changeData(data);
     });
   });
+
+function initContainer() {
+  const container = document.getElementById('container');
+  container.innerHTML = `
+      <div id="container1"></div>
+      <div id="container2"></div>
+    `;
+}

site/examples/dynamic-plots/brush/demo/advanced-brush2.ts

@@ -16,6 +16,7 @@ insertCss(`
   height: 120px;
 }
 `);
+initContainer();
 
 fetch('https://gw.alipayobjects.com/os/antfincdn/v6MvZBUBsQ/column-data.json')
   .then((res) => res.json())
@@ -86,3 +87,11 @@ fetch('https://gw.alipayobjects.com/os/antfincdn/v6MvZBUBsQ/column-data.json')
       plot1.setState('active', () => true, false);
     });
   });
+
+function initContainer() {
+  const container = document.getElementById('container');
+  container.innerHTML = `
+    <div id="container1"></div>
+    <div id="container2"></div>
+  `;
+}