{"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, Legend, BarElement, 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(ArcElement, Tooltip, Legend, BarElement, LinearScale, CategoryScale, 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 const lineOptions = {\n plugins: {\n legend: {\n display: false\n }\n },\n elements: {\n line: {\n borderColor: \"red\",\n // Changer la couleur de la ligne ici\n borderCapStyle: \"round\" // Rendre la ligne arrondie\n }\n }\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: 44,\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: 47,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Line, {\n data: donneesSite.data,\n options: lineOptions,\n className: \"chart charts-css line\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 13\n }, this)]\n }, void 0, true)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 43,\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","Legend","BarElement","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","lineOptions","plugins","legend","display","elements","line","borderColor","borderCapStyle","children","fileName","_jsxFileName","lineNumber","columnNumber","title","options","className","_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, Tooltip, Legend, BarElement,LinearScale,CategoryScale,PointElement,LineElement } from \"chart.js\";\r\nimport 'charts.css';\r\n\r\n\r\nimport { Line } from 'react-chartjs-2';\r\n\r\nChartJS.register(ArcElement, Tooltip, Legend, BarElement,LinearScale,CategoryScale, 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\nconst lineOptions = {\r\n plugins: {\r\n legend: {\r\n display: false,\r\n \r\n },\r\n },\r\n elements: {\r\n line: {\r\n borderColor: \"red\", // Changer la couleur de la ligne ici\r\n borderCapStyle: \"round\", // Rendre la ligne arrondie\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\nexport default Chart3"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,KAAK,IAAIC,OAAO,EACpBC,UAAU,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAACC,WAAW,EAACC,aAAa,EAACC,YAAY,EAACC,WAAW,QAAQ,UAAU;AACjH,OAAO,YAAY;AAGnB,SAASC,IAAI,QAAQ,iBAAiB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEvCb,OAAO,CAACc,QAAQ,CAACb,UAAU,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAACC,WAAW,EAACC,aAAa,EAAEC,YAAY,EAACC,WAAW,CAAC;AAC7G,MAAMO,MAAM,GAACA,CAAA,KAAI;EAAAC,EAAA;EAEjB,MAAM,CAACC,WAAW,EAACC,cAAc,CAAC,GAACpB,QAAQ,CAAC,IAAI,CAAC;EAEjDD,SAAS,CAAC,MAAI;IACVsB,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;EAEL,MAAMC,WAAW,GAAG;IAChBC,OAAO,EAAE;MACPC,MAAM,EAAE;QACNC,OAAO,EAAE;MAEX;IACF,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJC,WAAW,EAAE,KAAK;QAAE;QACpBC,cAAc,EAAE,OAAO,CAAE;MAC3B;IACF;EACF,CAAC;;EAEC,oBACIzB,OAAA;IAAA0B,QAAA,gBACG1B,OAAA;MAAA0B,QAAA,EAAI;IAAW;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAI,CAAC,EAClBxB,WAAW,iBACZN,OAAA,CAAAE,SAAA;MAAAwB,QAAA,gBACA1B,OAAA;QAAA0B,QAAA,GAAKpB,WAAW,CAACyB,KAAK,EAAC,GAAC;MAAA;QAAAJ,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAI,CAAC,eAG7B9B,OAAA,CAACF,IAAI;QACLc,IAAI,EAAEN,WAAW,CAACM,IAAK;QACvBoB,OAAO,EAAEd,WAAY;QACrBe,SAAS,EAAC;MAAuB;QAAAN,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAClC,CAAC;IAAA,eAGE,CACF;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACI,CAAC;AAEjB,CAAC;AAAAzB,EAAA,CAnDKD,MAAM;AAAA8B,EAAA,GAAN9B,MAAM;AAqDZ,eAAeA,MAAM;AAAA,IAAA8B,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}