1 line
32 KiB
JSON
1 line
32 KiB
JSON
|
{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/ChartDemo.js\";\n\nimport React, { useEffect, useState } from 'react';\nimport { Chart } from 'primereact/chart';\nvar lineData = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n backgroundColor: '#2f4860',\n borderColor: '#2f4860',\n tension: .4\n }, {\n label: 'Second Dataset',\n data: [28, 48, 40, 19, 86, 27, 90],\n fill: false,\n backgroundColor: '#00bb7e',\n borderColor: '#00bb7e',\n tension: .4\n }]\n};\nvar pieData = {\n labels: ['A', 'B', 'C'],\n datasets: [{\n data: [300, 50, 100],\n backgroundColor: [\"#FF6384\", \"#36A2EB\", \"#FFCE56\"],\n hoverBackgroundColor: [\"#FF6384\", \"#36A2EB\", \"#FFCE56\"]\n }]\n};\nvar polarData = {\n datasets: [{\n data: [11, 16, 7, 3, 14],\n backgroundColor: [\"#FF6384\", \"#4BC0C0\", \"#FFCE56\", \"#E7E9ED\", \"#36A2EB\"],\n label: 'My dataset'\n }],\n labels: [\"Red\", \"Green\", \"Yellow\", \"Grey\", \"Blue\"]\n};\nvar barData = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'My First dataset',\n backgroundColor: '#2f4860',\n data: [65, 59, 80, 81, 56, 55, 40]\n }, {\n label: 'My Second dataset',\n backgroundColor: '#00bb7e',\n data: [28, 48, 40, 19, 86, 27, 90]\n }]\n};\nvar doughnutData = {\n labels: ['A', 'B', 'C'],\n datasets: [{\n data: [300, 50, 100],\n backgroundColor: [\"#FF6384\", \"#36A2EB\", \"#FFCE56\"],\n hoverBackgroundColor: [\"#FF6384\", \"#36A2EB\", \"#FFCE56\"]\n }]\n};\nvar radarData = {\n labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(179,181,198,0.2)',\n borderColor: 'rgba(179,181,198,1)',\n pointBackgroundColor: 'rgba(179,181,198,1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(179,181,198,1)',\n data: [65, 59, 90, 81, 56, 55, 40]\n }, {\n label: 'My Second dataset',\n backgroundColor: 'rgba(255,99,132,0.2)',\n borderColor: 'rgba(255,99,132,1)',\n pointBackgroundColor: 'rgba(255,99,132,1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(255,99,132,1)',\n data: [28, 48, 40, 19, 96, 27, 100]\n }]\n};\n\nvar ChartDemo = function ChartDemo(props) {\n var _useState = useState(null),\n _useState2 = _slicedToArray(_useState, 2),\n lineOptions = _useState2[0],\n setLineOptions = _useState2[1];\n\n var _useState3 = useState(null),\n _useState4 = _slicedToArray(_useState3, 2),\n barOptions = _useState4[0],\n setBarOptions = _useState4[1];\n\n var _useState5 = useState(null),\n _useState6 = _slicedToArray(_useState5, 2),\n pieOptions = _useState6[0],\n setPieOptions = _useState6[1];\n\n var _useState7 = useState(null),\n _useState8 = _slicedToArray(_useState7, 2),\n polarOptions = _useState8[0],\n setPolarOptions = _useState8[1];\n\n var _useState9 = useState(null),\n _useState10 = _slicedToArray(_useState9, 2),\n radarOptions = _useState10[0],\n setRadarOptions = _useState10[1];\n\n var applyLightTheme = function applyLightTheme() {\n var lineOptions = {\n plugins: {\n legend: {\n labels: {\n color: '#495057'\n }\n }\n },\n scales: {\n x: {\n ticks: {\n color: '#495057'\n },\n grid: {\n color: '#ebedef'\n }\n },\n y: {\n ticks: {\n color: '#495057'\n
|