{"_id":"@coreui/react-chartjs","_rev":"29-47f57b8adb16d4917b15e64de527f8d2","name":"@coreui/react-chartjs","dist-tags":{"next":"3.0.0-rc.0","latest":"3.0.0"},"versions":{"1.0.0-alpha.0":{"name":"@coreui/react-chartjs","version":"1.0.0-alpha.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.0.0-alpha.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"1b00ecaa91df3b55356b8a368a83adfe6aac9bb6","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.0.0-alpha.0.tgz","fileCount":18,"integrity":"sha512-mKXrn5iHH0lno5tZrqkd7baUIWPNEegV10hqWkNuGH+ibnRi6hzfoEBdEeOEV8ZBnKv0IcMND4iGRF5DLap1ww==","signatures":[{"sig":"MEUCIQCFJ9qwcFV8cCvhuWi/n9CUUGUHQ5FveZh8qa8RkmfwugIgbHl35NQaixtVoNeLlE0wcT2d6FQ+TJKsUBHXun454vw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4372723,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTXKwCRA9TVsSAnZWagAAHtgP/A5Gc2KxbgIQWIEZBFIR\nOSx856ZV8Nl2iUJPcLjyVnBgcOUCaRMbZ7ULQbtpDHY4fqSfyOtq3yyWJp58\nfJF1Jmi8yXSyTZoGR+1VHZEzBPIE/vv50NrO6XIxhbzyEpfOQFyidTyCeeo1\nCRlXhlAcJEG6efJsa9H1Vm8hlB2DrqXq+g4UulBqHIXXsymPky1iLSQtrzUw\ntGcCYZ3ya9FlL/PCQnQkvVikdT4dj9H4KGdDjjNm5wW2MdSis2/Ur3XPOHZy\nK4ySJgaPm82Mxbd2x5WR9/8ZhAWjkeAySSpDChZJxb1/KKlUvf14wTSuDEJs\nIeX0F67iA7FfFx9iyyt8RYFs0Y+IGeEJmaAIY5qNhVYjD3/u0H/FD7iWNeEr\nh+p49hpcVp1RgXd1IxrKsCKl3KBl4wWpYUsZ7kRAqR2SjDR/jsOSrCLUFmLS\nBsEzgAa1/pa07hG60c7B82Qi9tk/T023nyCdlxW5zeT72rdzgaEo2yKW+Lt0\n4BJrIHjIyxFPpTBzP7xEFqvIf68+zcvQ6/cXiEWiHJ5DlNxVrbP9W7zQmJCS\naMQwrLWry/58HHHk+JiSBoACSbWGSi0ak+2CP5RXitPbY0DZDliqQcyWJLte\nT4hYIIJOCc7y0IC9J6g5d5p6dkmCnbs/vl+7NtsBg8LLuLw30ezM4G4OuKyy\n0IQu\r\n=w2YX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","gitHead":"307997b9940d3181a92d73c4bfe86fb128ff760f","scripts":{"link":"npm link @coreui/react","lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.13.7","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"12.10.0","dependencies":{"core-js":"^3.6.4","chart.js":"^2.9.3","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/coreui-chartjs":"^2.0.0-beta.0"},"_hasShrinkwrap":false,"devDependencies":{"nwb":"^0.23.0","sinon":"^5.1.1","enzyme":"^3.11.0","eslint":"^6.8.0","babel-eslint":"^10.0.3","react-app-polyfill":"^1.0.6","eslint-plugin-react":"^7.18.3","eslint-plugin-import":"^2.20.1","enzyme-adapter-react-16":"^1.15.2"},"peerDependencies":{"react":"^16.12.0","@coreui/react":"^3.0.0-alpha.1"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.0.0-alpha.0_1582133935460_0.2972711190392485","host":"s3://npm-registry-packages"}},"1.0.0-alpha.1":{"name":"@coreui/react-chartjs","version":"1.0.0-alpha.1","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.0.0-alpha.1","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"4997a7b3688aa6c9dd7142b1f28d12f1e7501feb","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.0.0-alpha.1.tgz","fileCount":17,"integrity":"sha512-x5b/VY/PPwSJQd2J3PUbhXjaSTt0jgDozU9BuBgiomUt/ckqU2e2ifBdu2HCC1cq6j0dQ+wdzZha+aMMZNEK5A==","signatures":[{"sig":"MEUCICyGtLUoFt6VdnH2KUJxKN73kXG+PSggjlqCkEjIcPBjAiEAxngHs19J31dTEew00xn2Uk2OtxGLCgxiVvHFVtkmI9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4411027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJea7IuCRA9TVsSAnZWagAAeg0P/jdash6ho8KD7B5o2gAa\nng0b+zqbCuXs25SqOMZh5Jz1zj6gLo0xBWrYXhR0gzPlWr5Gu2M42o1ssaCh\ngDmW3JyS+8O6Eb5okmenNg0bOCk2uCtHCFGiXFQ8G6agm+dCAjtOGR08/Zge\nVZMvLpOY2Qr1waWGGGGAitccmCmU46RbbdSN5WNGx96qxqPHFyBpZz2BiQKP\nuyMwdtrul8hK49MVNljR9ZWiHWmWjZv6FlrTA7QHjCUbMZMV2mZk8rNX5cFO\nzmZP9yFMVLD4boBRJf7R1cBIdj6fbfRM8fpmzog1prLIB7gysA1KjpRJKuDe\nXRSsU5pEZAx8IdVoEjRrVDJTy6JwMwRQ5755F6bVd2w7eJufdVZT4sa8esAu\nerg2eFga95A7GmVTgWXDP0cfMW2h0lkSuJxkWJersR2JsrLoo/AzqvKaHh0R\nObWZGL6RzQ6kZYnYP7Mp/dCuT/5nmdBqDDDmVkQeNk98G3isEYe8UMyb76Jj\n2kKtq06G493OJFb1rw0U5JrW1TXzHDpnsyHDWkvmacCckvp5FdBLhPSZivuT\nK/XLyBN5VxAvXCLHAINerwQrzNZQ0GLFNFeE6ErHtl3rhd4M5CoeQz9Bihjn\nwq13rEnrS005Mgu57WMMtH7CjYpWururQWENVTVRi5DCSVeXT5rUOAnEILR9\nPr/4\r\n=ABfL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","gitHead":"59fb329c5e4a0abe747bf24edcbbe89c2934dd65","scripts":{"link":"npm link @coreui/react","lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.13.7","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"12.10.0","dependencies":{"core-js":"^3.6.4","chart.js":"^2.9.3","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/chartjs":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nwb":"^0.24.2","sinon":"^5.1.1","enzyme":"^3.11.0","eslint":"^6.8.0","babel-eslint":"^10.0.3","react-app-polyfill":"^1.0.6","eslint-plugin-react":"^7.18.3","eslint-plugin-import":"^2.20.1","enzyme-adapter-react-16":"^1.15.2"},"peerDependencies":{"react":"^16.12.0"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.0.0-alpha.1_1584116270222_0.8690021025151102","host":"s3://npm-registry-packages"}},"1.0.0-alpha.2":{"name":"@coreui/react-chartjs","version":"1.0.0-alpha.2","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.0.0-alpha.2","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"64c041ff1a8f2512cad8c97e3d78b7440e98bb4a","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.0.0-alpha.2.tgz","fileCount":17,"integrity":"sha512-Ze62uFTYw6yPbABTuSePLyDKYAzq3fuJ6K3Aad3/dEagA3i9dnkD0w8d+WxTF3kPHwiWSnPXrSG8xKe6RX+qkQ==","signatures":[{"sig":"MEUCICBq3ZAPzWzV5h6I+VBPY+LGKeTjBwsBkbgxtGfRzcSSAiEA0gweimHPKvaJ1bwmvZ5/t/P4JT4fZMtvyeKQYlaXei0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3090692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexp5/CRA9TVsSAnZWagAAgBwP/1g1cTAJMJxRN5kqOozq\n/giqGlhGFukso7YLrBz2P6kLpF50qc8faZsPvTOmzz3djHIJNHH3e/1f4RPK\nWOQDipaxMdpEjLEDlXIsAhTi4FGfE0+f3O158NsDuHbYaFxTkoN8ZV9LZOOM\nSuSDNzdtgDIjwSoRYtFQQD/6JF9jRKSiJIFFxwTkRno2/Dq87Nnt00z3+SdC\nS5eb/nMd8LjPWARCejI3tdtQJ5v+CZbgYVpWiEi8Huy9UbY1SiXHiEU7NmYH\nC+MiPQCzqB1MUWB/kvDUUG2JsXtfTTUKLmQafsnkCBAETQ9nEbRBPbupxmI6\ne1p19OinsHUzYTB4t0YOpOU4/sRTuMK7UvC0dvnKaMBsGG80PZ9j02gL3oXV\niFYL5gKkmn4N7iOl5ED7a4tbUyxf66z/IBKy+ZBQunt6EnFvtSyAYPgtpKw9\nO40wFjSH8LtZqImZd65jPv2nNQCiAS4734U+1xL6/xSQsjwimx8HbHQji2z7\nsI4VjatvS4oKWSb9E7VJjmOFU6vj3MiSQb/eUAPTkvecOuJ8jcPoUnWZDWoq\nwEOYTKwz9n2ZMgHYBx9zayd0xgBFLu1li7xSllSL+qBW4/i99ceyO/4jcKgE\nV7J0Afg2g6dSf2OK79gSV7+uDtI89RzDSgIzv4sHgD2vW41PdbFJZBQtv+1j\nPQor\r\n=iEjJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","module":"es/index.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\r\n\r\n[![npm package][npm-badge]][npm]\r\n[![NPM downloads][npm-download]][npm]\r\n\r\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\r\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\r\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\r\n\r\n##### install:\r\n```bash\r\nnpm install @coreui/react-chartjs \r\n```\r\n\r\n##### import: \r\n```jsx\r\nimport { CCharts } from '@coreui/react-chartjs';\r\n```\r\n\r\n##### usage:\r\n```jsx\r\n...\r\nclass CoreUICharts extends Component {\r\n...\r\nrender() {\r\n    return (\r\n      <CCharts\r\n        type=\"radar\"\r\n        datasets={[\r\n          {\r\n            label: '2019',\r\n            backgroundColor: 'rgba(179,181,198,0.2)',\r\n            borderColor: 'rgba(179,181,198,1)',\r\n            pointBackgroundColor: 'rgba(179,181,198,1)',\r\n            pointBorderColor: '#fff',\r\n            pointHoverBackgroundColor: '#fff',\r\n            pointHoverBorderColor: 'rgba(179,181,198,1)',\r\n            tooltipLabelColor: 'rgba(179,181,198,1)',\r\n            data: [65, 59, 90, 81, 56, 55, 40]\r\n          },\r\n          {\r\n            label: '2020',\r\n            backgroundColor: 'rgba(255,99,132,0.2)',\r\n            borderColor: 'rgba(255,99,132,1)',\r\n            pointBackgroundColor: 'rgba(255,99,132,1)',\r\n            pointBorderColor: '#fff',\r\n            pointHoverBackgroundColor: '#fff',\r\n            pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n            tooltipLabelColor: 'rgba(255,99,132,1)',\r\n            data: [28, 48, 40, 19, 96, 27, 100]\r\n          }\r\n        ]}\r\n        options={{\r\n          aspectRatio: 1.5,\r\n          tooltips: {\r\n            enabled: true\r\n          }\r\n        }}\r\n        labels={[\r\n          'Eating', 'Drinking', 'Sleeping', 'Designing',\r\n          'Coding', 'Cycling', 'Running'\r\n        ]}\r\n      />\r\n    )\r\n}\r\n...\r\n```\r\n\r\n---\r\n\r\n- bootstrapped with [nwb](https://github.com/insin/nwb) toolkit\r\n\r\n##### `npm run` scripts\r\n\r\n`package.json` is configured with `\"scripts\"` we can use with `npm run` while developing the project.\r\n\r\nCommand | Description |\r\n--- | ---\r\n`npm start` | start a development server for the demo app\r\n`npm test` | run tests\r\n`npm run test:coverage` | run tests and produce a code coverage report in `coverage/`\r\n`npm run test:watch` | start a test server and re-run tests on every change\r\n`npm run build` | prepare for publishing to npm\r\n`npm run clean` | delete built resources\r\n\r\n#### see also:\r\n- [Developing React Components and Libraries with nwb](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb)\r\n","gitHead":"35a26d759901d0ca03df2b5cfca083fa605efa67","scripts":{"lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.14.5","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"12.16.2","dependencies":{"chart.js":"^2.9.3","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/chartjs":"^2.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nwb":"^0.25.2","sinon":"^9.0.2","enzyme":"^3.11.0","eslint":"^7.0.0","babel-eslint":"^10.1.0","eslint-plugin-react":"^7.20.0","eslint-plugin-import":"^2.20.2","enzyme-adapter-react-16":"^1.15.2"},"peerDependencies":{"react":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.0.0-alpha.2_1590075007023_0.038305210647735954","host":"s3://npm-registry-packages"}},"1.0.0-alpha.3":{"name":"@coreui/react-chartjs","version":"1.0.0-alpha.3","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.0.0-alpha.3","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"b30345d465dc4588daac6eb9ec68b891d644d066","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.0.0-alpha.3.tgz","fileCount":17,"integrity":"sha512-BBPegbPaXREwpx+Mp3phUKfq6Tsmrb7EzlCoU41s9wBXqCifeCKNl942k411bmeFN5Cx7zdi79pzfp1fManDEw==","signatures":[{"sig":"MEQCIHmaf3yEpnYtMqt7FqqAA4lLXpcuHo9y1MoquAaJ2BFRAiAgxCOP9ySSAfexuWyv6X7VXrCNMacWJbRgs4eX1NdLAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3090488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJex8XDCRA9TVsSAnZWagAAAWkP/0oZCCqh+w22SPMrzI8f\nFoxW/cLMo2Kgf/umLvGtZi9KopHPrs9J6a1PC1j+u2LQ17kYMlRcXp2+mEjF\nbXuv4McX5IcEkNQ8IEcoe4/N19EZd7FXWCbt6Y5xsBONaJF+3dyb12GBYYUS\ncE0+98xTXsC4heVJeYS6bwKRmfTKF+YCxu/b8XDN0KgcSNG6czJEaS0vZkHx\nVt8BWyb433ZRiz1QPfFfF2LS1tzAq+Pd2rfVFtHHBS00mOi7ewXZvPiWbPo5\nwrYDKCLZbhTXl36bdTG4jW7r0glXZUjRKAb06LMicGlhG2UIslQDmolRc+Rd\nLvhEmhl6exlp4Mxx55vClroxSrkRhUjkZHmCO0HJzFR8CtpzWPvyCIZq6CvL\nlmMyV9d6E/o48WFfF+pe4wT+WUTxlCGVh2wQhMyTw+nCrEulJjb6Q8jx/x20\n1wkT/Y2VTq0By0NRLjxJOFvFHpPWRsVQ3KvL2tYJ+q2Wve2e5xSkyF/KaUqv\nqChE/SS4fIjvi7G5vLYzOEMH3AFLAP9C8jThC0dOtQ1FtHIscEo8UXXqDKkV\n7DGdi3ry33wPkwA/ud/ecV9axleoh1f8CbTMHZDBZRb+QwGbRhdZnK/EuNmp\nMAcTAFtSMnSdOC9AylrqWdHJvLc9LNEZu0FjqAG7HfTJ1QAu2MoB2SGNOy5b\nEo5W\r\n=fdFe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","module":"es/index.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\r\n\r\n[![npm package][npm-badge]][npm]\r\n[![NPM downloads][npm-download]][npm]\r\n\r\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\r\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\r\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\r\n\r\n##### install:\r\n```bash\r\nnpm install @coreui/react-chartjs \r\n```\r\n\r\n##### import: \r\n```jsx\r\nimport { CCharts } from '@coreui/react-chartjs';\r\n```\r\n\r\n##### usage:\r\n```jsx\r\n...\r\nclass CoreUICharts extends Component {\r\n...\r\nrender() {\r\n    return (\r\n      <CCharts\r\n        type=\"radar\"\r\n        datasets={[\r\n          {\r\n            label: '2019',\r\n            backgroundColor: 'rgba(179,181,198,0.2)',\r\n            borderColor: 'rgba(179,181,198,1)',\r\n            pointBackgroundColor: 'rgba(179,181,198,1)',\r\n            pointBorderColor: '#fff',\r\n            pointHoverBackgroundColor: '#fff',\r\n            pointHoverBorderColor: 'rgba(179,181,198,1)',\r\n            tooltipLabelColor: 'rgba(179,181,198,1)',\r\n            data: [65, 59, 90, 81, 56, 55, 40]\r\n          },\r\n          {\r\n            label: '2020',\r\n            backgroundColor: 'rgba(255,99,132,0.2)',\r\n            borderColor: 'rgba(255,99,132,1)',\r\n            pointBackgroundColor: 'rgba(255,99,132,1)',\r\n            pointBorderColor: '#fff',\r\n            pointHoverBackgroundColor: '#fff',\r\n            pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n            tooltipLabelColor: 'rgba(255,99,132,1)',\r\n            data: [28, 48, 40, 19, 96, 27, 100]\r\n          }\r\n        ]}\r\n        options={{\r\n          aspectRatio: 1.5,\r\n          tooltips: {\r\n            enabled: true\r\n          }\r\n        }}\r\n        labels={[\r\n          'Eating', 'Drinking', 'Sleeping', 'Designing',\r\n          'Coding', 'Cycling', 'Running'\r\n        ]}\r\n      />\r\n    )\r\n}\r\n...\r\n```\r\n\r\n---\r\n\r\n- bootstrapped with [nwb](https://github.com/insin/nwb) toolkit\r\n\r\n##### `npm run` scripts\r\n\r\n`package.json` is configured with `\"scripts\"` we can use with `npm run` while developing the project.\r\n\r\nCommand | Description |\r\n--- | ---\r\n`npm start` | start a development server for the demo app\r\n`npm test` | run tests\r\n`npm run test:coverage` | run tests and produce a code coverage report in `coverage/`\r\n`npm run test:watch` | start a test server and re-run tests on every change\r\n`npm run build` | prepare for publishing to npm\r\n`npm run clean` | delete built resources\r\n\r\n#### see also:\r\n- [Developing React Components and Libraries with nwb](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb)\r\n","gitHead":"d15059eebc7b436e304f070fcd3b0db7014d1105","scripts":{"lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.14.5","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"12.16.2","dependencies":{"chart.js":"^2.9.3","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/chartjs":"^2.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nwb":"^0.25.2","enzyme":"^3.11.0","eslint":"^7.0.0","babel-eslint":"^10.1.0","eslint-plugin-react":"^7.20.0","eslint-plugin-import":"^2.20.2","enzyme-adapter-react-16":"^1.15.2"},"peerDependencies":{"react":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.0.0-alpha.3_1590150594631_0.1938889207591017","host":"s3://npm-registry-packages"}},"1.0.0-alpha.4":{"name":"@coreui/react-chartjs","version":"1.0.0-alpha.4","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.0.0-alpha.4","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"6159b404668b4d6fe0fb53aa6f56d70c96c02240","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.0.0-alpha.4.tgz","fileCount":17,"integrity":"sha512-EtPPLAeLV+Zma8gxO0Wf8cvXIWMwOyIgluPYtcNmU3jI00lm2BWfCxFTIvtRzE+jc/Bj51MUcg70+uFiDjEyvw==","signatures":[{"sig":"MEYCIQCzzfdQARW52OW0ljkX6oqC0syAJLe6akX2LKjTQ4yFkwIhALbSuHjnKSl0rjAFxLy/4Vq0Xr/FvIvEscSDoq4fDazG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3098320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJez7wPCRA9TVsSAnZWagAAGtkP/17B4UA6q/s2WvSwEA6S\n2f9wyHe4jN2gBIENsO6KMF/dg20Ms/nmfyMOVr4VyrRLOgdd0dZ0KC5WB96S\nx6RbIHrMBqUhQzUFIvmdi93v++k2Z5QfFTKuG0lrxp0SdA4KD4YQTnH5oYr1\n6ZqrFQ4KSVcz8NJON7mrVwYx1hACPd7pByUOTQmeyhFrHY9DdzVh8koEMc/S\n0nX8iE9ZPc3OgiQn/jKqPmGp2Wo039fNTi6ntCj81gIeYvA4u51hV27eJraQ\n+nGSixEIhJWmTBb18ljdyJDqAbtxrkAZcD7C8+fR8bJ2hVp+zfJgXoKE2NKF\nzOgqtgbat3snzDlgvpyBaOpJCxRaL1qQuFTs4b51oHwHfaFTS7UHrxUuCeUU\nLx6zaWb/RexRjLNSwlk4dPxg0ebcZKCh8wxZp64Kzgr7xFAzWCJDicjM68xP\nx2nfqLXa6uNeS5Vj0+Pze8jpv/X27u7pbHQeQq110U8WILMcA4IXaouJnQSg\ncNGSkHOfd8rD9omzE9p6zoB5pBMeKmNiAwD66czMD8SJhrmeOFiTGQBseyoq\nnA84gOd7o0AAlpBs8n52pH+z+ORtSmHX/UpZaSTFenO3ulTC9Qohpkt6l79e\nLcR50CSBjEy71NJaBL0lOEXIMURksDJ0T6kigGiPURkDQUnE6UwQsz+hqYz6\ntzun\r\n=O2nr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","module":"es/index.js","gitHead":"8cc9a780a25a76e092ac8c46252b28835254f013","scripts":{"lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.14.5","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"12.16.2","dependencies":{"chart.js":"^2.9.3","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/chartjs":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nwb":"^0.25.2","enzyme":"^3.11.0","eslint":"^7.0.0","babel-eslint":"^10.1.0","eslint-plugin-react":"^7.20.0","eslint-plugin-import":"^2.20.2","enzyme-adapter-react-16":"^1.15.2"},"peerDependencies":{"react":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.0.0-alpha.4_1590672398743_0.21553356453815642","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@coreui/react-chartjs","version":"1.0.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.0.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"6e6fea6fbcfe868b3c5d1f0d1f6da832475129f1","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.0.0.tgz","fileCount":17,"integrity":"sha512-Td+VpOHpzXiGGkimt0G5fCqmgrrPerAF7iNodVmhY4DyrX5s/Le77TJbkQQbRW2eHsZsQrPyRqGWxOQu7XF7jA==","signatures":[{"sig":"MEQCID5NB6AKbSFIxQ5IYEoKm7+1pfZqn+fvaGOUNLwafL5HAiAlny4VFeFNvZXMIML1mDZGhd7eSd9BBdjJWGvOxItcSQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3098311,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1RYXCRA9TVsSAnZWagAAJVQP/2QOrsoTHVHZbndKKrHq\nE3BpEp5UEi2MJBU3ip3KQgQNfv8QlXiNw88Rs4+jCb7Bvf0uqrnin571pKKR\n0RQL2MbpgF0gQEk35eWJo9pCajqZDZNaD1zHvf8V/dtaWW5P/NrpT3KPaN51\n4wpNAWb5q//4FwBj+ZZIveHph0MDyg4e4O095FI+1waF9fXT6jAP9hilrRK5\nZ8FR0M7LbN60wC+miG9Ehdf82oc7qBSc6fTRRoJkwo12tQ2LEcoGY+yCFmFj\nGhpaYBoBhVme5e2m9ZCO6Yz5tMqrSwsrB+Oywa2IXWZF/h10UwDiNhfz1nzi\nxmUahS4YYDeO4BjHbyoTqY5E2kT7/gudJ71FbdZhoBeRm9yoQfCI3y8ti4O2\nrhV3nRfT6g9/pGASFzTWDwbEKWqqCPZW9uMoNrCzy+YaLylpCYnoAUdQCoDg\nZBpFxmwWPY1EW3Eqwmci65IAwIMYv4yEPqfmgZqgjofTw5MaMO7QVKt6V167\nqaCXtSNQE6c4+k02jjrcCuHupBfrea1440ggKrIhzGJS8Ay71UpLcSW5mvzj\nad4G/HvQzeGdQRD7c6EERl03F9duWzoc8oQkLUZDLxy6dkn9NNRoweDN5f02\ndub9MGRDVEzegPftZyIBio3M9E2WLJBR89kbEKL51LwplYumn7XRY6b+D2J4\n8LeB\r\n=T9mC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","module":"es/index.js","gitHead":"a4ae230460be3ec311237dd5bc5805d55a35e98f","scripts":{"lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.14.5","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"12.16.2","dependencies":{"chart.js":"^2.9.3","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/chartjs":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nwb":"^0.25.2","enzyme":"^3.11.0","eslint":"^7.1.0","babel-eslint":"^10.1.0","eslint-plugin-react":"^7.20.0","eslint-plugin-import":"^2.20.2","enzyme-adapter-react-16":"^1.15.2"},"peerDependencies":{"react":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.0.0_1591023127274_0.6273136884805965","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@coreui/react-chartjs","version":"1.0.1","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.0.1","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"149f5652b4369625147041332b633e189dac955c","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.0.1.tgz","fileCount":18,"integrity":"sha512-QQNDgDviUBk1QFJM+x+ZVrw+Nw1WaOOms1qw1am/r2G5d1RfoHr4YeKxHCYuv9nt1zq/l0UtpUV5Xg9BjJo6UQ==","signatures":[{"sig":"MEYCIQDmOZs49k1xNDyrxMxbP0RY6jJcxTNDHgq48dqfZc9sfgIhAKBLxHqFUsGHzkGeMf+1xSpUJAap/EUBMHfIrEmW4KEa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3104137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8JUxCRA9TVsSAnZWagAASJcQAKRaIM+NVwnjdVLOydzT\nQEp/r5C5+XCKnJIXy4S/K6hBrdfJOEWbnnloXZ6+7nwNbpmYe6iMZ3Oc5biW\nOGdB/Ltblf466MBDPABqFzuVxJXiRcaruBuoRHREsdabDP/PBBmVRoFfzX0C\nOtIsiEqL79eUtrE3zabWvQkWf98slupzjpOwVwtzSy7Lw2wb4oSy5I1ZyPab\npzQA3x++7IF8z0oqe5cJ1fBG5R3h/0VEB2C4ThC4840nfbzuyi7UXhx4vuzq\nVZzDXKv4xwzZBrY0mVNAo7ovzdDsYyZfF+CXBVz7mMbvwRU/w148QeuVjwnP\nM2HN7LAXnBXUXveWZRJPNTM1aAKRiHXZbqI4n78/W4l18AHXLkcYsMtYAuPi\nyDW+uVbqGKh0z4Lvc2imk88/mvKWSKF2W3s+R2fp7i7g8LgCNZsuU6kapLZx\nESMY1c4cjIXTPS+X6ZZhspx5W2c565G7tR26FMTpMkD5MEqFnDNtw91ye5k7\na5+qSBFp9lfThFDHJ6kuSxuwTIv1XHSL3gT+PhA4loCTTrerg9XmNnp8a/p8\nw0L0N/KHw29IcykQ/XsuWnoAru3eH90/BoOe44H676/cKtLeHOx37cquYnHH\nebVEPn8w5kYMNUy1oeC3S7Du1PpCmsJ73XTCYrQ9DxBGSFXF/Nu5PxZbsKl7\nrxUy\r\n=7mg0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","module":"es/index.js","gitHead":"22f845cb8902dbca8f9452dafa3f796efe4508c9","scripts":{"lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.14.5","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"12.16.2","dependencies":{"chart.js":"^2.9.3","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/chartjs":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nwb":"^0.25.2","enzyme":"^3.11.0","eslint":"^7.3.0","babel-eslint":"^10.1.0","eslint-plugin-react":"^7.20.0","eslint-plugin-import":"^2.21.2","enzyme-adapter-react-16":"^1.15.2"},"peerDependencies":{"react":"^16.13.1"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.0.1_1592825136533_0.12219473666988856","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@coreui/react-chartjs","version":"1.1.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@1.1.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"8c7a01be2ebcae5cbf6c437bc3d8b4a3c7174c51","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-1.1.0.tgz","fileCount":18,"integrity":"sha512-xa925PmaBeh+2x+AY/macovW7KOe4W+VaxNcLKndY10GFSsEjryCrY7s9QXiIUqoQJQMXMeiXMbSoTuhIJ/aEA==","signatures":[{"sig":"MEUCIQDMJdk2wnqZW31+I2gY9fL8Zrx/2bzA5bO036C/SltbGwIgO8zHWgU2GVXwiesJuSnE93uiZb2XAugUH66Ya/HxHmQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3407860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPmdoCRA9TVsSAnZWagAA+uYP/3n+wibkorwYPWTuhF3/\ni9RdPh3oK+/6oBnOenBIM1G0pxsE49uKzu8IKazXpFIOyjsKMTbip1xLRuv4\nT9xV9ZDNE9RrSbDSYtpjb3GK+aSjn1+YhI2XHhnb2mqeA+DOPeIGzXFaJnmn\nIXOaZ5i2h5D18vlDP9htOZrTnIafnBw4XCZ1dSZcAxzzh+AsgPLHfIo0GISD\njF0DeSB5QWje2tSB1LhC9IUJnsEXTOxNa/VuPnYJnezL4BDYMMnL4O3SC1o3\nCI4/tNCSjd5Wpp5J8Y4slwzWLOCNa5KPcRWkKbw1r26CNtjoTTNepSekMDpm\nf77r2f35qdTxWTLZIb3ugs5x7KWPNpvk2h4UoS9vgcVb8FWQInETOi2zI84g\nlny1FSkCXsfkTWQDgKwuzhoWNe2SrhPO/QmTy0IM7Kxd7aqw2dPHE2KzQsot\neWDbNswh7SfmME7S9veQ4hn5rnNL8t5pm2s48eFJDn5wRZ4iYNUhKDzveuXj\n1rJkhsZaUCgcYX6ajrUmr9hWsF6PI3BsTmAx1JXFyxkMyqKGNLMVo/7RKSmc\nx7qkCtjjCi4kFh+6dHAOF5kk9N6mooQ4YsBc+rWS1XxM2CisdWIKzI4Fnqd0\n5FeYZUjdUqb0bFI40nkgLme90sLKNSkq04xDYeaVYjrYAPHH9MM61X4/I86s\nW/4M\r\n=j8GF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","module":"es/index.js","gitHead":"1b458a638ccb28ef1e2b0943fa34b24a8b36388e","scripts":{"lint":"eslint src","build":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"6.14.11","description":"CoreUI React component wrapper for chart.js","directories":{},"_nodeVersion":"14.15.5","dependencies":{"chart.js":"^2.9.4","classnames":"^2.2.6","prop-types":"^15.7.2","@coreui/chartjs":"^2.0.0","@types/chart.js":"^2.9.31"},"_hasShrinkwrap":false,"devDependencies":{"nwb":"^0.25.2","eslint":"^7.21.0","babel-eslint":"^10.1.0","eslint-plugin-react":"^7.22.0","eslint-plugin-import":"^2.22.1"},"peerDependencies":{"react":"^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_1.1.0_1614702440054_0.49913305395606034","host":"s3://npm-registry-packages"}},"2.0.0-alpha.0":{"name":"@coreui/react-chartjs","version":"2.0.0-alpha.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.0-alpha.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"06a616c07250dad827f3cfb9d86b821575ae0a7b","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.0-alpha.0.tgz","fileCount":11,"integrity":"sha512-aBucBF7nOnUiJicDn9qYk32nT1EV1d2mm5yD9SyPVRKgRkgI3u+5xQ/Iz1zHBBKOggbAZo9Em162msvw1hXl3w==","signatures":[{"sig":"MEUCIDF/YnMq2GeBuWw7oRX9byD9dXKjDlhp1iIX7ZCtJWnQAiEAhTZ/kA69Z90lnAt4Rzt8sYEwYtWV8Ug1P2LrGJHlUjQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3648193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgp4ulCRA9TVsSAnZWagAADLkP/1euVbo9basXo8zJbz2R\njaZIfJcMrwj/VykaDXHVWrYyMIBgL3yvDU6Nhi4D1SFOWLcYbLGTQd6Ixkjf\nhNuisi0n2XKgfYqVmUJMNcJeP8PRrU8ZfqcDtiZIosqeKCffp2BbrM0Ip/SD\nFlIxrP+FTQ8vegDu2KxSw416dljhJtg6VH4KidusWU8zAbEugTONf2LZHOZZ\nKW7uSfVq8jd+cdvLrYLxQu3mvNWz6SRQCDuqZ2Pd+BPad61nMEYjSr48ggyo\npG5ZCC/w7U+wOY1C4O2HSVWykOgdVFobXNwsqvinFkNnOHvI8FR4UDIJjP99\npEII2k6xQF9p2QNbSzMCuyzNGd7KhjvkJqpZ1FQ/JGnOK0jKBpNrjuLtFVdS\nbwuiFg2AOWcINCqNNw4O1gVHeFR0pcedM84lgrkKqyn0bWSaJASBzTYWPy2s\nOqe5mvFIV8jo/BEAA4L7oJjVgZQx9aqVbXA/fdzKDgJiDDqQG1i6xfujEynN\n8daRrk7vrdYqZ3oSFtyltkAv4+mxG2+yZfrH1JoWf1Rc2GgCONR+PXohIt/T\ntROdFZ2xoI0WdtBHEXM6qraAATx2LCKUFt4dhH2No+Ji5IEOlkdo0ZIG3dFR\ni0AeqahEMnstTIz1ipiMAbUji5eiaU1Ldj+7iMODzWeCXmcWmQfpZ3H7Osth\nQDSF\r\n=5ya4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"dist/index.es.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n![react](https://img.shields.io/badge/react-^17.0.1-lightgrey.svg?style=flat-square&logo=react)\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n```bash\nnpm install @coreui/react-chartjs \n```\n\n##### import: \n```jsx\nimport { CChart } from '@coreui/react-chartjs';\n```\nor \n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:  \n- `innerRef` object | func | string\n- `datasets` array  \n- `labels` array | string  \n- `options` object  \n- `plugins` array  \n- `type` string: `bar` | `horizontalBar` | `line` | `doughnut` | `radar` | `pie` | `polarArea`\n\n##### usage:\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n    return (\n      <CChart\n        type=\"radar\"\n        datasets={[\n          {\n            label: '2019',\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            tooltipLabelColor: 'rgba(179,181,198,1)',\n            data: [65, 59, 90, 81, 56, 55, 40]\n          },\n          {\n            label: '2020',\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            tooltipLabelColor: 'rgba(255,99,132,1)',\n            data: [28, 48, 40, 19, 96, 27, 100]\n          }\n        ]}\n        options={{\n          aspectRatio: 1.5,\n          tooltips: {\n            enabled: true\n          }\n        }}\n        labels={[\n          'Eating', 'Drinking', 'Sleeping', 'Designing',\n          'Coding', 'Cycling', 'Running'\n        ]}\n      />\n    )\n}\n...\n```\n\n---\n\n- bootstrapped with [nwb](https://github.com/insin/nwb) toolkit\n\n##### `npm run` scripts\n\n`package.json` is configured with `\"scripts\"` we can use with `npm run` while developing the project.\n\nCommand | Description |\n--- | ---\n`npm start` | start a development server for the demo app\n`npm test` | run tests\n`npm run test:coverage` | run tests and produce a code coverage report in `coverage/`\n`npm run test:watch` | start a test server and re-run tests on every change\n`npm run build` | prepare for publishing to npm\n`npm run clean` | delete built resources\n\n#### see also:\n- [Developing React Components and Libraries with nwb](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb)\n","gitHead":"ae8b43f5f8eec4d3cc681fedc554233dde9672cd","scripts":{"lint":"eslint 'src/**/*.{js,ts,tsx}'","build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"7.4.0","description":"CoreUI React component wrapper for chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"15.6.0","dependencies":{"chart.js":"^3.2.1","@coreui/chartjs":"^3.0.0-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^7.26.0","lodash":"^4.17.21","rollup":"^2.48.0","prettier":"^2.3.0","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.2.4","@types/react":"^17.0.5","babel-eslint":"^10.1.0","@types/lodash":"^4.14.169","eslint-plugin-jsdoc":"^34.8.2","eslint-plugin-react":"^7.23.2","eslint-plugin-import":"^2.23.2","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","@rollup/plugin-commonjs":"^19.0.0","@typescript-eslint/parser":"^4.24.0","eslint-plugin-react-hooks":"^4.2.0","rollup-plugin-typescript2":"^0.30.0","@rollup/plugin-node-resolve":"^13.0.0","@typescript-eslint/eslint-plugin":"^4.24.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.0-alpha.0_1621592996646_0.8110430529421817","host":"s3://npm-registry-packages"}},"2.0.0-alpha.1":{"name":"@coreui/react-chartjs","version":"2.0.0-alpha.1","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.0-alpha.1","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"c81554a9a6057eb510922ba7d203209ad7308214","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.0-alpha.1.tgz","fileCount":12,"integrity":"sha512-u4EHdZLNEuK8Yxy7gvZoCyug39NlzmxXeIPs6Sgcn02PbwIwi5yY19e1QL6KuWwSqlSSkGeyV5YwqxWJKtmNmQ==","signatures":[{"sig":"MEUCIQCdH8oTkOIya8spaojRZw0YrCpvdDPKZKn/tT+kpiM3ZQIgWBpGLAvTECFauqbIsx40SRXL+6SySBxVCLMVwVSFAdA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3660927,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqofGCRA9TVsSAnZWagAAI9IQAJXXWC2niK1uCT6J2CIG\nXuigktn7WdnMnor1mTvG7MAI+TIhKk531h9Mt4RnNZLljmQv6Ojjpr9XeFqu\ndhKXPrRJMs3qX9ULTtdz2Nf9uxnkR3zBevswvTxYx6298vo7ldGUlNObGHYA\n2daIaPYPRAUTw2aKChV19YDIho5Y66p2dTXiOIk02BrSrA0HF0D8C3LmIfhH\nyPYrfLPkLQVxHryeeOo/EYegljh2bTtLaNEEdRDqWZV6ASDydaSfOpGABFUL\n32qJBCsl5YkTUdR47rAJ+A4bHfG3C3MS6xrQmopoGXxRvKcpZmOzi6MOO6ip\nuxS2of6vf79HpyqsgpR3OAK1R74KsQYbLf14nQFGqAC8r3t/S6BBvvgyWEY1\ntfLCNUypYmefZB0goYfY6C4McV3V7L+LPLMTEE3fW+5CYfLLdDf0pTNayXfS\n2rNL08G5GwwlrIOn08MMcQYHxsGtgZEhg25AQZSRiGtpGNGbyRlcTfs/lUit\nyoZhd9lStmb5tPuY94j4qAVbkqe59Ty21rdHgbGpY/bQC9+WbQeNu9iCgQm5\nQzccnvitwEU+kVW1D202kkmcdlyFOgU+ZUIfnuCk4IwGrXS/x/MoAddR6KhA\n68QmR6agNE3SCSuKVo6RrTL1UzqEW1AlNCvCjA9aQvUDXhkBu4AvOL2PQKGK\nZ7Nn\r\n=NOtq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"dist/index.es.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n![react](https://img.shields.io/badge/react-^17.0.1-lightgrey.svg?style=flat-square&logo=react)\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs@next\n\n# or\n\nyarn add @coreui/react-chartjs@next\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n * A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: Chart.ChartData | ((canvas: HTMLCanvasElement) => Chart.ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (dataset: Array<{}>, event: React.MouseEvent<HTMLCanvasElement>) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (element: [{}], event: React.MouseEvent<HTMLCanvasElement>) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (elements: Array<{}>, event: React.MouseEvent<HTMLCanvasElement>) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: Chart.ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Chart.PluginServiceRegistrationOptions[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'horizontalBar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: Chart.ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n    return (\n      <CChart\n        type='line'\n        data={{\n          labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n          datasets: [\n            {\n              label: '2019',\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              tooltipLabelColor: 'rgba(179,181,198,1)',\n              data: [65, 59, 90, 81, 56, 55, 40]\n            },\n            {\n              label: '2020',\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              tooltipLabelColor: 'rgba(255,99,132,1)',\n              data: [28, 48, 40, 19, 96, 27, 100]\n            }\n          ],\n        }}  \n        options={{\n          aspectRatio: 1.5,\n          tooltips: {\n            enabled: true\n          }\n        }}\n      />\n    )\n}\n...\n```\n\n##### `npm run` scripts\n\n`package.json` is configured with `\"scripts\"` we can use with `npm run` or `yarn` while developing the project.\n\n| Command                         | Description                    |\n| ------------------------------- | ------------------------------ |\n| `npm run build` or `yarn build` | build production ready version |\n| `npm run lint` or `yarn lint`   | run eslint                     |\n\n","gitHead":"0c1c5b5983cde972ea74ac1dc2b9cbe1e4d1da34","scripts":{"lint":"eslint 'src/**/*.{js,ts,tsx}'","build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"7.4.0","description":"CoreUI React component wrapper for chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"15.6.0","dependencies":{"chart.js":"^3.2.1","@coreui/chartjs":"^3.0.0-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^7.26.0","lodash":"^4.17.21","rollup":"^2.48.0","prettier":"^2.3.0","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.2.4","@types/react":"^17.0.5","babel-eslint":"^10.1.0","@types/lodash":"^4.14.169","eslint-plugin-jsdoc":"^34.8.2","eslint-plugin-react":"^7.23.2","eslint-plugin-import":"^2.23.2","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","@rollup/plugin-commonjs":"^19.0.0","@typescript-eslint/parser":"^4.24.0","eslint-plugin-react-hooks":"^4.2.0","rollup-plugin-typescript2":"^0.30.0","@rollup/plugin-node-resolve":"^13.0.0","@typescript-eslint/eslint-plugin":"^4.24.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.0-alpha.1_1621788613438_0.48964557176285783","host":"s3://npm-registry-packages"}},"2.0.0-rc.0":{"name":"@coreui/react-chartjs","version":"2.0.0-rc.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.0-rc.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"068c54c8d50be119d1cb4e909799440b3911ac13","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.0-rc.0.tgz","fileCount":12,"integrity":"sha512-x4eaAKgWGPOwl3F15G4LrbxHOR/ywIvM+j6jikWITebfjraz0iu93RYOcy7elMqfarRPshDQ3mLC94XtnSbcag==","signatures":[{"sig":"MEUCIHiounM3zzPRmLRapVBhckU+GkV7LSeGKk1A2SsIYYcoAiEAlI9YO3WToz7lYXiOz4K8IZ4TJOjLKGSlgWcOSgbtLyY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3716131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4sIhCRA9TVsSAnZWagAAoOAQAJAmlVdCoazwpuKoWJKU\nY9MnnFbbW51pijwroVJaPhkyQ1QcoXGiIUp/gE0CcEIa7SZQs0MdgA4uAQQs\nw+catDSrchFsyWyCHhnWsS2kzf152TFCewnqAQbAYQ/wFfnyon+5pLDJ2KwC\nGaux9yyhzuyl5JENxCViJG/UOUuiJycMOv0PYR+hXr67gjt/f2LJ5tFC+2xf\nIwMJ3CL9FxalxIPB7mKSb62hyStqstaJT29LdsxYD4UIEr/vQ6msepcK0M2h\n3OglLTnWGH6OvGwkwfuhsqTukj9f6Gv5KeX5PjFyVGgktn9cAhfZNcdhK9Pl\n8WiLLBjst3aIo7JvCo0qsPPgbb3HmZAqtKkow7GssDymA7ND/84b0mAn9G2g\n4Un2wbZroaUeF3o4KqQEizMLRwy09Oopx5aDj3SpzjfjhbHGZXBzoJabCGaN\nn6CEmIqRJiCA7cFidMZHWHDdpjriK7WZM7gWikn792KK9MqjhibleynYvOP3\ndBJylyy4IibNrd8uS7HEoAkBpovVgx4YcdxWHhSbbseGuet4Mk6W404QyNj2\ns3JPOLOZ7fhZfn1TF5FyTH9Dxv9MVmbfjAcJxiY6zo3XE29vuGYHUAlaalHq\n+EI/dNx0POGZ7PIQS93Z2ZcTFNoEZF+nU17/oiaF4pJGpTuPeLiH+VHB+3kT\nCMUw\r\n=ve56\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"dist/index.es.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n![react](https://img.shields.io/badge/react-^17.0.1-lightgrey.svg?style=flat-square&logo=react)\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs@next\n\n# or\n\nyarn add @coreui/react-chartjs@next\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n* A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: ChartData | ((canvas: HTMLCanvasElement) => ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (\n  dataset: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (\n  element: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (\n  elements: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Plugin[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n    return (\n      <CChart\n        type='line'\n        data={{\n          labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n          datasets: [\n            {\n              label: '2019',\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              tooltipLabelColor: 'rgba(179,181,198,1)',\n              data: [65, 59, 90, 81, 56, 55, 40]\n            },\n            {\n              label: '2020',\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              tooltipLabelColor: 'rgba(255,99,132,1)',\n              data: [28, 48, 40, 19, 96, 27, 100]\n            }\n          ],\n        }}  \n        options={{\n          aspectRatio: 1.5,\n          tooltips: {\n            enabled: true\n          }\n        }}\n      />\n    )\n}\n...\n```\n\n##### `npm run` scripts\n\n`package.json` is configured with `\"scripts\"` we can use with `npm run` or `yarn` while developing the project.\n\n| Command                         | Description                    |\n| ------------------------------- | ------------------------------ |\n| `npm run build` or `yarn build` | build production ready version |\n| `npm run lint` or `yarn lint`   | run eslint                     |\n\n","gitHead":"e749a34ecd819346367958e90b0100ad0e248c56","scripts":{"lint":"eslint 'src/**/*.{js,ts,tsx}'","build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"7.4.0","description":"CoreUI React component wrapper for chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"15.6.0","dependencies":{"chart.js":"^3.4.1","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^7.30.0","lodash":"^4.17.21","rollup":"^2.52.7","prettier":"^2.3.2","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.3.5","@types/react":"^17.0.13","babel-eslint":"^10.1.0","@types/lodash":"^4.14.170","eslint-plugin-jsdoc":"^35.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-import":"^2.23.4","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","@rollup/plugin-commonjs":"^19.0.0","@typescript-eslint/parser":"^4.28.1","eslint-plugin-react-hooks":"^4.2.0","rollup-plugin-typescript2":"^0.30.0","@rollup/plugin-node-resolve":"^13.0.0","@typescript-eslint/eslint-plugin":"^4.28.1","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.0-rc.0_1625473569171_0.6488686952837877","host":"s3://npm-registry-packages"}},"2.0.0-rc.1":{"name":"@coreui/react-chartjs","version":"2.0.0-rc.1","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.0-rc.1","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"c09c7b68b0f3a6c0f747ccf778d3feb11b78953d","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.0-rc.1.tgz","fileCount":11,"integrity":"sha512-eVBheCiEEb4TqCgfmDw3ntVWEhp+EYnp/6xq1GgC5EEVSCa/U5fzTogIVydNPY9rZeVJIJA0J0PeT1Fnh9Rp4w==","signatures":[{"sig":"MEYCIQDByrclyRfP72T0OT4aIhIrbLjbebkye1AHzFxIfrCn0wIhAMHq+fKvjpBFR8H7zOik60U+Do7N8ansh+NxsuTt1b+8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3732890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFEtACRA9TVsSAnZWagAAfBQP/07cOarmRKn21/d6W6oa\nlgabR6d6HgH23bXcuyYhBw0ckH9r9QvlUpNuzgHHNmJICZxRsVhdF8IUFv+O\nkkl0lpaCiAd5x3vSaU1jLY/qr9Dwy14xFgzroM2I1yuhe5gmhEVFdFT2+/t9\nDcPF5I4pGg+I99RXsYyXUtD1jh/7bzmchhRh20not0e0EjHMZkU3+NTDa69x\nS/5spt7U5TGq4tynj8r9N0O7L4CCM2U1juA1/Mp70krMLzAG7SwchC0jNwV+\n0Mi/Fkw89/52GAUzwp23zsT0+OlhWTCpnkdTc/S4a0bshhpkUxJQXlRenYSI\n9ecuOuHvT2Ug6Z1U78gLagwBoPps86ZPYXKAmqSrTb6AHz/i0pldNM6hp5ev\nTEL5JuJug9zC8Uopq+Ayo10KdJhmnyN5NwJDIMBYCiNsnFwkHposE0QWoJb4\nXteZZzAgAxHc6kard16jauyu2KPcB8q94s4JPpyyi3Nhdgo1CW5DA0WwmY5F\nXJIFtRns3JuUujjrfJyij6fTT0nUEty+vyO/M/RIkDtqELgAVKYD6WOoXEYz\nor53inbdICJepd+5Jrt3Ylo1kMLQKmB/ZRgR9zkVIeN4xezxeQq/Khab4t+E\ngXOALRDOR/ArCo/iDpOWbYr5APjBRAZIFHfJ4gS2pLoI/EzJVfCFmY+0ORkc\ntXqN\r\n=6dJF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"dist/index.es.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n![react](https://img.shields.io/badge/react-^17.0.1-lightgrey.svg?style=flat-square&logo=react)\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs@next\n\n# or\n\nyarn add @coreui/react-chartjs@next\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n* A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: ChartData | ((canvas: HTMLCanvasElement) => ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (\n  dataset: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (\n  element: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (\n  elements: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Plugin[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n    return (\n      <CChart\n        type='line'\n        data={{\n          labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n          datasets: [\n            {\n              label: '2019',\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              tooltipLabelColor: 'rgba(179,181,198,1)',\n              data: [65, 59, 90, 81, 56, 55, 40]\n            },\n            {\n              label: '2020',\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              tooltipLabelColor: 'rgba(255,99,132,1)',\n              data: [28, 48, 40, 19, 96, 27, 100]\n            }\n          ],\n        }}  \n        options={{\n          aspectRatio: 1.5,\n          tooltips: {\n            enabled: true\n          }\n        }}\n      />\n    )\n}\n...\n```\n\n##### `npm run` scripts\n\n`package.json` is configured with `\"scripts\"` we can use with `npm run` or `yarn` while developing the project.\n\n| Command                         | Description                    |\n| ------------------------------- | ------------------------------ |\n| `npm run build` or `yarn build` | build production ready version |\n| `npm run lint` or `yarn lint`   | run eslint                     |\n\n","gitHead":"2e43b1347aec1095cc04de237c6ee98654d405ba","scripts":{"lint":"eslint 'src/**/*.{js,ts,tsx}'","build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"7.20.3","description":"CoreUI React component wrapper for chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.6.1","dependencies":{"chart.js":"^3.5.0","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^7.32.0","lodash":"^4.17.21","rollup":"^2.56.2","prettier":"^2.3.2","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.3.5","@types/react":"^17.0.17","babel-eslint":"^10.1.0","@types/lodash":"^4.14.172","eslint-plugin-jsdoc":"^36.0.7","eslint-plugin-react":"^7.24.0","eslint-plugin-import":"^2.24.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.29.1","eslint-plugin-react-hooks":"^4.2.0","rollup-plugin-typescript2":"^0.30.0","@rollup/plugin-node-resolve":"^13.0.4","@typescript-eslint/eslint-plugin":"^4.29.1","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.0-rc.1_1628719935760_0.913033629735295","host":"s3://npm-registry-packages"}},"2.0.0-rc.2":{"name":"@coreui/react-chartjs","version":"2.0.0-rc.2","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react"],"author":{"url":"https://coreui.io","name":"CoreUI"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.0-rc.2","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"contributors":[{"url":"https://github.com/orgs/coreui/people","name":"CoreUI Team"}],"homepage":"https://coreui.io","bugs":{"url":"https://github.com/coreui/coreui-react-chartjs/issues"},"dist":{"shasum":"930f2905d485e24d4bd38f6da8dc5e6fe6d0cd6a","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.0-rc.2.tgz","fileCount":10,"integrity":"sha512-O0wrNl08m7rYW/QTGDCUBM5cuV/evK0VSOuV+Wvk4vPAWwCOnzY95QXCJV46HwWMO8jwSJZ5wVQmXXZj2+XkJw==","signatures":[{"sig":"MEQCIB6BaRV+YOcDz+/kNcDxB4QeAUDXl6JfKJfUB39RtUHUAiAv5J7nfHKFR+JTklIJatjQN6mF+MFGTmhsKFdv9xaHvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3747527},"jest":{"preset":"ts-jest","setupFiles":["jest-canvas-mock"],"testEnvironment":"jsdom","testPathIgnorePatterns":["dist/"]},"main":"dist/index.js","module":"dist/index.es.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n![react](https://img.shields.io/badge/react-^17.0.1-lightgrey.svg?style=flat-square&logo=react)\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs@next\n\n# or\n\nyarn add @coreui/react-chartjs@next\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n* A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: ChartData | ((canvas: HTMLCanvasElement) => ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (\n  dataset: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (\n  element: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (\n  elements: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Plugin[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n    return (\n      <CChart\n        type='line'\n        data={{\n          labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n          datasets: [\n            {\n              label: '2019',\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              tooltipLabelColor: 'rgba(179,181,198,1)',\n              data: [65, 59, 90, 81, 56, 55, 40]\n            },\n            {\n              label: '2020',\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              tooltipLabelColor: 'rgba(255,99,132,1)',\n              data: [28, 48, 40, 19, 96, 27, 100]\n            }\n          ],\n        }}  \n        options={{\n          aspectRatio: 1.5,\n          tooltips: {\n            enabled: true\n          }\n        }}\n      />\n    )\n}\n...\n```","scripts":{"lint":"eslint 'src/**/*.{js,ts,tsx}'","test":"jest --coverage","build":"rollup -c","test:update":"jest --coverage --updateSnapshot"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react-chartjs.git","type":"git"},"_npmVersion":"7.20.3","description":"CoreUI React component wrapper for chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.6.1","dependencies":{"chart.js":"^3.5.0","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.3.0","eslint":"^7.32.0","lodash":"^4.17.21","rollup":"^2.56.2","ts-jest":"^27.0.7","prettier":"^2.4.1","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.4.4","@types/lodash":"^4.14.172","jest-canvas-mock":"^2.3.1","eslint-plugin-react":"^7.26.1","@testing-library/react":"^12.1.2","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^4.0.0","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-typescript":"^8.3.0","@testing-library/jest-dom":"^5.14.1","@typescript-eslint/parser":"^5.0.0","eslint-plugin-react-hooks":"^4.2.0","@rollup/plugin-node-resolve":"^13.0.5","@typescript-eslint/eslint-plugin":"^5.0.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.0-rc.2_1634566506628_0.45954155528372187","host":"s3://npm-registry-packages"}},"2.0.0-rc.3":{"name":"@coreui/react-chartjs","version":"2.0.0-rc.3","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.0-rc.3","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"0735ec13e654a3ea8ba7007b831bf00bed777bb0","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.0-rc.3.tgz","fileCount":14,"integrity":"sha512-v/AxdZvjBj2t/7i8Xmwf5GOMHLEkkRVKStv00uTWEd/rV9MyPjttGHcHLuXRLhGnSl+gJxKu7DMqeug9hQKaCA==","signatures":[{"sig":"MEQCIGZN30RaD6tJvYQovhkI/9yvRIPdvsPtlcHcbHPCO3TWAiB7VF9/TpO3V4JZ/apBV88yPBZzmWGJGLTN9VHgl71g8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3766621},"main":"dist/index.js","module":"dist/index.es.js","readme":"### [@coreui/react-chartjs](https://coreui.io/) for [CoreUI for React](https://coreui.io/react/)\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n![react](https://img.shields.io/badge/react-^17.0.1-lightgrey.svg?style=flat-square&logo=react)\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs@next\n\n# or\n\nyarn add @coreui/react-chartjs@next\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n* A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: ChartData | ((canvas: HTMLCanvasElement) => ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (\n  dataset: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (\n  element: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (\n  elements: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Plugin[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n    return (\n      <CChart\n        type='line'\n        data={{\n          labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n          datasets: [\n            {\n              label: '2019',\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              tooltipLabelColor: 'rgba(179,181,198,1)',\n              data: [65, 59, 90, 81, 56, 55, 40]\n            },\n            {\n              label: '2020',\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              tooltipLabelColor: 'rgba(255,99,132,1)',\n              data: [28, 48, 40, 19, 96, 27, 100]\n            }\n          ],\n        }}  \n        options={{\n          aspectRatio: 1.5,\n          tooltips: {\n            enabled: true\n          }\n        }}\n      />\n    )\n}\n...\n```","scripts":{"build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"7.20.3","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.6.1","dependencies":{"chart.js":"^3.5.0","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"lodash":"^4.17.21","rollup":"^2.56.2","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.4.4","@types/lodash":"^4.14.172","@testing-library/react":"^12.1.2","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-typescript":"^8.3.0","@testing-library/jest-dom":"^5.14.1","@rollup/plugin-node-resolve":"^13.0.6","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.0-rc.3_1634730077072_0.19535037566278057","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@coreui/react-chartjs","version":"2.0.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"e4076a8cce24595892b7cf85ae0b48ff85ab1209","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.0.tgz","fileCount":14,"integrity":"sha512-/GLJ0+hxmj1tyCrGsmlo+LTGeRNzZV8glZqZGRBiEr6jkV2W7/o56aMbnhOpW28SfZTJFI9YzA5PR5oiglxZmQ==","signatures":[{"sig":"MEUCIQCcFJFIr8C86y+IhfjSPJZhRsmPGtdmfFbN6rdx9uYh0AIgQyDMu7DVcsj09OGSQjPq6GcNEJTVqv03CfL8hxvTmmU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3767161},"main":"dist/index.js","module":"dist/index.es.js","scripts":{"build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"7.20.3","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.6.1","dependencies":{"chart.js":"^3.5.0","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","rollup":"^2.56.2","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.4.4","@types/lodash":"^4.14.172","@testing-library/react":"^12.1.2","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-typescript":"^8.3.0","@testing-library/jest-dom":"^5.14.1","@rollup/plugin-node-resolve":"^13.0.6","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.0_1634751991958_0.11435339142368162","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@coreui/react-chartjs","version":"2.0.1","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.1","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"6fd2af84230a19dea7ab1139de94693f22cd74b9","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.1.tgz","fileCount":14,"integrity":"sha512-YOi0qa3hlMKgoJZcg6KlbThmZ4sSEfib+pq54T8oNU29yGMz6ZLuxA/fVh2xg/dibQUWNs0lK1ziGGONuZM0Vw==","signatures":[{"sig":"MEUCIDfPUoUkB6ICBZV/F1iVoP+6fMpckgmb8ruvdxsQs+MSAiEA0pw//EUx0+cBjcDA2k/PfV0hX3lVNNHVYB8PuLJn4vw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3781996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhu3pKCRA9TVsSAnZWagAANrYP+gKHaXPKs4P+WL/eUgkU\nqUvXyHmIBVNDW/91rCg+ToWcsQk3g5ISgHGt8fMIxiRgPn6mdZWz5WwlQtVt\nNq/ik2WyMGmgZju0cUytUZ6TCdzXdgKXvBq2ykLH5GeP2Ya+zb3ZhgT9yEdD\nmz9nuvNGBpOIdmMFJOkMG3QZQEi9Vx0EikCwQE1ToSW5uXIpdZ4WYMoh366z\niGEf7xL3eIy2WjXUoi/rrm1n1gQjMzUaiooWBoJF6w0gsGlI9+jCArXFgUWK\ngwGgdjUXXEipRzr+NGsA9pR742AdsQjrnZg5ErhiXmuzLzR2/dawYeiLVUt0\n9koIO68t2dglCY9dWpbf9cGCI6ErsMMPuDUjN+OBcYAyYQwnSzlk5YhUotjp\n3uEIhRwhYdtb5/KduBAK+1kDI6ozLUVTRlE+JCEeQH5yIsc/IZ9mWEfQMh2J\nd4u62v/0uzWkT9gG5dNhxRCCawvtdiJIMUrJr+UKu5utpPVbHDramRLVrPyY\nkeYgs2xYKtSmMSyIaZ+j+7NL/538xOeSaHzQEMI2ONQtGncQHkedc7w0L0LQ\nzueWaAGel4qz3WDbYwPFTr4dWJbixLeTQB8vtwxGJWQyPvI4p1/eQQ2L8a2S\nvfJHVYx70EWo+mAFw+JfygYfm66kdhFpb5T2BofqOtn8E0u/UzneRFMSo9Zp\nUk7f\r\n=2PeP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.es.js","gitHead":"06f87c74cc83a24edd513d7b6b4e95ef05aca835","scripts":{"build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"8.1.2","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.13.1","dependencies":{"chart.js":"^3.6.2","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","rollup":"^2.61.1","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.5.4","@types/lodash":"^4.14.178","@testing-library/react":"^12.1.2","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-typescript":"^8.3.0","@testing-library/jest-dom":"^5.16.1","@rollup/plugin-node-resolve":"^13.1.1","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.1_1639676490478_0.7990539339261846","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@coreui/react-chartjs","version":"2.0.2","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.2","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"53537338b0c67e28a1052a4d3d23fb561f76e2c7","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.2.tgz","fileCount":14,"integrity":"sha512-R8r/5cehljnCORR7TsnXqkjs2JSyTlxmfy0QKYYw3tYjlLac8IXcGgfAm6vvDEvavnsS6bvTnxUgihMhMG/gxQ==","signatures":[{"sig":"MEUCIQC56Wp3LkARftiZFZgHdfxX8chAyV3Qmf0UKNf+Hpc1FAIgPsRO5ceA68njCMGn9vUoT7945XWolN73sZ5Cx0gcSgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3782992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhw1nwCRA9TVsSAnZWagAApzQQAIOPOIzYz+l3N40w3ejQ\ngMQd6ICw/az3Z+3spMkRA5rz/sV82AG0qeeVYo+46YGytMIbz3vsgURc3KnG\n4018+lbyC48xc5vAmOcG+zWZWnc9c3GPnt/9ln+h6PX9gDuWZKh5dHfOKW9n\nAXT0teQPJe/mITI7/o+grYO2UFNRElR3PgvW223ORvnEFCT7n9v70dvzfjc5\nhmj1KckC/V7SehT8WjB/vp1V7K1o3yVjvgBBt1pWw9363/v/5HceyTtJNbjn\nLpzYXJcxCySA0BnSu/NmXXn6xZljg7Nq2bMPgCDf1nlJBKIeRY/2ntJ67BYd\n1lHUiszCAgyocZHH4G4/dqlWbYulDJLqX7ACUN1qKtF4FMaJ3t82CmBS29PX\nT6Dhpf8rBEgXPaPyQbvxDmClUjcKnjLnV73fkNAfjXYzgVFC0oSuFuGeQO1g\nNc+lEJlrhTyRPVIgpVjUOkbweUojQRkHemD06wuHvu4pWJkD+xFLjOsxx/3/\nVth4nQ8acw+EAqXDFU/vNzFsLB01ujfllpKpCjOyLGOzGFJmx84dMQbxqq/O\nHR2OMWLMNpMUlsrkD+V5u+w4IcMhRaXWWccI+lxvHJgJwAa2VG4+081bJi0F\nMOvBjV7D4i/a9YjTdJl05OCCBTGxPB6fo7IZYBYwSVQ9u/yjRrLM2kU1yghZ\n/hc4\r\n=tORw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.es.js","gitHead":"f981e67cf07ace87f097b7e031d241bb1ee29aab","scripts":{"build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"8.1.2","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.13.1","dependencies":{"chart.js":"^3.6.2","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","rollup":"^2.61.1","classnames":"^2.3.1","prop-types":"^15.7.2","typescript":"^4.5.4","@types/lodash":"^4.14.178","@testing-library/react":"^12.1.2","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-typescript":"^8.3.0","@testing-library/jest-dom":"^5.16.1","@rollup/plugin-node-resolve":"^13.1.1","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.2_1640192496053_0.30211286346365807","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@coreui/react-chartjs","version":"2.0.3","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.0.3","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"63799048f518dd748e79351e0ae78d415484fbb2","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.0.3.tgz","fileCount":14,"integrity":"sha512-+cl3slfqUZ7BLKeUlKEHfpt+HSFHmlMyosYYv9R5GqVP+l6rLqNMNcrLVmmsgqf2r++3LEIYaAvL6v4ZF54i/w==","signatures":[{"sig":"MEYCIQCn5HI6sR9QDM95W+VFwY1fGNJ3eAOr/0dzIJdsHiFg+AIhALW1VyLWPAvAQduNA1fi/CV2oAi+ZRU8xn0q7zDfpPfq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3802865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzHWvCRA9TVsSAnZWagAAPRsP+gPt2rn6aubfZsZG1gy4\nl7yYtt9h1esD5xZkL6Afj9lCUWRVtUZ5O0q8qSQmgqZ1tougyh07CuOuFdNg\nD6ki5SY1bJ4upgDGoAO8r4S8jR8xyF4m+vltZLauPQSPerAfiFIQOAOK0MKZ\nwIjniwVB2Uh+sOWZMIi8xLbR9D1FoZHv7Wfcjdz3+QvTKIlIEYNNVpEpA1kE\nCXT9c76kE4neoFenfZp0svIxsj4l1NfjOkzhHdm8BOx+HTCwmxSHruVAqbmZ\nelnJQE55tY4lJD6v+5e9njX+bF77gfUEYFYSFBP+0WDljUFgtnZYazXX7WbA\nxKB2D/eIzl8IkKvDkBj9tOBYDjoja9mZnP3ODA+Vr7+KwjksMDk/l0V22Pyx\n7EpKprqsB2rCZ7JkTShhHI/AkZ/F3BW68CW77yarPiafYb4gP5x6zDj64Nja\ndoPGc/KpvMCv1OIMvuUcwhDXpuH4tazstoOYnU0lxeo+DPim84191foiyPIr\nrovV+6LmE8eeTGZKqbkDt9TAtERWqNC7ZkSbd61fLo4TAByQCE5AhtXdeP6Z\n2Qp/zjJ/q7vf5fnpNFJaNXI4cMSzkF/G/BR8YmjvPO1Lqdnzll+AgaLd0gPM\nq6vZm2yMY7AB/Rk1aY6VDPOcT+yyp1Lt8sZGo865GocW2XuiycdeN9BDwcIZ\n+5MN\r\n=k6MP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.es.js","gitHead":"72aed1305de06ec1f5e22800c41671ec46db1e8c","scripts":{"build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"8.1.2","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.13.1","dependencies":{"chart.js":"^3.7.0","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","rollup":"^2.62.0","classnames":"^2.3.1","prop-types":"^15.8.0","typescript":"^4.5.4","@types/lodash":"^4.14.178","@testing-library/react":"^12.1.2","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-typescript":"^8.3.0","@testing-library/jest-dom":"^5.16.1","@rollup/plugin-node-resolve":"^13.1.1","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^17","react-dom":"^17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.0.3_1640789423281_0.9823426703154299","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@coreui/react-chartjs","version":"2.1.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.1.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"6b2dea15171575a18d35b1eed77110407fd8c0de","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.1.0.tgz","fileCount":14,"integrity":"sha512-Xn8m+j59ap0Y1TwlyttpMz/Q1/b7fDlHXv21wpSNQyTF4OfkyE2ompVW4bVYIUKE/Ov/WoBlL/5NEpwToUotzw==","signatures":[{"sig":"MEQCIDkFdyBTnopwmFeO7lqTYADbpbmUX0YA9VQOGg3Fm4JiAiA0B4Yt5jglCq9A50rrkHWuj/EiWT+mrh7DaQkhi1Ns5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3818110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyHPqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCrA/9HQpONB3dNJOoRd0m+NOVzW3TpsushrNG8dh+Uonl8k20jUWx\r\nDzQUfHVVpn1ebvJvtMc3BrABzHxMN74UrY3FfMr+Z3oIPp7ILFozs98yVEmp\r\nt2QM4CNn0qEPeM6uOMUvGpfuiKcNgLZaKdxx8ZIMiz1LhjJk7MSfFOI2BHoh\r\nIiSDt4GoaCA89iGDo9wurdRpEb529d+yKIkA55rLycpUawW7tpxqCIs/Kpel\r\ngTIqMlhsSp5UKgoqKgBe6wVXY+92H8vXOr6bfvWO74mcVr6AhT0HKacDzJQ0\r\nrdtua8AWyLVGBYCrZYY/uibgyqP90+Yr2XLGFmKIRYsqVNdK016CAwaaIhbl\r\n9Wr13czAcWPYDwPfaLZvMYmTzonesBR1Ia3LSxDXLOdn/3BPxxj81Qkf0nL0\r\nqf2VygEtwInpcJ/GoU7PTfEg/+A50Tf4M4sv6ndOX2t/SlYuP7ZCA9u/BGfe\r\nJ+H5Ivlen65k/StR2BBhnp+RosZSulPD//1VrByMB0D4Yy2eArLXYKhyGdQs\r\nNOZh502fNv2GFflw20UI7wkPYht72n0yGqElr4eRwezyf47WdcDRj65cL3KM\r\nivZO5p7xOnZrm9i6KWPKC897P3WbFA4J2RmU/HO66IXxDI9+gyzsLEh2tY7N\r\nf7mHN5G9nD27YqrqLINq9c+Z3Nzx6WEpxuU=\r\n=dYMx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.es.js","gitHead":"e7ee21081a289c6b515c4cf89dc1186420a34ce4","scripts":{"build":"rollup -c"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"8.1.2","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.13.1","dependencies":{"chart.js":"^3.7.1","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","rollup":"^2.75.7","classnames":"^2.3.1","prop-types":"^15.8.1","typescript":"^4.7.4","@types/lodash":"^4.14.181","@testing-library/react":"^13.3.0","@rollup/plugin-commonjs":"^22.0.1","@rollup/plugin-typescript":"^8.3.3","@testing-library/jest-dom":"^5.16.4","@rollup/plugin-node-resolve":"^13.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.1.0_1657304042591_0.7329058415676235","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"@coreui/react-chartjs","version":"2.1.1","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.1.1","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"29c1dad62ef1a5d0289a82225228f2a015556a9a","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.1.1.tgz","fileCount":14,"integrity":"sha512-bxACSZ5ESvSS65UvassDNkhiwK07ILnOkjD6Pl1HFSHH8V6he6nZj82uOiKKbeG/S0Cd+2T1v6YhoRiaTwLDZQ==","signatures":[{"sig":"MEUCIAedgvIrubPDR7nUp4+xMmYbaas2IryUV9l3F37CiRfWAiEAhwVsFOGJAWWCX+Pz/qOp0qrV050oBphWz3VQjXbkjFc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3884102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlzpTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+QA//a7iPe36zKwz3Wd2FYINoxnkCBHJO0NRE6twX6etvCkqGl4g8\r\n37n17qrH+DpzvlIB60KTRhFYAtbVVUnAXuP+O43mAKA3SRDpFkDr7TNxT+WI\r\niRjWNDmwfHkTwrfbpnKSoQ/LwHbX8n2yPUzLvAM0N2iX2c0OkWbnPaXGokHN\r\niYTkqCDA02bNNP0iin6xDVhlRkWzxlXsHb8Hvx1HHM8yGbdU2BdRmVSa9BWz\r\nIWkVhoHh+uOaHVEXy//AEJ6kj/HXuGYM89gJt8OFJNeZSfVDQPNhO6TfswIi\r\n9YgPbX0HvrnKunLquW+1ZrxFXbc/XV+2VQlDDeODIl4wtqlCIY0+1REAyMz6\r\nOzZeK9GwRntNqHGJtQCRXXgJWv6GVRrmfiVYTTR/l+XHFyN4MtZp1BmWJrqD\r\n5/ko+2mTHZexkxLLEe39QrzLgyW3b1v//+Os9aNcV5AH/LOo1sQuFBShIhn3\r\nPN6aoc8xTAiJhnKP937KX9fMU1m9MfswMF2zNGL1p7sMi8Y8IrJzTh94sFOh\r\nWL9tNNxsGvqdtmkMdi1N0+PYpQkinaMRN1dLHHqchpJHQk81wwqI4DcY5FrO\r\nnr9XPaCMskAITOGBm+7teNruymDuO2t+9MDj/mCTOvrH9mXfKgWEX9rHXdBp\r\n9FPXeBYGpJhLIIHvZYkU1mpWSYK756J3T0Y=\r\n=bA3k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.es.js","gitHead":"3599ea5a403d6ed6302754e90aba296db1db708c","scripts":{"build":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"8.1.2","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"16.13.1","dependencies":{"chart.js":"3.9.1","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","lodash":"^4.17.21","rollup":"^3.7.2","react-dom":"^18.2.0","classnames":"^2.3.2","prop-types":"^15.8.1","typescript":"^4.9.4","@types/react":"18.0.26","@types/lodash":"^4.14.191","@types/react-dom":"^18.0.6","@testing-library/react":"^13.4.0","@rollup/plugin-commonjs":"^23.0.4","@rollup/plugin-typescript":"^10.0.1","@testing-library/jest-dom":"^5.16.5","@rollup/plugin-node-resolve":"^15.0.1"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.1.1_1670855250785_0.10161552514246242","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"@coreui/react-chartjs","version":"2.1.2","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.1.2","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"98a74e57b041d7f5fed8e61ae7b89616734c0579","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.1.2.tgz","fileCount":14,"integrity":"sha512-3ypVkJbvm+dXNsJAsN6q6alE+cikiSl0QXOjCJMq5zEGx15yg59UqdZa7o6zB2wsPO7v89JMjywDndJ6YIZ3OQ==","signatures":[{"sig":"MEUCIQD5KOcOgIevUmzuNPH5nkCbquqwgaaVwM/un/D1LmDPVQIgQs5Shn7Cre1DQaT7JQrbz4juhzad0kgvQTFBTQT4BNc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3884802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0AUrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpneQ//WRqGCCvQjvyBaHcO31gFmd0db/6EF0wzH1GFqyl2IKKXLVWC\r\nUqHDMkdYMeEOsfNyKrIXuutbgnIg3cPAZq9+wt/e782Ny5bfCIXzlLiAXCL0\r\nPe2MY74UTChdBd8zVynPo1ARnerwfntRv4v8hz36cxJsh3QG5AT4F53L1JSK\r\nhIRcRZx1m3G7TLDlptLZkSCMnLxB3j6azqRHrw0QkzDvPCY0dhAOeR8yDKwX\r\nt7bb+y4FZ7yjm7Ui558fJUAyks1+r654nqo9RnDeijEMrKzDG96LWrm/xBEH\r\n2J3C2HzEbacAqKE6tAKCIduS99k1/6dzkNRO4GZj5R9f3L/XSXoKomxA5Uzz\r\nLFAUl/Iujljy4xkDSYls7RP6ujte1feObYQAPVpo8MXc8dGJgqj6NgfmF7Un\r\nAqd1EuXJdg1ppIljdziWpFIdjfusWuOx+6VvxMbFVBC9QZFNG//AX2lqvVnK\r\nPlbKFsS8lIxCoUbYu2SKQH+N6s47CGi4ZGCquis5fiRfiqa/3/J4ECfl7K7F\r\nXLl6vvsn144FNMgbbPYbp0Pn0AV4dZiLUVKZ0pZBBFgv16AqC/pkOvSvxkcV\r\njExOzMbfWmHSIH8QKfDmOdDu0dSr3uoMEytucT5l75NwiNH0O6LlIa+6nrUg\r\nvRROs9GxkaevWQiyuCC7+9nqEn7ZXg5VlSk=\r\n=ckFD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.es.js","gitHead":"6dcfb05cdba4a0fbb98e00be593fcbc4a28688e4","scripts":{"build":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"8.19.3","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"18.13.0","dependencies":{"chart.js":"3.9.1","@coreui/chartjs":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","lodash":"^4.17.21","rollup":"^3.7.5","react-dom":"^18.2.0","classnames":"^2.3.2","prop-types":"^15.8.1","typescript":"^4.9.4","@types/react":"18.0.27","@types/lodash":"^4.14.191","@types/react-dom":"^18.0.6","@testing-library/react":"^13.4.0","@rollup/plugin-commonjs":"^24.0.1","@rollup/plugin-typescript":"^11.0.0","@testing-library/jest-dom":"^5.16.5","@rollup/plugin-node-resolve":"^15.0.1"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.1.2_1674577194889_0.6814245656015492","host":"s3://npm-registry-packages"}},"2.1.3":{"name":"@coreui/react-chartjs","version":"2.1.3","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@2.1.3","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"7ec0d468b648fb4aff90413c4d6e9da5e651fba4","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-2.1.3.tgz","fileCount":14,"integrity":"sha512-Boj2LhlGlAVIdPRDDIyF5nbupIg9ohhpdLXW28ch0A0ZMpJvf0AwBoibV4Uo6agcN7jSq2uvgudNC3aJTMg/8w==","signatures":[{"sig":"MEQCIGJFJsm0amiuxGsvNK2TrIlObF3f3P86Bh07Oo3oqFhMAiA+P/3k/+UZggvx3jfuIgpgvvrARUgBOkYUjH3cvJeNxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3889209},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.es.js","gitHead":"cad54d2b65efe02b4e0f4a534fc281f51aed917d","scripts":{"test":"jest --coverage","build":"rollup -c --bundleConfigAsCjs","test:update":"jest --coverage --updateSnapshot"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"9.5.1","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.es.js","_nodeVersion":"19.8.1","dependencies":{"chart.js":"3.9.1","@coreui/chartjs":"^3.1.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.2.0","lodash":"^4.17.21","rollup":"^3.21.7","ts-jest":"^29.1.0","react-dom":"^18.2.0","classnames":"^2.3.2","prop-types":"^15.8.1","typescript":"^4.9.5","@types/react":"18.2.6","@types/lodash":"^4.14.194","@types/react-dom":"^18.2.4","jest-canvas-mock":"^2.5.0","@testing-library/react":"^14.0.0","jest-environment-jsdom":"^29.5.0","@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-typescript":"^11.1.1","@testing-library/jest-dom":"^5.16.5","@rollup/plugin-node-resolve":"^15.0.2"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_2.1.3_1684004749945_0.8464661574713548","host":"s3://npm-registry-packages"}},"3.0.0-beta.0":{"name":"@coreui/react-chartjs","version":"3.0.0-beta.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@3.0.0-beta.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"bf46694fbbbdedf96b2f4f849cfa9c8cb2a9b57a","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-3.0.0-beta.0.tgz","fileCount":14,"integrity":"sha512-EDZ+EJvd0vdIBMUF/THUcMWuVXH0CZZrevzKu8+YDPMPPCSCfyqq1YGVPd7VCMZsfsfDjw4XdvfIbbBGQPPa0Q==","signatures":[{"sig":"MEYCIQDbpttqcFoEXAVgFXQ0w2rzAHACKMT0Vs8Et3Bp36LVjAIhALjKava/sM/L8nWs9o1+7siyNUWfKdv4RLAHxUwBlQa6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1031467},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.esm.js","readme":"<p align=\"center\">\n  <a href=\"https://coreui.io/\">\n    <img\n      src=\"https://coreui.io/images/brand/coreui-signet.svg\"\n      alt=\"CoreUI logo\"\n      width=\"200\"\n    />\n  </a>\n</p>\n\n<h3 align=\"center\">CoreUI React.js wrapper for Chart.js</h3>\n\n<p align=\"center\">\n  <a href=\"https://coreui.io/react/docs/components/chart/\"><strong>Explore @coreui/react-chartjs docs & examples »</strong></a>\n  <br>\n  <br>\n  <a href=\"https://github.com/coreui/coreui-react/issues/new?template=bug_report.md\">Report bug</a>\n  ·\n  <a href=\"https://github.com/coreui/coreui-react/issues/new?template=feature_request.md\">Request feature</a>\n  ·\n  <a href=\"https://blog.coreui.io/\">Blog</a>\n</p>\n\n## Status\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs\n\n# or\n\nyarn add @coreui/react-chartjs\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n* A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: ChartData | ((canvas: HTMLCanvasElement) => ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (\n  dataset: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (\n  element: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (\n  elements: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Plugin[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n    return (\n      <CChart\n        type='line'\n        data={{\n          labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n          datasets: [\n            {\n              label: '2019',\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              tooltipLabelColor: 'rgba(179,181,198,1)',\n              data: [65, 59, 90, 81, 56, 55, 40]\n            },\n            {\n              label: '2020',\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              tooltipLabelColor: 'rgba(255,99,132,1)',\n              data: [28, 48, 40, 19, 96, 27, 100]\n            }\n          ],\n        }}  \n        options={{\n          aspectRatio: 1.5,\n          tooltips: {\n            enabled: true\n          }\n        }}\n      />\n    )\n}\n...\n```","scripts":{"test":"jest --coverage","build":"rollup --config","test:update":"jest --coverage --updateSnapshot"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"10.2.0","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.esm.js","_nodeVersion":"21.1.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.7.0","react":"^18.2.0","lodash":"^4.17.21","rollup":"^4.1.5","ts-jest":"^29.1.1","chart.js":"^4.4.0","react-dom":"^18.2.0","classnames":"^2.3.2","prop-types":"^15.8.1","typescript":"^5.2.2","@types/react":"18.2.33","@types/lodash":"^4.14.200","@coreui/chartjs":"^4.0.0-beta.0","@types/react-dom":"^18.2.14","jest-canvas-mock":"^2.5.2","@testing-library/react":"^14.0.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.5","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"react":">=17","chart.js":"^4.4.0","react-dom":">=17","@coreui/chartjs":"^4.0.0-beta.0"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_3.0.0-beta.0_1698675594486_0.7819918499042291","host":"s3://npm-registry-packages"}},"3.0.0-rc.0":{"name":"@coreui/react-chartjs","version":"3.0.0-rc.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@3.0.0-rc.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"92acdb0a4067d43297a02b74fabd6f7c0e749ede","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-3.0.0-rc.0.tgz","fileCount":14,"integrity":"sha512-jQ8GQwEueH0mciUqT+7HQVEPnTYwPILTb3zxGblXOg63Bm8LbHEKsAIW15M9TMy7m2in1CwLUTcc6JniSlhg7A==","signatures":[{"sig":"MEQCIFKTADaCcWy7E2+6/2dM9NnHdsB/ovZjr9SGjHmN14mgAiAprQHmKzTiHAyyiUmUGa/vOurxPVSeoXNIYuG6bYrHug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1031345},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.esm.js","readme":"<p align=\"center\">\n  <a href=\"https://coreui.io/\">\n    <img\n      src=\"https://coreui.io/images/brand/coreui-signet.svg\"\n      alt=\"CoreUI logo\"\n      width=\"200\"\n    />\n  </a>\n</p>\n\n<h3 align=\"center\">CoreUI React.js wrapper for Chart.js</h3>\n\n<p align=\"center\">\n  <a href=\"https://coreui.io/react/docs/components/chart/\"><strong>Explore @coreui/react-chartjs docs & examples »</strong></a>\n  <br>\n  <br>\n  <a href=\"https://github.com/coreui/coreui-react/issues/new?template=bug_report.md\">Report bug</a>\n  ·\n  <a href=\"https://github.com/coreui/coreui-react/issues/new?template=feature_request.md\">Request feature</a>\n  ·\n  <a href=\"https://blog.coreui.io/\">Blog</a>\n</p>\n\n## Status\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs\n\n# or\n\nyarn add @coreui/react-chartjs\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n* A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: ChartData | ((canvas: HTMLCanvasElement) => ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (\n  dataset: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (\n  element: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (\n  elements: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Plugin[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n  return (\n    <CChart\n      type='line'\n      data={{\n        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n        datasets: [\n          {\n            label: '2019',\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            tooltipLabelColor: 'rgba(179,181,198,1)',\n            data: [65, 59, 90, 81, 56, 55, 40]\n          },\n          {\n            label: '2020',\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            tooltipLabelColor: 'rgba(255,99,132,1)',\n            data: [28, 48, 40, 19, 96, 27, 100]\n          }\n        ],\n      }}  \n      options={{\n        aspectRatio: 1.5,\n        tooltips: {\n          enabled: true\n        }\n      }}\n    />\n  )\n}\n...\n```","scripts":{"test":"jest --coverage","build":"rollup --config","test:update":"jest --coverage --updateSnapshot"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"10.2.0","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.esm.js","_nodeVersion":"21.1.0","dependencies":{"chart.js":"^4.4.0","@coreui/chartjs":"^4.0.0-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.7.0","react":"^18.2.0","lodash":"^4.17.21","rollup":"^4.4.1","ts-jest":"^29.1.1","react-dom":"^18.2.0","classnames":"^2.3.2","prop-types":"^15.8.1","typescript":"^5.2.2","@types/react":"18.2.37","@types/lodash":"^4.14.201","@types/react-dom":"^18.2.15","jest-canvas-mock":"^2.5.2","@testing-library/react":"^14.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.5","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_3.0.0-rc.0_1699996166914_0.5036323829941782","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@coreui/react-chartjs","version":"3.0.0","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","_id":"@coreui/react-chartjs@3.0.0","maintainers":[{"name":"coreui","email":"coreui@coreui.io"}],"homepage":"https://coreui.io/react/docs/components/chart/","bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"dist":{"shasum":"f2655df6575076dfb614e15ba686d5c2c49ab86c","tarball":"https://registry.npmjs.org/@coreui/react-chartjs/-/react-chartjs-3.0.0.tgz","fileCount":14,"integrity":"sha512-65FAxHHwfMp3HY2yej7a0sLgkQJ49v9oPisuwvShrHOo0cuFVaUGKSa1V+M13W/oKsS6AWEFUooAZdsz/WZrAg==","signatures":[{"sig":"MEUCIQDBnp5CYlCDybHYh55gBtxB5Yh5PhtgoAbw6EfzUJy7qQIgezHFrrruXmWKWrOj3GZ1da6oaARGA/WAv5uyQfgTKtw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1032186},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.esm.js","scripts":{"test":"jest --coverage","build":"rollup --config","test:update":"jest --coverage --updateSnapshot"},"_npmUser":{"name":"coreui","email":"coreui@coreui.io"},"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"_npmVersion":"10.2.0","description":"React wrapper component for Chart.js","directories":{},"jsnext:main":"dist/index.esm.js","_nodeVersion":"21.1.0","dependencies":{"chart.js":"^4.4.2","@coreui/chartjs":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^18.2.0","lodash":"^4.17.21","rollup":"^4.13.1","ts-jest":"^29.1.2","react-dom":"^18.2.0","classnames":"^2.5.1","prop-types":"^15.8.1","typescript":"^5.4.3","@types/react":"18.2.73","@types/lodash":"^4.17.0","@types/react-dom":"^18.2.22","jest-canvas-mock":"^2.5.2","@testing-library/react":"^14.2.2","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.6","@testing-library/jest-dom":"^6.4.2","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/react-chartjs_3.0.0_1711624473665_0.06810620320526439","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-02-19T17:38:55.428Z","modified":"2025-12-11T13:15:12.575Z","1.0.0-alpha.0":"2020-02-19T17:38:55.744Z","1.0.0-alpha.1":"2020-03-13T16:17:50.416Z","1.0.0-alpha.2":"2020-05-21T15:30:07.212Z","1.0.0-alpha.3":"2020-05-22T12:29:54.895Z","1.0.0-alpha.4":"2020-05-28T13:26:38.897Z","1.0.0":"2020-06-01T14:52:07.424Z","1.0.1":"2020-06-22T11:25:36.770Z","1.1.0":"2021-03-02T16:27:20.412Z","2.0.0-alpha.0":"2021-05-21T10:29:56.904Z","2.0.0-alpha.1":"2021-05-23T16:50:13.911Z","2.0.0-rc.0":"2021-07-05T08:26:09.358Z","2.0.0-rc.1":"2021-08-11T22:12:16.017Z","2.0.0-rc.2":"2021-10-18T14:15:06.846Z","2.0.0-rc.3":"2021-10-20T11:41:17.221Z","2.0.0":"2021-10-20T17:46:32.166Z","2.0.1":"2021-12-16T17:41:30.697Z","2.0.2":"2021-12-22T17:01:36.249Z","2.0.3":"2021-12-29T14:50:23.482Z","2.1.0":"2022-07-08T18:14:02.912Z","2.1.1":"2022-12-12T14:27:31.065Z","2.1.2":"2023-01-24T16:19:55.142Z","2.1.3":"2023-05-13T19:05:50.141Z","3.0.0-beta.0":"2023-10-30T14:19:54.704Z","3.0.0-rc.0":"2023-11-14T21:09:27.210Z","3.0.0":"2024-03-28T11:14:33.873Z"},"bugs":{"url":"https://github.com/coreui/coreui-react/issues"},"author":{"url":"https://github.com/orgs/coreui/people","name":"The CoreUI Team"},"license":"MIT","homepage":"https://coreui.io/react/docs/components/chart/","keywords":["coreui","chart.js","charts","react chart.js","coreui-react","react charts","react chart components","react chart.js implementation","layout","component","react","react-component","react component"],"repository":{"url":"git+https://github.com/coreui/coreui-react.git","type":"git"},"description":"React wrapper component for Chart.js","maintainers":[{"email":"coreui@coreui.io","name":"mrholek"}],"readme":"<p align=\"center\">\n  <a href=\"https://coreui.io/\">\n    <img\n      src=\"https://coreui.io/images/brand/coreui-signet.svg\"\n      alt=\"CoreUI logo\"\n      width=\"200\"\n    />\n  </a>\n</p>\n\n<h3 align=\"center\">CoreUI React.js wrapper for Chart.js</h3>\n\n<p align=\"center\">\n  <a href=\"https://coreui.io/react/docs/components/chart/\"><strong>Explore @coreui/react-chartjs docs & examples »</strong></a>\n  <br>\n  <br>\n  <a href=\"https://github.com/coreui/coreui-react/issues/new?template=bug_report.md\">Report bug</a>\n  ·\n  <a href=\"https://github.com/coreui/coreui-react/issues/new?template=feature_request.md\">Request feature</a>\n  ·\n  <a href=\"https://blog.coreui.io/\">Blog</a>\n</p>\n\n## Status\n\n[![npm package][npm-badge]][npm]\n[![NPM downloads][npm-download]][npm]\n\n[npm-badge]: https://img.shields.io/npm/v/@coreui/react-chartjs/latest?style=flat-square\n[npm]: https://www.npmjs.com/package/@coreui/react-chartjs\n[npm-download]: https://img.shields.io/npm/dm/@coreui/react-chartjs.svg?style=flat-square\n\n##### install:\n\n```bash\nnpm install @coreui/react-chartjs\n\n# or\n\nyarn add @coreui/react-chartjs\n```\n\n##### import:\n\n```jsx\nimport { CChart } from '@coreui/react-chartjs'\n```\n\nor\n\n```js\nimport {\n  CChart,\n  CChartBar,\n  CChartHorizontalBar,\n  CChartLine,\n  CChartDoughnut,\n  CChartRadar,\n  CChartPie,\n  CChartPolarArea,\n} from '@coreui/react-chartjs'\n```\n\n##### props:\n\n```js\n\n/**\n* A string of all className you want applied to the base component.\n */\nclassName?: string\n/**\n * Enables custom html based tooltips instead of standard tooltips.\n *\n * @default true\n */\ncustomTooltips?: boolean\n/**\n * The data object that is passed into the Chart.js chart (more info).\n */\ndata: ChartData | ((canvas: HTMLCanvasElement) => ChartData)\n/**\n * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions.\n *\n * {@link https://www.chartjs.org/docs/latest/general/accessibility.html More Info}\n */\nfallbackContent?: React.ReactNode\n/**\n * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.\n */\ngetDatasetAtEvent?: (\n  dataset: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.\n */\ngetElementAtEvent?: (\n  element: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.\n */\ngetElementsAtEvent?: (\n  elements: InteractionItem[],\n  event: React.MouseEvent<HTMLCanvasElement>,\n) => void\n/**\n * Height attribute applied to the rendered canvas.\n *\n * @default 150\n */\nheight?: number\n/**\n * ID attribute applied to the rendered canvas.\n */\nid?: string\n/**\n * The options object that is passed into the Chart.js chart.\n *\n * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}\n */\noptions?: ChartOptions\n/**\n * The plugins array that is passed into the Chart.js chart (more info)\n *\n * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}\n */\nplugins?: Plugin[]\n/**\n * If true, will tear down and redraw chart on all updates.\n *\n * @default false\n */\nredraw?: boolean\n/**\n * Chart.js chart type.\n *\n * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}\n */\ntype: ChartType\n/**\n * Width attribute applied to the rendered canvas.\n *\n * @default 300\n */\nwidth?: number\n/**\n * Put the chart into the wrapper div element.\n *\n * @default true\n */\nwrapper?: boolean\n```\n\n##### usage:\n\n```jsx\n...\nclass CoreUICharts extends Component {\n...\nrender() {\n  return (\n    <CChart\n      type='line'\n      data={{\n        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n        datasets: [\n          {\n            label: '2019',\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            tooltipLabelColor: 'rgba(179,181,198,1)',\n            data: [65, 59, 90, 81, 56, 55, 40]\n          },\n          {\n            label: '2020',\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            tooltipLabelColor: 'rgba(255,99,132,1)',\n            data: [28, 48, 40, 19, 96, 27, 100]\n          }\n        ],\n      }}  \n      options={{\n        aspectRatio: 1.5,\n        tooltips: {\n          enabled: true\n        }\n      }}\n    />\n  )\n}\n...\n```","readmeFilename":"README.md"}