박정하 박정하 2023-09-08
230908 박정하 통계 페이지 차트 수정
@1eb110b13e4077a6d2100769b68162cb8f978a87
client/views/component/chart/Chart11.jsx
--- client/views/component/chart/Chart11.jsx
+++ client/views/component/chart/Chart11.jsx
@@ -4,8 +4,14 @@
 import am5themes_Animated from "@amcharts/amcharts5/themes/Animated";
 import CommonUtil from "../../../resources/js/CommonUtil";
 
+var globalObject = {}
+
 export default function Chart11({ data }) {
-  const createChart = () => {
+  const createChart = (drawChart) => {
+    if (globalObject[drawChart]) {
+      globalObject[drawChart].dispose()
+    }
+
     let root = am5.Root.new("Chart11");
     root._logo.dispose();
 
@@ -140,6 +146,8 @@
     // Make stuff animate on load
     // https://www.amcharts.com/docs/v5/concepts/animations/
     chart.appear(1000, 100);
+
+    globalObject[drawChart] = root
   }
 
   React.useEffect(() => {
client/views/pages/equipment/EquipmentData.jsx
--- client/views/pages/equipment/EquipmentData.jsx
+++ client/views/pages/equipment/EquipmentData.jsx
@@ -1,21 +1,16 @@
 import React from "react";
 import { useNavigate, useLocation } from "react-router";
 import { useSelector } from "react-redux";
-import SubTitle from "../../component/SubTitle.jsx";
-import Modal from "../../component/Modal.jsx";
 
 import House from "../../../resources/files/icon/house.png";
 import Arrow from "../../../resources/files/icon/arrow.png";
+
+import SubTitle from "../../component/SubTitle.jsx";
 import Pagination from "../../component/Pagination.jsx";
 import Chart11 from "../../component/chart/Chart11.jsx";
-
 import CommonUtil from "../../../resources/js/CommonUtil.js";
 
-import DatePicker from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
-
 export default function EquipmentData() {
-  const navigate = useNavigate();
   const location = useLocation();
 
   //전역 변수 저장 객체
@@ -222,6 +217,7 @@
                 </ul>
               </div>
             </div>
+
             <div className="right">
               <div className="flex equip-tab">
                 <SubTitle explanation={"선택한 기관의 통계 자료입니다."} />
Add a comment
List