Updated to react-chartjs-2 3.3

This commit is contained in:
Alejandro Celaya 2022-03-07 17:39:03 +01:00
parent 61b094ee7d
commit 8551fcf08f
5 changed files with 20 additions and 23 deletions

29
package-lock.json generated
View file

@ -26,7 +26,7 @@
"qs": "^6.9.6",
"ramda": "^0.27.2",
"react": "^17.0.2",
"react-chartjs-2": "^3.0.4",
"react-chartjs-2": "^3.3.0",
"react-colorful": "^5.5.1",
"react-copy-to-clipboard": "^5.0.4",
"react-datepicker": "^3.6.0",
@ -16718,7 +16718,8 @@
"node_modules/lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"node_modules/lodash._reinterpolate": {
"version": "3.0.0",
@ -24060,14 +24061,11 @@
}
},
"node_modules/react-chartjs-2": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.0.4.tgz",
"integrity": "sha512-pcbFNpkPMTkGXXJ7k7hnukbRD0ZV01qB6JQY1ontITc2IYvhGlK6BBDy28VeydYs1Dl/c5ZpRgRVEtT5GUnxcQ==",
"dependencies": {
"lodash": "^4.17.19"
},
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.3.0.tgz",
"integrity": "sha512-4Mt0SR2aiUbWi/4762odRBYSnbNKSs4HWc0o3IW43py5bMfmfpeZU95w6mbvtuLZH/M3GsPJMU8DvDc+5U9blQ==",
"peerDependencies": {
"chart.js": "^3.1.0",
"chart.js": "^3.5.0",
"react": "^16.8.0 || ^17.0.0"
}
},
@ -44207,7 +44205,8 @@
"lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"lodash._reinterpolate": {
"version": "3.0.0",
@ -50077,12 +50076,10 @@
}
},
"react-chartjs-2": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.0.4.tgz",
"integrity": "sha512-pcbFNpkPMTkGXXJ7k7hnukbRD0ZV01qB6JQY1ontITc2IYvhGlK6BBDy28VeydYs1Dl/c5ZpRgRVEtT5GUnxcQ==",
"requires": {
"lodash": "^4.17.19"
}
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.3.0.tgz",
"integrity": "sha512-4Mt0SR2aiUbWi/4762odRBYSnbNKSs4HWc0o3IW43py5bMfmfpeZU95w6mbvtuLZH/M3GsPJMU8DvDc+5U9blQ==",
"requires": {}
},
"react-colorful": {
"version": "5.5.1",

View file

@ -42,7 +42,7 @@
"qs": "^6.9.6",
"ramda": "^0.27.2",
"react": "^17.0.2",
"react-chartjs-2": "^3.0.4",
"react-chartjs-2": "^3.3.0",
"react-colorful": "^5.5.1",
"react-copy-to-clipboard": "^5.0.4",
"react-datepicker": "^3.6.0",

View file

@ -57,8 +57,8 @@ export const DoughnutChart: FC<DoughnutChartProps> = memo(({ stats }) => {
<div className="col-sm-12 col-md-7">
<Doughnut
height={300}
data={chartData}
options={options}
data={chartData as any}
options={options as any}
ref={(element) => {
setChartRef(element ?? undefined);
}}

View file

@ -113,8 +113,8 @@ export const HorizontalBarChart: FC<HorizontalBarChartProps> = (
const renderChartComponent = (customKey: string) => (
<Bar
key={`${height}_${customKey}`}
data={chartData}
options={options}
data={chartData as any}
options={options as any}
height={height}
getElementAtEvent={chartElementAtEvent(labels, onClick) as any}
/>

View file

@ -222,8 +222,8 @@ const LineChartCard = (
};
const renderLineChart = () => (
<Line
data={generateChartData()}
options={options}
data={generateChartData() as any}
options={options as any}
getElementAtEvent={chartElementAtEvent(labels, datasetsByPoint, setSelectedVisits) as any}
/>
);