{"ast":null,"code":"import _slicedToArray from\"C:/Users/user/Desktop/projet dashboard/dashboard/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import React,{useEffect,useState}from\"react\";import{Chart as ChartJS,ArcElement,Tooltip,Legend,BarElement,LinearScale,CategoryScale}from\"chart.js\";import{Doughnut}from'react-chartjs-2';import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";ChartJS.register(ArcElement,Tooltip,Legend,BarElement,LinearScale,CategoryScale);var Chart2=function Chart2(){var _useState=useState(null),_useState2=_slicedToArray(_useState,2),donneesProduction=_useState2[0],setDonneesProduction=_useState2[1];useEffect(function(){fetch('./../data.json').then(function(response){return response.json();}).then(function(data){var productionData={labels:Object.keys(data.donnees_production),datasets:[{data:Object.values(data.donnees_production),backgroundColor:['red','green','blue','yellow','pink','black','violet']// Couleurs des secteurs\n}]};setDonneesProduction(productionData);}).catch(function(error){console.error('Erreur lors de la récupération des données JSON:',error);});},[]);var options={plugins:{legend:{position:'right'// Place les légendes à droite du graphique\n}}};return/*#__PURE__*/_jsxs(\"div\",{className:\"\",children:[/*#__PURE__*/_jsx(\"h3\",{children:\"graphique 2\"}),/*#__PURE__*/_jsx(\"div\",{className:\"chart-container\",children:donneesProduction?/*#__PURE__*/_jsx(Doughnut,{data:donneesProduction,options:options,className:\"\"}):null})]});};export default Chart2;","map":{"version":3,"names":["React","useEffect","useState","Chart","ChartJS","ArcElement","Tooltip","Legend","BarElement","LinearScale","CategoryScale","Doughnut","jsx","_jsx","jsxs","_jsxs","register","Chart2","_useState","_useState2","_slicedToArray","donneesProduction","setDonneesProduction","fetch","then","response","json","data","productionData","labels","Object","keys","donnees_production","datasets","values","backgroundColor","catch","error","console","options","plugins","legend","position","className","children"],"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\n\r\n\r\nChartJS.register(ArcElement, Tooltip, Legend, BarElement,LinearScale,CategoryScale);\r\n\r\nconst Chart2=()=>{\r\n\r\n        const [ donneesProduction, setDonneesProduction]=useState(null)\r\n        \r\n    useEffect(()=>{\r\n        fetch('./../data.json')\r\n        .then((response)=>response.json())\r\n        .then((data)=>{\r\n     \r\n            const productionData = {\r\n                labels: Object.keys(data.donnees_production),\r\n                datasets: [\r\n                  {\r\n                    data: Object.values(data.donnees_production),\r\n                    backgroundColor: ['red', 'green', 'blue','yellow','pink','black','violet'], // Couleurs des secteurs\r\n                  },\r\n                ],\r\n              };\r\n           setDonneesProduction(productionData)\r\n             \r\n             \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  const options = {\r\n    plugins: {\r\n      legend: {\r\n        position: 'right', // Place les légendes à droite du graphique\r\n      },\r\n    },\r\n  };\r\n\r\n\r\n  return(\r\n    <div className=\"\">\r\n        <h3>graphique 2</h3>\r\n        <div className=\"chart-container\">\r\n      {  donneesProduction ? <Doughnut data={donneesProduction} options={options} className=\"\"/> : null }\r\n\r\n        </div>\r\n    \r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Chart2"],"mappings":"sIAAA,MAAO,CAAAA,KAAK,EAAIC,SAAS,CAAEC,QAAQ,KAAQ,OAAO,CAClD,OAASC,KAAK,GAAI,CAAAC,OAAO,CAAEC,UAAU,CAAEC,OAAO,CAAEC,MAAM,CAAEC,UAAU,CAACC,WAAW,CAACC,aAAa,KAAQ,UAAU,CAC9G,OAASC,QAAQ,KAAQ,iBAAiB,CAAC,OAAAC,GAAA,IAAAC,IAAA,gCAAAC,IAAA,IAAAC,KAAA,yBAG3CX,OAAO,CAACY,QAAQ,CAACX,UAAU,CAAEC,OAAO,CAAEC,MAAM,CAAEC,UAAU,CAACC,WAAW,CAACC,aAAa,CAAC,CAEnF,GAAM,CAAAO,MAAM,CAAC,QAAP,CAAAA,MAAMA,CAAA,CAAK,CAET,IAAAC,SAAA,CAAiDhB,QAAQ,CAAC,IAAI,CAAC,CAAAiB,UAAA,CAAAC,cAAA,CAAAF,SAAA,IAAvDG,iBAAiB,CAAAF,UAAA,IAAEG,oBAAoB,CAAAH,UAAA,IAEnDlB,SAAS,CAAC,UAAI,CACVsB,KAAK,CAAC,gBAAgB,CAAC,CACtBC,IAAI,CAAC,SAACC,QAAQ,QAAG,CAAAA,QAAQ,CAACC,IAAI,CAAC,CAAC,GAAC,CACjCF,IAAI,CAAC,SAACG,IAAI,CAAG,CAEV,GAAM,CAAAC,cAAc,CAAG,CACnBC,MAAM,CAAEC,MAAM,CAACC,IAAI,CAACJ,IAAI,CAACK,kBAAkB,CAAC,CAC5CC,QAAQ,CAAE,CACR,CACEN,IAAI,CAAEG,MAAM,CAACI,MAAM,CAACP,IAAI,CAACK,kBAAkB,CAAC,CAC5CG,eAAe,CAAE,CAAC,KAAK,CAAE,OAAO,CAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAG;AAC9E,CAAC,CAEL,CAAC,CACJb,oBAAoB,CAACM,cAAc,CAAC,CAKzC,CAAC,CAAC,CACDQ,KAAK,CAAC,SAACC,KAAK,CAAK,CAChBC,OAAO,CAACD,KAAK,CAAC,kDAAkD,CAAEA,KAAK,CAAC,CAC1E,CAAC,CAAC,CACN,CAAC,CAAE,EAAE,CAAC,CAEN,GAAM,CAAAE,OAAO,CAAG,CACdC,OAAO,CAAE,CACPC,MAAM,CAAE,CACNC,QAAQ,CAAE,OAAS;AACrB,CACF,CACF,CAAC,CAGD,mBACE3B,KAAA,QAAK4B,SAAS,CAAC,EAAE,CAAAC,QAAA,eACb/B,IAAA,OAAA+B,QAAA,CAAI,aAAW,CAAI,CAAC,cACpB/B,IAAA,QAAK8B,SAAS,CAAC,iBAAiB,CAAAC,QAAA,CAC/BvB,iBAAiB,cAAGR,IAAA,CAACF,QAAQ,EAACgB,IAAI,CAAEN,iBAAkB,CAACkB,OAAO,CAAEA,OAAQ,CAACI,SAAS,CAAC,EAAE,CAAC,CAAC,CAAG,IAAI,CAE1F,CAAC,EAEL,CAAC,CAEV,CAAC,CAED,cAAe,CAAA1B,MAAM"},"metadata":{},"sourceType":"module","externalDependencies":[]}