{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\projet dashboard\\\\dashboard\\\\src\\\\components\\\\tableau_main\\\\components\\\\chart3.js\",\n _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport { Chart as ChartJS, ArcElement, Tooltip, LinearScale, CategoryScale, PointElement, LineElement } from \"chart.js\";\nimport 'charts.css';\nimport { Line } from 'react-chartjs-2';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nChartJS.register(Tooltip, LinearScale, PointElement, LineElement);\nconst Chart3 = () => {\n _s();\n const [donneesSite, setDonneesSite] = useState(null);\n useEffect(() => {\n fetch('./../data.json').then(response => response.json()).then(data => {\n console.log(data.visites_site);\n setDonneesSite(data.visites_site);\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 3\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 12\n }, this), donneesSite && /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(\"h6\", {\n children: [donneesSite.title, \" \"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"lineDiv\",\n children: /*#__PURE__*/_jsxDEV(Line, {\n data: donneesSite.data,\n options: {\n scales: {\n x: {\n grid: {\n color: 'rgb(164, 164, 234)'\n }\n },\n y: {\n grid: {\n color: 'transparent'\n }\n }\n },\n elements: {\n ba\n }\n },\n className: \"chart charts-css line\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 13\n }, this)]\n }, void 0, true)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 9\n }, this);\n};\n_s(Chart3, \"w++5skiREGfRxSM0pscnwKpduPM=\");\n_c = Chart3;\nexport default Chart3;\nvar _c;\n$RefreshReg$(_c, \"Chart3\");","map":{"version":3,"names":["React","useEffect","useState","Chart","ChartJS","ArcElement","Tooltip","LinearScale","CategoryScale","PointElement","LineElement","Line","jsxDEV","_jsxDEV","Fragment","_Fragment","register","Chart3","_s","donneesSite","setDonneesSite","fetch","then","response","json","data","console","log","visites_site","catch","error","children","fileName","_jsxFileName","lineNumber","columnNumber","title","className","options","scales","x","grid","color","y","elements","ba","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/projet dashboard/dashboard/src/components/tableau_main/components/chart3.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Chart as ChartJS,\r\n ArcElement,\r\n Tooltip,\r\n \r\n LinearScale,\r\n CategoryScale,\r\n PointElement,\r\n LineElement\r\n } from \"chart.js\";\r\n\r\nimport 'charts.css';\r\n\r\n\r\nimport { Line } from 'react-chartjs-2';\r\n\r\nChartJS.register( Tooltip,LinearScale, PointElement,LineElement);\r\nconst Chart3=()=>{\r\n\r\nconst [donneesSite,setDonneesSite]=useState(null)\r\n\r\nuseEffect(()=>{\r\n fetch('./../data.json')\r\n .then((response)=>response.json())\r\n .then((data)=>{\r\n console.log(data.visites_site)\r\n \r\n setDonneesSite(data.visites_site)\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\r\n\r\n return(\r\n
\r\n

graphique 3

\r\n { donneesSite && (\r\n <>\r\n
{donneesSite.title}
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nexport default Chart3"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,KAAK,IAAIC,OAAO,EACjBC,UAAU,EACVC,OAAO,EAEPC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,WAAW,QACJ,UAAU;AAEzB,OAAO,YAAY;AAGnB,SAASC,IAAI,QAAQ,iBAAiB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEvCX,OAAO,CAACY,QAAQ,CAAEV,OAAO,EAACC,WAAW,EAAEE,YAAY,EAACC,WAAW,CAAC;AAChE,MAAMO,MAAM,GAACA,CAAA,KAAI;EAAAC,EAAA;EAEjB,MAAM,CAACC,WAAW,EAACC,cAAc,CAAC,GAAClB,QAAQ,CAAC,IAAI,CAAC;EAEjDD,SAAS,CAAC,MAAI;IACVoB,KAAK,CAAC,gBAAgB,CAAC,CACtBC,IAAI,CAAEC,QAAQ,IAAGA,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CACjCF,IAAI,CAAEG,IAAI,IAAG;MACVC,OAAO,CAACC,GAAG,CAACF,IAAI,CAACG,YAAY,CAAC;MAE9BR,cAAc,CAACK,IAAI,CAACG,YAAY,CAAC;IACrC,CAAC,CAAC,CACDC,KAAK,CAAEC,KAAK,IAAK;MACdJ,OAAO,CAACI,KAAK,CAAC,kDAAkD,EAAEA,KAAK,CAAC;IAC1E,CAAC,CAAC;EACR,CAAC,EAAC,EAAE,CAAC;EAID,oBACIjB,OAAA;IAAAkB,QAAA,gBACGlB,OAAA;MAAAkB,QAAA,EAAI;IAAW;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAI,CAAC,EAClBhB,WAAW,iBACZN,OAAA,CAAAE,SAAA;MAAAgB,QAAA,gBACAlB,OAAA;QAAAkB,QAAA,GAAKZ,WAAW,CAACiB,KAAK,EAAC,GAAC;MAAA;QAAAJ,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAI,CAAC,eAE7BtB,OAAA;QAAKwB,SAAS,EAAC,SAAS;QAAAN,QAAA,eAExBlB,OAAA,CAACF,IAAI;UACLc,IAAI,EAAEN,WAAW,CAACM,IAAK;UACvBa,OAAO,EAAE;YACLC,MAAM,EAAC;cACHC,CAAC,EAAE;gBACCC,IAAI,EAAC;kBACDC,KAAK,EAAE;gBACX;cACJ,CAAC;cACDC,CAAC,EAAC;gBACEF,IAAI,EAAC;kBACDC,KAAK,EAAC;gBACV;cACJ;YACJ,CAAC;YACDE,QAAQ,EAAC;cACLC;YACJ;UACJ,CAAE;UACFR,SAAS,EAAC;QAAuB;UAAAL,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAClC;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACK,CAAC;IAAA,eAGJ,CACF;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACI,CAAC;AAEjB,CAAC;AAAAjB,EAAA,CAxDKD,MAAM;AAAA6B,EAAA,GAAN7B,MAAM;AA0DZ,eAAeA,MAAM;AAAA,IAAA6B,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}