{"_id":"test-react-chartjs-2","_rev":"3-5dde05c68759ef5184edd0910c122db4","name":"test-react-chartjs-2","dist-tags":{"latest":"3.0.4"},"versions":{"3.0.0":{"name":"test-react-chartjs-2","version":"3.0.0","description":"React components for Chart.js","source":"src/index.tsx","main":"dist/index.js","module":"dist/index.modern.js","author":{"name":"Jeremy Ayerst"},"homepage":"https://github.com/reactchartjs/react-chartjs-2","license":"MIT","repository":{"type":"git","url":"git+https://github.com/reactchartjs/react-chartjs-2.git"},"bugs":{"url":"https://github.com/reactchartjs/react-chartjs-2/issues"},"keywords":["chart","chart-js","chart.js","react-chartjs-2","react chart.js","react-chart.js"],"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","dev":"microbundle-crl --no-compress --no-sourcemap watch","prepublish":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint src/**/*.{ts,tsx}","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","format":"prettier --write src","predeploy":"cd example && npm install && npm run build","deploy":"gh-pages -d example/build"},"dependencies":{"lodash":"^4.17.19"},"peerDependencies":{"chart.js":"^3.1.0","react":"^16.8.0 || ^17.0.0"},"devDependencies":{"@testing-library/jest-dom":"^5.5.0","@testing-library/react":"^10.0.3","@types/jest":"^25.1.4","@types/lodash":"^4.14.150","@types/react":"^16.9.27","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","chart.js":"^3.1.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","jest-canvas-mock":"^2.2.0","microbundle-crl":"^0.13.11","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^17.0.1","react-dom":"^17.0.1","react-scripts":"^3.4.3","react-test-renderer":"^17.0.1"},"gitHead":"d6e16071d6e23ab2be9b0a158c9236256bc1ff15","_id":"test-react-chartjs-2@3.0.0","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-axvHnHxiSuL8mp75kZk6BiMFikBbIvgEoZMNTmygMmUVpTiZC3MTz1rh3EhM0j8qRpyb283akN18Dd4RLnUvgQ==","shasum":"93f750ad3c4b73796b3e2710edd06d6cc4ffa57e","tarball":"https://registry.npmjs.org/test-react-chartjs-2/-/test-react-chartjs-2-3.0.0.tgz","fileCount":13,"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgf/g4CRA9TVsSAnZWagAALH0P/1C/faN9PbH3fzrxbDHn\nTZTKXMvvpX1TuhSiBUqqdhATn4UV6rGTEASrsj6Fs1SxPw/CCfn1EhleEfrj\nAvGXB8QL+KnRhMaEY6fKrg6n9xA54XJPiK5/ZQffudfKX1qVNtfeRNZyootI\nvxiKihlfaxAJRAvB9PMIzSb1Ab67wE55yVlZULaSRimcRhgVbgQfmLX2rA4i\nqKTph0Jz/ZDKufnheNmkLorz0+E/C3l45ucgL2hCQSpeiGpQSVd924R9cDQY\n/WUXnba99xZFsG36IL7PXMwIaJyF2nctORZfHMbnZDg5EGPDcU1KULDGBHpw\nRvBc71FdWeKP+d/cx7Q/ftBP4XoypPtt8byQtxBRL4u8iCTzpitt6DR4CRfV\nJsKSwHrmbNII9vfRjho8ug8q68RiBPfpnaDakAAX6Vn3UQw0tO0fZ7UWjku9\ntbR0/bZO8xQ5gNWXc3v/ifKkw7gWPHESE7FmIIqszVLftbQagXXeRtmbWLEA\nhTw7G2mMpQqV1/yp4Sqctjg1YIW0LhhLDequ5qgScrUZ+c9M9azvGSO8NH1A\nJ5Pb4Dz21vewSqVA+6AunmUeHNQoS0xybmuU+IdijiuwZiz4/G0IXNj4Ehga\nQhLf9LUP99BgEFQ/AoO7YUuBZvFMqbSXTP6mg+jSrRz+AdZ4XAjKrWuq5IPh\nqKN/\r\n=oL0q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVmldkIMzTEO83m0ficmhb/pZLh6bp8ySL5J0u/r0CUgIhALiVNLen0s2SalnpSlZOqrr/8NCIZCmYgrnTynsJz4kO"}]},"_npmUser":{"name":"leonid_frontend","email":"leonid@cube.dev"},"directories":{},"maintainers":[{"name":"leonid_frontend","email":"leonid@cube.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/test-react-chartjs-2_3.0.0_1618999351889_0.7858639138977015"},"_hasShrinkwrap":false},"3.0.3":{"name":"test-react-chartjs-2","version":"3.0.3","description":"React components for Chart.js","source":"src/index.tsx","main":"dist/index.js","module":"dist/index.modern.js","author":{"name":"Jeremy Ayerst"},"homepage":"https://github.com/reactchartjs/react-chartjs-2","license":"MIT","repository":{"type":"git","url":"git+https://github.com/reactchartjs/react-chartjs-2.git"},"bugs":{"url":"https://github.com/reactchartjs/react-chartjs-2/issues"},"keywords":["chart","chart-js","chart.js","react-chartjs-2","react chart.js","react-chart.js"],"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","dev":"microbundle-crl --no-compress --no-sourcemap watch","prepublish":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint src/**/*.{ts,tsx}","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","format":"prettier --write src","predeploy":"cd example && npm install && npm run build","deploy":"gh-pages -d example/build"},"dependencies":{"lodash":"^4.17.19"},"peerDependencies":{"chart.js":"^3.1.0","react":"^16.8.0 || ^17.0.0"},"devDependencies":{"@testing-library/jest-dom":"^5.5.0","@testing-library/react":"^10.0.3","@types/jest":"^25.1.4","@types/lodash":"^4.14.150","@types/react":"^16.9.27","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","chart.js":"^3.1.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","jest-canvas-mock":"^2.2.0","microbundle-crl":"^0.13.11","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^17.0.1","react-dom":"^17.0.1","react-scripts":"^3.4.3","react-test-renderer":"^17.0.1"},"gitHead":"b726a2a9ff24e5ac7271d8fa930dd2ab0fdfaca5","_id":"test-react-chartjs-2@3.0.3","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-hdyk9EWGSbC4CcUxe43ADxuwgtIpb6Repf6FYe664DxU+4KkD6GXs1ZwX5FEMBWA9IGi5K67xSzEPt7Z5ypTGA==","shasum":"c9ed2f40e97c6ced733e5efe9bb3d885438fc265","tarball":"https://registry.npmjs.org/test-react-chartjs-2/-/test-react-chartjs-2-3.0.3.tgz","fileCount":14,"unpackedSize":58369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggZSnCRA9TVsSAnZWagAALpUP/395TdOs8HtjHE4Reenm\nPOQmkLQTdydBi9qi5vdwyEkSrq5nuZNsBUO4RtaipRkJW81TK6S39QzVxk9p\nzfaLYKUhaLIp+rkjNNF0voY419wjBQa6PcExh9hqP1Fp9joWlrGml4JM+Mt+\n47X0NisfgM/wGza55sZ9Yel5zphn4kJYKPxa1u3DS5gIT37Giyp2QC04j4z2\nEbcmJgXwhR59HOzehO3nTJvBy8z+IfjLsHpWP1KEf9SAl4/Kqc8gJU1EniQ9\nQSb27PfpGXUVtyPwed0iN0bHchoJE034K1Hr2MJi7WuTO4tcAaS44zin/DgG\npuSHzDnl3z0+B12ounLkfjTieb4JIR+mnhv1SQw2Rp0DJlwXDz859lSGLR7K\n91E+q9dnz9TYjBwJI+jbuCbhZZ7owIL7vgvaUzcfaHHs2zmarZtvE3HZhT1n\njQhcYCRraL0seoHvYmkcBYnap6NIqBWgUu9W0yrulsV44mgF4FDRj5kBYbtt\nA9syrvAg7KXTLVtD8FDB3bHijW/O69oaSMJYIdwLAx/F/X+Dxuaul0fqW09b\nvZjhjcq5YzZu23g7jSMAWO458fPYeeaLMCXpWhRp+69MBLw4X5glgxVvkQU1\n6ZM2tkxZoWS84PNMfIXWUBOkAQIwpkfmXMtqFXfKgs+uYm4ktOExn2W6AV5l\nFr6Z\r\n=nkVf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdN2kJ3M6i1/XgxfKQNbj7OXRpWvaHjLigfkpU1MoYCwIgZEAvednKLuJZeJUGrVLHIGOunJycDmexdUJS9nBRIUg="}]},"_npmUser":{"name":"leonid_frontend","email":"leonid@cube.dev"},"directories":{},"maintainers":[{"name":"leonid_frontend","email":"leonid@cube.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/test-react-chartjs-2_3.0.3_1619104935036_0.5257868912409194"},"_hasShrinkwrap":false},"3.0.4":{"name":"test-react-chartjs-2","version":"3.0.4","description":"React components for Chart.js","source":"src/index.tsx","main":"dist/index.js","module":"dist/index.modern.js","author":{"name":"Jeremy Ayerst"},"homepage":"https://github.com/reactchartjs/react-chartjs-2","license":"MIT","repository":{"type":"git","url":"git+https://github.com/reactchartjs/react-chartjs-2.git"},"bugs":{"url":"https://github.com/reactchartjs/react-chartjs-2/issues"},"keywords":["chart","chart-js","chart.js","react-chartjs-2","react chart.js","react-chart.js"],"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","dev":"microbundle-crl --no-compress --no-sourcemap watch","prepublish":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint src/**/*.{ts,tsx}","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","format":"prettier --write src","predeploy":"cd example && npm install && npm run build","deploy":"gh-pages -d example/build"},"dependencies":{"lodash":"^4.17.19"},"peerDependencies":{"chart.js":"^3.1.0","react":"^16.8.0 || ^17.0.0"},"devDependencies":{"@testing-library/jest-dom":"^5.5.0","@testing-library/react":"^10.0.3","@types/jest":"^25.1.4","@types/lodash":"^4.14.150","@types/react":"^16.9.27","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","chart.js":"^3.1.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","jest-canvas-mock":"^2.2.0","microbundle-crl":"^0.13.11","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^17.0.1","react-dom":"^17.0.1","react-scripts":"^3.4.3","react-test-renderer":"^17.0.1"},"gitHead":"b726a2a9ff24e5ac7271d8fa930dd2ab0fdfaca5","_id":"test-react-chartjs-2@3.0.4","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-/M0L87paeoepNh/kXk0eAJMZ8ysZjQDl9dd141Gy1qe2gnVtgIy1GCaco1sFSXVE7tJ36p+b5sEVjGNE7NabnA==","shasum":"7699f23146b0525f0a77ff6d449ae5b9025b472e","tarball":"https://registry.npmjs.org/test-react-chartjs-2/-/test-react-chartjs-2-3.0.4.tgz","fileCount":14,"unpackedSize":58597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggZr3CRA9TVsSAnZWagAAhI4P/2dcEVuBFNnV2eNUlgw/\ndSYy0hrqewx60LXPioAPHvOi/k2emYLmppi6y/tHxXnGbzzKhklgEUxrfXoT\nrlu1uViIG5xGqi35fXeH37+R/Bx6/CSlKadJ3p2aiyE3ul7FIn4NEHPRkuJf\nh9Ycg59f+Zv8HQLACguTU/AB4mLoln/6Df7T4LtrnZajVCzGoHWw/fVQGSZ5\n8G2Q1qHk6QP/KFBq9c1z+ORUm2Pe314o0AXxIq2QwP3gaBxkgoHgZfFYygtg\ntbWp2avp+lT1gBjKNsHox4S/0sLiWkgXEkryuK4AUFFoS+KQNp4s6JgeglCa\nmqe4YEYp+1MyFE5E0sZCdvdjjr00TfKwgoRrctgCshjGG+cwzOGA/bkQ6g2x\nVWKaFOMglXJ+gon6HTY62+4lrsVzGjx1iOSR/snAQ6QFmqXvl7sB+lhImAM/\nbX+nGsVi9fsfCulIC2j8TZrfXGc3NHkGZAFAXXD52O+axdve0/O6V76iGSR2\nmm7Uwr/s3N4lQvtwN7ODKzNgVrP1J+7l6vsChnICrCe2orL8JSqjsg9bPMT0\nanat4vRraaxvrocN4EGZpugn6MeROuSMkn2AFdfh4dJ4fkIcz26sFfQuCzdk\n/9bnlI8D0HxAglsMc27Gvzu7yTgs8wTNW34QAr8ZsvhfvxppY9VxwgFJqnat\nNhp/\r\n=TmBs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH2XaIHXatRbyWmifaztZl+9IEejdObA9gL0oA+rsaPFAiBuSKKDUqPOAvGLioht/HtPuQMgk024D7SP5wD7KRI+jQ=="}]},"_npmUser":{"name":"leonid_frontend","email":"leonid@cube.dev"},"directories":{},"maintainers":[{"name":"leonid_frontend","email":"leonid@cube.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/test-react-chartjs-2_3.0.4_1619106551272_0.29289459226412595"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-21T10:02:31.888Z","3.0.0":"2021-04-21T10:02:32.004Z","modified":"2022-05-21T11:39:36.378Z","3.0.3":"2021-04-22T15:22:15.157Z","3.0.4":"2021-04-22T15:49:11.391Z"},"maintainers":[{"name":"leonid_frontend","email":"leonid@cube.dev"}],"description":"React components for Chart.js","homepage":"https://github.com/reactchartjs/react-chartjs-2","keywords":["chart","chart-js","chart.js","react-chartjs-2","react chart.js","react-chart.js"],"repository":{"type":"git","url":"git+https://github.com/reactchartjs/react-chartjs-2.git"},"author":{"name":"Jeremy Ayerst"},"bugs":{"url":"https://github.com/reactchartjs/react-chartjs-2/issues"},"license":"MIT","readme":"[![build status](https://img.shields.io/travis/jerairrest/react-chartjs-2.svg?branch=master&style=flat-square)](https://travis-ci.org/jerairrest/react-chartjs-2)\n[![version](https://img.shields.io/npm/v/react-chartjs-2.svg?style=flat-square)](https://www.npmjs.com/package/react-chartjs-2)\n[![downloads](https://img.shields.io/npm/dm/react-chartjs-2.svg?style=flat-square)](https://npm-stat.com/charts.html?package=react-chartjs-2&from=2016-01-01)\n[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](http://opensource.org/licenses/MIT)\n\n# react-chartjs-2\n\nReact wrapper for [Chart.js](http://www.chartjs.org/docs/#getting-started)\n\n## Getting started\n\n### Install library with peer dependencies\n\n```bash\nnpm install --save react-chartjs-2 chart.js\n\n# or\n\nyarn add react-chartjs-2 chart.js\n```\n\n###### We recommend using `chart.js ^3.0.0`\n\n### Usage\n\n```jsx\nimport { Doughnut } from 'react-chartjs-2';\n\n<Doughnut data={...} />\n```\n\n## Examples\n\nLive: [reactchartjs.github.io/react-chartjs-2](https://reactchartjs.github.io/react-chartjs-2/#/)\n\nSee [these examples](example) for more information\n\n## Configure\n\n### Chart props\n\n```js\n  id?: string;\n  className?: string;\n  height?: number;\n  width?: number;\n  redraw?: boolean;\n  type: Chart.ChartType\n  data: Chart.ChartData | (canvas: HTMLCanvasElement | null) => Chart.ChartData;\n  options?: Chart.ChartOptions;\n  plugins?: Chart.PluginServiceRegistrationOptions[];\n  getDatasetAtEvent?: (dataset: Array<{}>, event: React.MouseEvent<HTMLCanvasElement>) => void;\n  getElementAtEvent?: (element: [{}], event: React.MouseEvent<HTMLCanvasElement>) => void;\n  getElementsAtEvent?: (elements: Array<{}>, event: React.MouseEvent<HTMLCanvasElement>) => void;\n```\n\n#### id\n\nType `string`\nDefault: `undefined`\n\nID attribute applied to the rendered canvas\n\n#### className\n\nType `string`\nDefault: `undefined`\n\nclass attribute applied to the rendered canvas\n\n#### height\n\nType: `number`\nDefault: `150`\n\nHeight attribute applied to the rendered canvas\n\n#### width\n\nType: `number`\nDefault: `300`\n\nWidth attribute applied to the rendered canvas\n\n#### redraw\n\nType: `boolean`\nDefault: `false`\n\nIf true, will tear down and redraw chart on all updates\n\n#### type\n\nType: `'line' | 'bar' | 'horizontalBar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'`\n\nChart.js chart type (required only on ChartComponent)\n\n#### data (required)\n\nType: `Chart.ChartData | (canvas: HTMLCanvasElement | null) => Chart.ChartData`\n\nThe data object that is passed into the Chart.js chart ([more info](https://www.chartjs.org/docs/latest/getting-started/)).\n\nThis can also be a function, that receives a canvas element and returns the data object.\n\n```tsx\nconst data = canvas => {\n    const ctx = canvas.getContext('2d');\n    const g = ctx.createLinearGradient(...);\n\n    return {\n        datasets: [{\n            backgroundColor: g,\n            // ...the rest\n        }],\n    };\n}\n```\n\n#### options\n\nType: `Chart.ChartOptions`\n\nThe options object that is passed into the Chart.js chart ([more info](https://www.chartjs.org/docs/latest/general/options.html))\n\n#### plugins\n\nType: `Chart.PluginServiceRegistrationOptions[]`\n\nThe plugins array that is passed into the Chart.js chart ([more info](https://www.chartjs.org/docs/latest/developers/plugins.html))\n\n#### getDatasetAtEvent\n\nType: `(dataset: Array<{}>, event: React.MouseEvent<HTMLCanvasElement>) => void`\nDefault: `undefined`\n\nProxy for Chart.js `getDatasetAtEvent`. Calls with dataset and triggering event\n\n#### getElementAtEvent\n\nType: `(element: [{}], event: React.MouseEvent<HTMLCanvasElement>) => void`\nDefault: `undefined`\n\nProxy for Chart.js `getElementAtEvent`. Calls with single element array and triggering event\n\n#### getElementsAtEvent\n\nType: `(elements: Array<{}>, event: React.MouseEvent<HTMLCanvasElement>) => void`\nDefault: `undefined`\n\nProxy for Chart.js `getElementsAtEvent`. Calls with element array and triggering event\n\n## FAQ\n\n### Why doesn't my chart maintain it's width/height?\n\nIn order for Chart.js to obey the custom size you need to set `maintainAspectRatio` to false\n\n```tsx\n<Bar\n\tdata={data}\n\twidth={100}\n\theight={50}\n\toptions={{ maintainAspectRatio: false }}\n/>\n```\n\n### How do I access my chart's instance?\n\nThe Chart.js instance can be accessed by placing a ref to the element as:\n\n```tsx\nconst App => {\n  const ref = useRef();\n\n  return <Doughnut ref={ref} data={data} options={options} />;\n};\n```\n\n### How do I acess the canvas context?\n\nThe canvas node and hence context can be accessed within the data function.\nThis approach is useful when you want to keep your components pure.\n\n```tsx\nrender() {\n  const data = (canvas) => {\n    const ctx = canvas.getContext('2d')\n    const gradient = ctx.createLinearGradient(0,0,100,0);\n\n    return {\n      backgroundColor: gradient\n      // ...the rest\n    }\n  }\n\n  return <Line data={data} />;\n}\n```\n\n## Additional Information\n\n### Defaults\n\nChart.js defaults can be set by importing the `defaults` object:\n\n```tsx\nimport { defaults } from 'react-chartjs-2';\n\n// Disable animating charts by default.\ndefaults.animation = false;\n```\n\nIf you want to bulk set properties, try using the [lodash.merge](https://lodash.com/docs/#merge) function. This function will do a deep recursive merge preserving previously set values that you don't want to update.\n\n````tsx\nimport { defaults } from 'react-chartjs-2';\nimport merge from 'lodash.merge';\n\nmerge(defaults, {\n\tanimation: false,\n  line: {\n    borderColor: '#F85F73',\n  }\n});\n``` -->\n\n<!-- ### Chart.js object\n\nYou can access the internal Chart.js object to register plugins or extend charts like this:\n\n```JavaScript\nimport { Chart } from 'react-chartjs-2';\n\ncomponentWillMount() {\n  Chart.register({\n    afterDraw: function (chart, easing) {\n      // Plugin code.\n    }\n  });\n}\n````\n\n### Working with Multiple Datasets\n\nYou will find that any event which causes the chart to re-render, such as hover tooltips, etc., will cause the first dataset to be copied over to other datasets, causing your lines and bars to merge together. This is because to track changes in the dataset series, the library needs a `key` to be specified - if none is found, it can't tell the difference between the datasets while updating. To get around this issue, you can take these two approaches:\n\n1. Add a `label` property on each dataset. By default, this library uses the `label` property as the key to distinguish datasets.\n2. Specify a different property to be used as a key by passing a `datasetKeyProvider` prop to your chart component, which would return a unique string value for each dataset.\n\n## Development\n\n**NOTE:** The source code for the component is in `src`. A transpiled CommonJS version (generated with Babel) is available in `dist` for use with node.js, browserify and webpack. A UMD bundle is also built to `dist`, which can be included without the need for any build system.\n\n## License\n\n[MIT Licensed](LICENSE)\nCopyright (c) 2020 Jeremy Ayerst\n","readmeFilename":"README.md"}