{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\projet dashboard\\\\dashboard\\\\src\\\\components\\\\tableau_main\\\\components\\\\chart2.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, BarElement, LinearScale, CategoryScale } from \"chart.js\";\nimport { Doughnut } from 'react-chartjs-2';\nimport g from \"../../../../public/g\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nChartJS.register(ArcElement, Tooltip, Legend, BarElement, LinearScale, CategoryScale);\nconst Chart2 = () => {\n  _s();\n  const [donneesProduction, setDonneesProduction] = useState({});\n  useEffect(() => {\n    fetch('../../../../public/data.json').then(response => response.json()).then(data => {\n      const productionData = {\n        labels: Object.keys(data.donnees_production.performances_processus),\n        datasets: [{\n          data: Object.values(data.donnees_production.performances_processus),\n          backgroundColor: ['red', 'green', 'blue'] // Couleurs des secteurs\n        }]\n      };\n\n      setDonneesProduction(productionData);\n    }).catch(error => {\n      console.error('Erreur lors de la récupération des données JSON:', error);\n    });\n  }, []);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n      children: \"graphique 2\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 9\n    }, this), donneesProduction ? /*#__PURE__*/_jsxDEV(Doughnut, {\n      data: donneesProduction\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 30\n    }, this) : null]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 35,\n    columnNumber: 5\n  }, this);\n};\n_s(Chart2, \"CujkljjlA4Yq7fLrx8Y8sMF/Qho=\");\n_c = Chart2;\nexport default Chart2;\nvar _c;\n$RefreshReg$(_c, \"Chart2\");","map":{"version":3,"names":["React","useEffect","useState","Chart","ChartJS","ArcElement","Tooltip","Legend","BarElement","LinearScale","CategoryScale","Doughnut","g","jsxDEV","_jsxDEV","register","Chart2","_s","donneesProduction","setDonneesProduction","fetch","then","response","json","data","productionData","labels","Object","keys","donnees_production","performances_processus","datasets","values","backgroundColor","catch","error","console","children","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/projet dashboard/dashboard/src/components/tableau_main/components/chart2.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, BarElement,LinearScale,CategoryScale } from \"chart.js\";\r\nimport { Doughnut } from 'react-chartjs-2';\r\nimport g from \"../../../../public/g\";\r\n\r\nChartJS.register(ArcElement, Tooltip, Legend, BarElement,LinearScale,CategoryScale);\r\n\r\nconst Chart2=()=>{\r\n\r\n        const [ donneesProduction, setDonneesProduction]=useState({})\r\n        \r\n    useEffect(()=>{\r\n        fetch('../../../../public/data.json')\r\n        .then((response)=>response.json())\r\n        .then((data)=>{\r\n            const productionData = {\r\n                labels: Object.keys(data.donnees_production.performances_processus),\r\n                datasets: [\r\n                  {\r\n                    data: Object.values(data.donnees_production.performances_processus),\r\n                    backgroundColor: ['red', 'green', 'blue'], // Couleurs des secteurs\r\n                  },\r\n                ],\r\n              };\r\n              setDonneesProduction(productionData);\r\n      \r\n      \r\n      })\r\n      .catch((error) => {\r\n        console.error('Erreur lors de la récupération des données JSON:', error);\r\n      });\r\n  }, []);\r\n\r\n  return(\r\n    <div>\r\n        <h3>graphique 2</h3>\r\n      {  donneesProduction ? <Doughnut data={donneesProduction}/> : null }\r\n      \r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Chart2"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,KAAK,IAAIC,OAAO,EAAEC,UAAU,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAACC,WAAW,EAACC,aAAa,QAAQ,UAAU;AAC9G,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,OAAOC,CAAC,MAAM,sBAAsB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAErCV,OAAO,CAACW,QAAQ,CAACV,UAAU,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAACC,WAAW,EAACC,aAAa,CAAC;AAEnF,MAAMM,MAAM,GAACA,CAAA,KAAI;EAAAC,EAAA;EAET,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAC,GAACjB,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEjED,SAAS,CAAC,MAAI;IACVmB,KAAK,CAAC,8BAA8B,CAAC,CACpCC,IAAI,CAAEC,QAAQ,IAAGA,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CACjCF,IAAI,CAAEG,IAAI,IAAG;MACV,MAAMC,cAAc,GAAG;QACnBC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACJ,IAAI,CAACK,kBAAkB,CAACC,sBAAsB,CAAC;QACnEC,QAAQ,EAAE,CACR;UACEP,IAAI,EAAEG,MAAM,CAACK,MAAM,CAACR,IAAI,CAACK,kBAAkB,CAACC,sBAAsB,CAAC;UACnEG,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAE;QAC7C,CAAC;MAEL,CAAC;;MACDd,oBAAoB,CAACM,cAAc,CAAC;IAG5C,CAAC,CAAC,CACDS,KAAK,CAAEC,KAAK,IAAK;MAChBC,OAAO,CAACD,KAAK,CAAC,kDAAkD,EAAEA,KAAK,CAAC;IAC1E,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErB,OAAA;IAAAuB,QAAA,gBACIvB,OAAA;MAAAuB,QAAA,EAAI;IAAW;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAI,CAAC,EACnBvB,iBAAiB,gBAAGJ,OAAA,CAACH,QAAQ;MAACa,IAAI,EAAEN;IAAkB;MAAAoB,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAC,CAAC,GAAG,IAAI;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OAE/D,CAAC;AAEV,CAAC;AAAAxB,EAAA,CAjCKD,MAAM;AAAA0B,EAAA,GAAN1B,MAAM;AAmCZ,eAAeA,MAAM;AAAA,IAAA0B,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}