{"_id":"@dpwiese/react-native-canvas-charts","_rev":"5-a891f9fd11246a8f296fbd556333aaa8","name":"@dpwiese/react-native-canvas-charts","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.0":{"name":"@dpwiese/react-native-canvas-charts","version":"0.0.0","description":"WebView wrapper with for using canvas based charts","author":{"name":"Daniel Wiese","email":"dpwiese@gmail.com","url":"https://danielwiese.com"},"license":"MIT","main":"dist/index","types":"dist/index","repository":{"type":"git","url":"git+https://github.com/dpwiese/react-native-canvas-charts.git"},"scripts":{"build":"babel src --out-dir dist --extensions '.ts,.tsx' --copy-files && tsc --project tsconfig.json","lint":"eslint src --ext .ts,.tsx --fix"},"dependencies":{"react-native-webview":"^11.2.1"},"devDependencies":{"@babel/cli":"^7.12.10","@babel/core":"^7.12.10","@babel/plugin-transform-react-jsx":"^7.12.12","@babel/plugin-transform-react-jsx-source":"^7.12.1","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@react-native-community/eslint-config":"^2.0.0","@types/node":"^14.14.22","@types/react":"^17.0.0","@types/react-native":"^0.63.46","eslint":"^7.19.0","typescript":"^4.1.3"},"bugs":{"url":"https://github.com/dpwiese/react-native-canvas-charts/issues"},"homepage":"https://github.com/dpwiese/react-native-canvas-charts#readme","_id":"@dpwiese/react-native-canvas-charts@0.0.0","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-E+71+rnS2y7sgzZ1s7RyIQHWPMTapuaHMwLhA4ZRO7kldtxf4cK+am4zy2vcrVx1rwv79NQlIFQIijiy+dHmVg==","shasum":"00032476565965e4a372e5d032e1115943e392cc","tarball":"https://registry.npmjs.org/@dpwiese/react-native-canvas-charts/-/react-native-canvas-charts-0.0.0.tgz","fileCount":15,"unpackedSize":348727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFxyKCRA9TVsSAnZWagAAO7sP/jTE0XMxADl6WsIyhc4b\nX+KyNrUBMLWtarBdm21sneGvEaVFJBAigMf266KLtjk45iUpnP65If8Hyua0\n3BBdrLkJSVog/W6TysFhSsZg6nULIUisSN+PtD6PETO2ASBo4lpvqK7lEPAQ\nh+4KmL3AaJ6Nqf7k1L7bNS36xCL9QYh+JylwmlCjIU71SiD9KXLxM+jiDZzo\nJNr12b+oNZQodCMUNFKX5fp43uqwH8lUQOrOIY0skUhU8vPTwXXAkW9INDnc\nqU89PQXnvYrjHRB+xrYjQGuVRh5d+h573Pyz1zeCbtoJ+MoLPKl15HrG8UtB\nlmvdzcG8KIBso6f5VKWBaK9X36ZY9xLPrzUa2dqQpD2XJPnNh6TN6BrwBkNo\nMemWdHaUoHHKOv9ICakvXg9slVrKe7yt9Xap7IXQ8CIuDA+IWrt0dmQMT7/5\nHI8tQGW3zIIoKfqWDKovEX2V7CKrmdD/p4FsdzZcVIc4GOxZFtW2e80PC8ks\nKXrvCi3R28Pmprw1PSaoHaH3IJ1GcBwYM3SMK5b1lZ0jfZR9Y1q8oDi+/9eG\nSJ3kfiLpHb8OiiGa40MPcCezdS2dmAYmtzXgZH18F8eezCQQsYRAg7ooFUJZ\n1xeCP7WE4IfcwCV3kNJ16I1kmB3SMRirlW0yF06pExfeE+iLBzLEDQJ2Vw0a\nwKim\r\n=iua6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAOmJ2LldT31WXtuCM2jrH+gQ/GQ+2DAujPj6gjPobWIAiBN9bnp2A77RL0CzgYPtBdSbsI/aajHLaKMDeKeHNoFfA=="}]},"_npmUser":{"name":"dpwiese","email":"dpwiese@gmail.com"},"directories":{},"maintainers":[{"name":"dpwiese","email":"dpwiese@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-canvas-charts_0.0.0_1612127370105_0.5594420304470524"},"_hasShrinkwrap":false},"0.0.1":{"name":"@dpwiese/react-native-canvas-charts","version":"0.0.1","description":"WebView wrapper with for using canvas based charts","author":{"name":"Daniel Wiese","email":"dpwiese@gmail.com","url":"https://danielwiese.com"},"license":"MIT","main":"dist/index","types":"dist/index","repository":{"type":"git","url":"git+https://github.com/dpwiese/react-native-canvas-charts.git"},"scripts":{"build":"babel src --out-dir dist --extensions '.ts,.tsx' --copy-files && tsc --project tsconfig.json --emitDeclarationOnly","lint":"eslint src --ext .ts,.tsx --fix"},"dependencies":{"react-native-webview":"^11.2.1"},"devDependencies":{"@babel/cli":"^7.12.10","@babel/core":"^7.12.10","@babel/plugin-transform-react-jsx":"^7.12.12","@babel/plugin-transform-react-jsx-source":"^7.12.1","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@react-native-community/eslint-config":"^2.0.0","@types/node":"^14.14.22","@types/react":"^17.0.0","@types/react-native":"^0.63.46","eslint":"^7.19.0","typescript":"^4.1.3"},"gitHead":"00759a6e9ed0291dd5545ee2ceae524219188d2d","bugs":{"url":"https://github.com/dpwiese/react-native-canvas-charts/issues"},"homepage":"https://github.com/dpwiese/react-native-canvas-charts#readme","_id":"@dpwiese/react-native-canvas-charts@0.0.1","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-bTK1NIWgfHedpbpkjbcwOqr6q54nr/cKyn9g/vffp0wrbOtUybJG03VwxnMn9T3Y+DbCo0SvqBjvY0pIDxSD0w==","shasum":"e9dcb35376f1b2f9b77bc34da36f2df720e8fde8","tarball":"https://registry.npmjs.org/@dpwiese/react-native-canvas-charts/-/react-native-canvas-charts-0.0.1.tgz","fileCount":16,"unpackedSize":354855,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHybNCRA9TVsSAnZWagAA4D0QAJM6dZ3O3QXsOx0eNuTn\nrTD5Q9+1ntR9yDEV6EDHRz6He6BlOQqk5Q/VGLwFlDm1wO/vUd/IVTIGeg55\nuhM0WeHBece9nT1Wk2Lr5Twqqv15G6I1hst9nQ2ABFNY6UnMVfquV4OJmui/\nc8x48/AM1e/doGQ7n+vyQazMhqTM6C1D8+uOXsfhATZfFi8rWITg7ClI+2/8\nevoRNDPo9LI9e1kfw2LDMtCrHqk9zax9KldYZS0tPS/hpRYI0kOvd9dVejbP\nu+Ji46QGl4e1Pb6iYEwiaBFFUYIAEm3rmQHsjrpW8c5eqtOGSBV0artW1P0I\nRdSM2/3AFVLrmmUiwbfT7Ko/cpr+9iXmuxe0EP9o68MvtrPtML3b0t3YBuil\nY3lRTkXDkK+QNqPxPzAm6ogTWFG04Ti7kpeqRA+0w1nMhZbQLzPktLoBvV6b\nzuwHZUb3IhvIPMKTzmLTJwO25xSEjaCFtWwAe9Z9J+nmZuCDlf/B8OSr3nup\ns3koPIX+IYCU52zGtQLz+fPwaPznrRgcYf/sHfnq2TXzuSLUCy4dMD0s+KlO\nWmRsS+DE/uZg6ge4avMyW2wkWKXCfFoXgS2KlfEtoX2qcWeH9hiq4BkoyUPZ\n1eEjgJ4xuyUC2xkrYvgZLfqcNIBLWq5cpr9j8juP0TSArPOkPtHiSKp0CrMv\nhN1L\r\n=LZau\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHtJ6LrxmYJ8spDpiaZLae+XvKasmcr+0vvMO6RXmsAhAiEAgQ7I7I8a2uuY/dAxP4TQKAN6vZ/E2XWwU6pxFsykiVk="}]},"_npmUser":{"name":"dpwiese","email":"dpwiese@gmail.com"},"directories":{},"maintainers":[{"name":"dpwiese","email":"dpwiese@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-canvas-charts_0.0.1_1612654285075_0.49953846371453214"},"_hasShrinkwrap":false},"0.0.2":{"name":"@dpwiese/react-native-canvas-charts","version":"0.0.2","description":"WebView wrapper for using canvas based charts in React Native","author":{"name":"Daniel Wiese","email":"dpwiese@gmail.com","url":"https://danielwiese.com"},"license":"MIT","main":"dist/index","types":"dist/index","repository":{"type":"git","url":"git+https://github.com/dpwiese/react-native-canvas-charts.git"},"scripts":{"build":"babel src --out-dir dist --extensions '.ts,.tsx' --copy-files && tsc --project tsconfig.json --emitDeclarationOnly","lint":"eslint src --ext .ts,.tsx --fix","tc":"tsc --project tsconfig.json --noEmit"},"dependencies":{"react-native-webview":"^11.2.1"},"devDependencies":{"@babel/cli":"^7.12.10","@babel/core":"^7.12.10","@babel/plugin-transform-react-jsx":"^7.12.12","@babel/plugin-transform-react-jsx-source":"^7.12.1","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@react-native-community/eslint-config":"^2.0.0","@types/node":"^14.14.22","@types/react":"^17.0.0","@types/react-native":"^0.63.46","eslint":"^7.19.0","typescript":"^4.1.3"},"gitHead":"78b0e4d0fdf0fc770f2af984ab6bf346da0a0041","bugs":{"url":"https://github.com/dpwiese/react-native-canvas-charts/issues"},"homepage":"https://github.com/dpwiese/react-native-canvas-charts#readme","_id":"@dpwiese/react-native-canvas-charts@0.0.2","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-d6ijiqn650XVuYlYSN9dYS4h8ZVNrFT4aSMxMUhpBbP0TFYK0QaO48/SJvewB+QgxizakdN1ODJeAAIuqP3EfQ==","shasum":"dc8ac2332ed3dae11adc09b938024048fe18139d","tarball":"https://registry.npmjs.org/@dpwiese/react-native-canvas-charts/-/react-native-canvas-charts-0.0.2.tgz","fileCount":27,"unpackedSize":436380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIEbbCRA9TVsSAnZWagAAD2wQAJKWvTj8VioHrkkrTVoN\nSLKydSGLqI1lbOmpXsdz7BmnZTbmQUbFFJl9X8lx8OPcW6vvX1Cv0ykK82io\nfomct2VT+NasMNy1Zn91fmdKJBgj/wjk0+F/uRzmTiAqodVbOtmeiw/nYvDd\ngUGIEYp6XE8M3f+jy4TV8Lvw9Tqs9GC0GwpyliCklvr1opx+udCruNZhzKDb\n2vjmOt4EfSGEN0X1HY/IozXQfj7/WT2pw/p938jYXx+6u0fKJO9lEYjeWeuC\nM+MStUWeEWklGEYudjww1xyFCxccehTtpp6AUa9SgwDvMkXicLHXCz9tFgXi\n/KBeeWBiriiUjllUDDs22o22kWwdFKzFa5Pggc2SizG4+9/utMtZce0xziHu\n3cWcX1Db1PczCEts/CFWGHq6CP5mWnOhJIBJgY+9N6zyMuEt9TxC9zktyQxQ\nMZv3jPfDIjfYajH9GKkMTxOhE3zoBZEziBQEMPV8FBmaZ91a7uRN9mU3/FuW\n21LFPy5g6/8BgNZxDVrgZ3Fj2YKmhU6lRumyYBuYyxjZVsqQON2Ri6Ww9T0v\nHGBZL4VY3aK4UYEBAge+9pQUNiyiUp+xtr/Q/OtiY7NRdLNbQfAEwKwdhPaq\nFHLkkY1Bt9GWbgR3aoHYzx9GNfP3xzJbi8dut9JnGQeeefg1+SYwtHjnnYpB\n5NSU\r\n=XIwg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7URoRppXBe5d9+bal8HxloLyDrgeLB45OP5wL+mJMQgIgBMvr5E+/NvpuuNQ4dNOIlq27G+Fny7Ig8PkW50ScxSs="}]},"_npmUser":{"name":"dpwiese","email":"dpwiese@gmail.com"},"directories":{},"maintainers":[{"name":"dpwiese","email":"dpwiese@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-canvas-charts_0.0.2_1612728026955_0.8613251533537871"},"_hasShrinkwrap":false},"0.0.3":{"name":"@dpwiese/react-native-canvas-charts","version":"0.0.3","description":"WebView wrapper for using canvas based charts in React Native","author":{"name":"Daniel Wiese","email":"dpwiese@gmail.com","url":"https://danielwiese.com"},"license":"MIT","main":"dist/index","types":"dist/index","repository":{"type":"git","url":"git+https://github.com/dpwiese/react-native-canvas-charts.git"},"scripts":{"build":"rm -rf dist && babel src --out-dir dist --extensions '.ts,.tsx' --copy-files && tsc --project tsconfig.json --emitDeclarationOnly && cp -rf package.json dist","pack":"cd dist && npm pack && cd ..","lint":"eslint src --ext .ts,.tsx --fix","tc":"tsc --project tsconfig.json --noEmit","publish":"cd dist && npm publish --ignore-scripts && cd ..","prepublishOnly":"echo \"Error: Don't run 'npm publish' in root. Use 'npm run publish' instead.\" && exit 1"},"dependencies":{"react-native-webview":"^11.2.1"},"devDependencies":{"@babel/cli":"^7.12.10","@babel/core":"^7.12.10","@babel/plugin-transform-react-jsx":"^7.12.12","@babel/plugin-transform-react-jsx-source":"^7.12.1","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@react-native-community/eslint-config":"^2.0.0","@types/node":"^14.14.22","@types/react":"^17.0.0","@types/react-native":"^0.63.46","eslint":"^7.19.0","typescript":"^4.1.3"},"bugs":{"url":"https://github.com/dpwiese/react-native-canvas-charts/issues"},"homepage":"https://github.com/dpwiese/react-native-canvas-charts#readme","_id":"@dpwiese/react-native-canvas-charts@0.0.3","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-5Pv0QPXq7E8Qqgb5U2Gvz3uVNmDssHtTYWCpOD1Y3IzKBTY1hTMjC/jsJ5pgVT/Zfyb3ELNtqqPvmpKSbXjlFA==","shasum":"40a8edc1c450e2b1ea46d9e13b5527022744d23c","tarball":"https://registry.npmjs.org/@dpwiese/react-native-canvas-charts/-/react-native-canvas-charts-0.0.3.tgz","fileCount":13,"unpackedSize":218518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIG3vCRA9TVsSAnZWagAAp/EP/1+vHFjVAfE/wC7xiL/w\noElA0OKGGKqPeEw46HbmmgkH4xhi7cCgaOo4T304FwO04++6H41QP0QhF4CL\nPCiHfTmLiTBAj1/jicECOpXAXk8vs0w/C8BxGj4LsfxiRGx9VAcbqfFwHgsH\nLeY8j0SOJO+RDIwuWCTPCESxHQkMJZOK9jB5zQ3rCpf4lHrrXqm6A9qkaVHj\nvFPfiGvzR27lEtEyMPlaGJJbKRkU56T5eZ29PaO8rQu4nXqndybYy4H6hRcd\nRI5CpO0UkoWFImPf+1aPrWDz8ade/k6nyQuR1ZgB3DXmw0wzC+wCu6iO7btc\nb8CJWWvXP0HelRhhuYu4Jarfso8+Rj/ouuMp0K59lSvoVv5FVpjv936n+5g4\nwJBJQ4nmEL/KKJeT34zblz1/itNa3eXPufINAIDKw0xFo6gm1nkm1PoZLB1P\n9tCb63wctgOiHxoVgYf6wBHL0cEPREMCEvm0KE+Oih9m+V/DL4Ua0JpAH3BO\ncTftNO5+D5Mn6Vy1pIJYk36wwKPzinBj/9MBo3sx7jkwPANyiHvLqKHcidXW\n311O2LnILq2x4DIKBQKLhc0MT5cRDXIEDdfATttBcCUyl2i3wSEGpBKy8xe7\nMkt0ElJ90hR0iJDz7DTl1js223mpO/41z7WhC6KD7j28RHauFa80Wm+APcGM\nPmtX\r\n=1fyU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDF/gSv3n5C9pJeFdOkdKEBqWE2bRh/XpGkB5r99thljQIgeRnau6T2Mnp5faQcspUrYOkoLVaeNJG5mZNs6zvxulw="}]},"_npmUser":{"name":"dpwiese","email":"dpwiese@gmail.com"},"directories":{},"maintainers":[{"name":"dpwiese","email":"dpwiese@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-canvas-charts_0.0.3_1612738030611_0.028710611767193583"},"_hasShrinkwrap":false},"0.0.4":{"name":"@dpwiese/react-native-canvas-charts","version":"0.0.4","description":"WebView wrapper for using canvas based charts in React Native","author":{"name":"Daniel Wiese","email":"dpwiese@gmail.com","url":"https://danielwiese.com"},"license":"MIT","main":"dist/index","types":"dist/index","repository":{"type":"git","url":"git+https://github.com/dpwiese/react-native-canvas-charts.git"},"scripts":{"build":"rm -rf dist && babel src --out-dir dist --extensions '.ts,.tsx' --copy-files && tsc --project tsconfig.json --emitDeclarationOnly && cp -rf package.json dist && cp -rf README.md dist","pack":"cd dist && npm pack && cd ..","lint":"eslint src --ext .ts,.tsx --fix","tc":"tsc --project tsconfig.json --noEmit","publish":"cd dist && npm publish --ignore-scripts && cd ..","prepublishOnly":"echo \"Error: Don't run 'npm publish' in root. Use 'npm run publish' instead.\" && exit 1"},"dependencies":{"react-native-webview":"^11.2.1"},"devDependencies":{"@babel/cli":"^7.12.10","@babel/core":"^7.12.10","@babel/plugin-transform-react-jsx":"^7.12.12","@babel/plugin-transform-react-jsx-source":"^7.12.1","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@react-native-community/eslint-config":"^2.0.0","@types/node":"^14.14.22","@types/react":"^17.0.0","@types/react-native":"^0.63.46","eslint":"^7.19.0","typescript":"^4.1.3"},"bugs":{"url":"https://github.com/dpwiese/react-native-canvas-charts/issues"},"homepage":"https://github.com/dpwiese/react-native-canvas-charts#readme","_id":"@dpwiese/react-native-canvas-charts@0.0.4","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-6m9VU71TEBhVc0liIDERpW9LXHNl2kGZwRPCIliQViGn8RJkflHKde8Z6B8FW2dj5WTekS3BJ1+NhnNBi3Wb+Q==","shasum":"06d96252c9fe6a33b979e39d291f81f8d43c28b4","tarball":"https://registry.npmjs.org/@dpwiese/react-native-canvas-charts/-/react-native-canvas-charts-0.0.4.tgz","fileCount":14,"unpackedSize":222563,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKVZUCRA9TVsSAnZWagAAfSwQAIYNT4IYisEbzQcP14HQ\nJ5q6A+CSF4jXpSA7ki4uXAmy8Ah2GTbZ3DAKhpozipj6B1/BwUk/FUXm1HqA\n4rexhJJNJO5734k56sQ7fTWKb+0EOzN1jL7z2do4c8gKwlW76DRzkZxmP6Oe\nY9lmLGeaMRXKbShQMc5zm3v3gkjuhP0q38AH4iaF8h6agqwbkptIvsPU0BoO\nGlrGOhPqYlhjNSpC6q2FJt+Kk0OVVUMSoFGA6k4iLkQ5ZmncflQ5T1WwFcNo\nZhgBd23llc/TyEdLaoEBM3qXgpCtG9gDCETh7a15HOqY9y2Ov7gVYeiNVTUu\nhYT37GsdWTJapfjLKRJq529WS0tXbiE/PdFWEsbCbgziYoZ2K+jJ58wy/U4r\nqXXVzdsRy9WzoR16SwdwwvmiazSTkQ/a1KNeldAZPyhu9x4E6YHytGcunJVb\nCC02PhcYAJzJ7q1yoPMd0uqs00HO8/z9+syj0v93qxg1NU84lswipPAj7Kpk\n/kq0AIVGwaCeNobWGaAga9ZR7E0JUpBiSot/YNhZZbxv9G+pg+awlZ96sirU\nwXfVyfhub+uq3taBXQa28DUBlljo2iId17lJRTxRDPOkWSgI6fqqjzSf8mej\nypdLeqvEFQPPdusnr08rWT30IKLoi3R9kbStRHt3JqaQNT3GF5I2Kk3xijqx\nkix8\r\n=aIx7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAFSLlD8sFbMIRXHjOivnDOsvr4YhQLAJwGtuozoB4wzAiAkoethOmP8I8thG0tr7yHgaCpDrEjWP6PMvwfJt5GzYQ=="}]},"_npmUser":{"name":"dpwiese","email":"dpwiese@gmail.com"},"directories":{},"maintainers":[{"name":"dpwiese","email":"dpwiese@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-canvas-charts_0.0.4_1613321812165_0.7392821767157938"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-31T21:09:30.063Z","0.0.0":"2021-01-31T21:09:30.273Z","modified":"2022-04-05T05:34:01.309Z","0.0.1":"2021-02-06T23:31:25.277Z","0.0.2":"2021-02-07T20:00:27.156Z","0.0.3":"2021-02-07T22:47:10.776Z","0.0.4":"2021-02-14T16:56:52.384Z"},"maintainers":[{"name":"dpwiese","email":"dpwiese@gmail.com"}],"description":"WebView wrapper for using canvas based charts in React Native","homepage":"https://github.com/dpwiese/react-native-canvas-charts#readme","repository":{"type":"git","url":"git+https://github.com/dpwiese/react-native-canvas-charts.git"},"author":{"name":"Daniel Wiese","email":"dpwiese@gmail.com","url":"https://danielwiese.com"},"bugs":{"url":"https://github.com/dpwiese/react-native-canvas-charts/issues"},"license":"MIT","readme":"# react-native-canvas-charts\n\n![node-ci](https://github.com/dpwiese/react-native-canvas-charts/workflows/node-ci/badge.svg)\n![npm (scoped)](https://img.shields.io/npm/v/@dpwiese/react-native-canvas-charts)\n\n[react-native-canvas-charts](https://github.com/dpwiese/react-native-canvas-charts) provides a simple wrapper around [react-native-webview](https://github.com/react-native-webview/react-native-webview) for making canvas-based charts in React Native.\nRead more in the post [Canvas Charts in React Native](https://danielwiese.com/posts/react-native-canvas-charts/).\nCurrently supports [Chart.js](https://www.chartjs.org) and [uPlot](https://github.com/leeoniya/uPlot).\n\n![react-native-canvas-charts](img/react-native-canvas-charts.png \"react-native-canvas-charts\")\n\n## Install\n\n```sh\n% npm i --save react-native-webview @dpwiese/react-native-canvas-charts\n% cd ios && pod install\n```\n\n## Using\n\n### Chart.js\n\nCurrently [react-native-canvas-charts](https://github.com/dpwiese/react-native-canvas-charts) only supports [Chart.js](https://www.chartjs.org) version 3.\nTo use, simply import `Chart`, define the standard Chart.js [Dataset Configuration](https://www.chartjs.org/docs/master/configuration/index#dataset-configuration) and pass it to the `config` prop.\n\n```js\nimport { Chart } from \"@dpwiese/react-native-canvas-charts/ChartJs\";\n\nconst chartConfig = {\n  type: \"line\",\n  data: {\n    datasets: [\n      {\n        label: \"My Legend Label\",\n        backgroundColor: \"rgb(224, 110, 60)\",\n        borderColor: \"rgb(224, 110, 60)\",\n        data: [\n          { x: 1, y: 2 },\n          { x: 2, y: 5 },\n          { x: 3, y: 3 },\n        ],\n        fill: false,\n        pointRadius: 0,\n        lineTension: 0.1,\n        borderJoinStyle: \"round\",\n      },\n    ],\n  },\n  options: {\n    animation: {\n      duration: 0,\n    },\n    responsive: true,\n    plugins: {\n      title: {\n        display: true,\n        text: \"My Title\",\n      },\n      tooltip: {\n        mode: \"index\",\n        intersect: false,\n      },\n    },\n    hover: {\n      mode: \"nearest\",\n      intersect: true,\n    },\n    scales: {\n      x: {\n        type: \"linear\",\n        display: true,\n        scaleLabel: {\n          display: true,\n          labelString: \"My X-Axis Label\",\n        },\n        ticks: {\n          autoSkipPadding: 100,\n          autoSkip: true,\n          minRotation: 0,\n          maxRotation: 0,\n        },\n      },\n      y: {\n        display: true,\n        scaleLabel: {\n          display: true,\n          labelString: \"My Y-Axis Label\",\n        },\n      },\n    },\n  },\n};\n\nexport default () => <Chart config={chartConfig}/>;\n```\n\n#### Streaming Data\n\nTo stream data to the chart, the `setData` ref can be used as below\n\n```js\nimport { Chart, SetData } from \"@dpwiese/react-native-canvas-charts/ChartJs\";\nimport { useRef } from \"react\";\nimport { chartConfig } from \"./chartConfig\";\n\nexport default () => {\n  const setDataRef = useRef<SetData>();\n\n  // Update the charted data with newData\n  setDataRef.current.setData(newData);\n\n  return (<Chart config={chartConfig} ref={setDataRef}/>);\n}\n```\n\n### uPlot\n\n[uPlot](https://github.com/leeoniya/uPlot) is a very performant canvas-based plotting library supported by [react-native-canvas-charts](https://github.com/dpwiese/react-native-canvas-charts).\nTo use, simply import `UPlot` and pass it [`data`](https://github.com/leeoniya/uPlot/tree/master/docs#data-format) and [`opts`](https://github.com/leeoniya/uPlot/tree/master/docs#basics).\n\n```js\nimport { UPlot } from \"@dpwiese/react-native-canvas-charts/UPlot\";\n\nconst opts = {\n  title: \"My Chart\",\n  id: \"chart1\",\n  class: \"my-chart\",\n  width: 400,\n  height: 600,\n  series: [\n    {},\n    {\n      show: true,\n      spanGaps: false,\n      label: \"RAM\",\n      value: (self, rawValue) => \"$\" + rawValue.toFixed(2),\n      stroke: \"red\",\n      width: 1,\n      fill: \"rgba(255, 0, 0, 0.3)\",\n      dash: [10, 5],\n    },\n  ],\n};\n\nconst data = [\n  [0, 100],\n  [35, 71],\n  [90, 15],\n];\n\nexport default () => <UPlot opts={opts} data={data}/>;\n```\n","readmeFilename":"README.md"}