{"_id":"@01coder/chartjs-plugin-selectdrag","_rev":"12-3a12654cccb42523b4bfc75f842caa44","name":"@01coder/chartjs-plugin-selectdrag","dist-tags":{"latest":"2.0.4"},"versions":{"1.0.0":{"name":"@01coder/chartjs-plugin-selectdrag","version":"1.0.0","keywords":["chartjs","select","drag","range","brush"],"author":{"name":"Luke Tinnion"},"license":"ISC","_id":"@01coder/chartjs-plugin-selectdrag@1.0.0","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"dist":{"shasum":"9ddc9c4fdc903824930cf419394e9549db655524","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-1.0.0.tgz","fileCount":4,"integrity":"sha512-vicjMc1SkcSZ7MHVLEKXiI83MZxHXdg7Ym/e1C86gLwE0sgquuh+xAgNUCr/rOw2n0y9teilydapPB2rM9eWzQ==","signatures":[{"sig":"MEYCIQDrv0wWnI0LzieSY1YFQJok4H2v0nRtGQjMnkNa+Xrf5gIhAIQvs2C5zIWTe584MygCl5JlDKTd+kH88Kipinoj8z80","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGbZgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppTA/+JTOhV43l9/+ONdKcIkAHOcXIOSnPaO70SERgqS1UeoFwZX7R\r\nGcpCLIWg+DVHBUg5Vb36BD+j1qc0AHZ3zyDzWGry/vlGMMhuZFh6eVCJvEcK\r\n012R8Ls1spKaf6hkkF8At0IjKG66t0HdyIZ+EZXkiI8nKdr1jVvQb+mts/cO\r\nIM9hps2IADD6uLrR7sRJrWBMhgXY2VmLnER5lBjJhKnw/eCLd+i7YXLL0UxA\r\nujm0vdfb+Z8klMKcvbhxaWjq0r6/8/3FYN5/TyOYywMNCXqALaZXGgf8TUuF\r\ngdORZJAAVyRIaZTx3Vw4FRCoQn9hCR5e+Ex2HQvYUpRoKq987okhsNAMwpUr\r\nyrcUTMGx2075JMIWBzUPJO3ntgJ5+6qDSfi1BpNu93qWbjPPiYAmrH3sBuoz\r\nJFTr88/WR7X01P2RPJeMQ/lRvVw7EjUq+yYVoM0WdtxzrAh2lJ6Nj7+UrJHk\r\nenAfG3qfSS1SfBhIZAs42TerF5HK/jnMxckkldTq44oZpipyg7O1B2oBnuY1\r\nnOMLdKmf24vPPJ3M/SamAfZKXZrWcyKfZ5l6XV+dvzL6ZRRaKXMXEgSHCbaI\r\n6ZkqxQQR3cD8sU90b0SfreSHdQ3/efbWfdKaaN8GLfGi2LjPEvSjnS7itAr+\r\nquNQJKOtijIpFzmAKSXywbOoqhngeZpM/OQ=\r\n=4fgU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"9d9e4f2264e7da9020036f44bdc97a9213bac78e","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"repository":{"url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git","type":"git"},"_npmVersion":"6.14.6","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","directories":{"lib":"lib"},"_nodeVersion":"12.18.3","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.8.2"},"_npmOperationalInternal":{"tmp":"tmp/chartjs-plugin-selectdrag_1.0.0_1662629472603_0.8152683595094317","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@01coder/chartjs-plugin-selectdrag","version":"1.0.3","keywords":["chartjs","select","drag","range","brush"],"author":{"name":"Luke Tinnion"},"license":"ISC","_id":"@01coder/chartjs-plugin-selectdrag@1.0.3","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"dist":{"shasum":"baaaf28ff879d49be62717b090bb0303dd0e1ab2","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-1.0.3.tgz","fileCount":4,"integrity":"sha512-QFzhCXe8woyCYA055OvDeoCjI/dlE/3DttWgCzXBcEGY58gs8JtD+sYOXLieB4jSP1311Pkwdm55uaW2A1pCnw==","signatures":[{"sig":"MEUCIFKHi5miG8kmuJjODTyErujasaH48y47ryrYaNomVrEDAiEAyqizJQYnRm+zEbAxm2vj7cz0oLrz4UtgWscCw3nei4g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9799},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"987f252b88a8b86ade251800140999ccb756a4ee","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"repository":{"url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git","type":"git"},"_npmVersion":"10.8.2","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","directories":{"lib":"lib"},"_nodeVersion":"20.18.2","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.8.2"},"_npmOperationalInternal":{"tmp":"tmp/chartjs-plugin-selectdrag_1.0.3_1738752539953_0.15353233604144245","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@01coder/chartjs-plugin-selectdrag","version":"1.0.4","keywords":["chartjs","select","drag","range","brush"],"author":{"name":"Luke Tinnion"},"license":"ISC","_id":"@01coder/chartjs-plugin-selectdrag@1.0.4","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"dist":{"shasum":"a564d5ef82567fe3eb01246fd5b4d443f36b33ad","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-1.0.4.tgz","fileCount":4,"integrity":"sha512-4MyUr3RlDhLxDmA0fomYfI8MCORn1oKQPHIdIDOo3HTSHRe4ce9/rgUdNuy8xt2ojATCva0iKnayB2c8BxovCg==","signatures":[{"sig":"MEUCIGFsoyEqtnrdFEHRY+Dgk3vvCAfi9rquRxN1/qnW+LgaAiEA3mrfYwlMgdMz7IK/hNwrHFcTrC66UfrvZPFIRCXTYJQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13499},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"b1ca53f25c6675ce6cb905d6cd7aabdced300871","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"repository":{"url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git","type":"git"},"_npmVersion":"10.8.2","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","directories":{"lib":"lib"},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"chart.js":"^4.4.8","typescript":"^4.8.2"},"_npmOperationalInternal":{"tmp":"tmp/chartjs-plugin-selectdrag_1.0.4_1743419090739_0.3863206736599969","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@01coder/chartjs-plugin-selectdrag","version":"2.0.0","keywords":["chartjs","select","drag","range","brush"],"author":{"name":"Luke Tinnion"},"license":"ISC","_id":"@01coder/chartjs-plugin-selectdrag@2.0.0","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"dist":{"shasum":"607fabb99f5f8bfc8864b728300d2e62afbe8d52","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-2.0.0.tgz","fileCount":10,"integrity":"sha512-rJTF39jqxeLbKaPyfBskQ0+hvbqzmyeAb59qLzk4QMbVHqyrynB6JZnU3Za/pgq+JsquDXWMlb/qRPcrNYu7CQ==","signatures":[{"sig":"MEQCIDeNzHI/jD59nR6ykRn7qv02j0Xm0LjuTjp8yw75+FlWAiBKKWSye3Q/h8kwTsAywOcKLXSd0XAzyUhmN6BE9BO8HQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21761},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"499fa7bb73c6e59e208a66980d0c26dcffcae4e0","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"repository":{"url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git","type":"git"},"_npmVersion":"10.8.2","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","directories":{"lib":"lib"},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"chart.js":"^4.4.8","typescript":"^4.8.2"},"_npmOperationalInternal":{"tmp":"tmp/chartjs-plugin-selectdrag_2.0.0_1744803413451_0.5843666850106377","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@01coder/chartjs-plugin-selectdrag","version":"2.0.1","keywords":["chartjs","select","drag","range","brush"],"author":{"name":"Luke Tinnion"},"license":"ISC","_id":"@01coder/chartjs-plugin-selectdrag@2.0.1","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"dist":{"shasum":"34375370dc783da99d6a4478142ad5890eedda4a","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-2.0.1.tgz","fileCount":10,"integrity":"sha512-qL+uYS46utnNgVO+pHOm2O/LeszMrMAjbED9s3+fi01QRqso0Jg4BKCUDl1I3G4SiX/mkEu1DjlDQMJcrI2G7Q==","signatures":[{"sig":"MEUCIQDjwTMwYhvxdy1XlGokYWV367wGfR275ttVWChMY75v2gIgSgoobB5KDTirNb2dHXowLLOnBAv5081zquOanV7Wxbc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21724},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"9d97e289e9549677fd726cdfba963cf2dd122f0a","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"repository":{"url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git","type":"git"},"_npmVersion":"10.8.2","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","directories":{"lib":"lib"},"_nodeVersion":"20.19.1","_hasShrinkwrap":false,"devDependencies":{"chart.js":"^4.4.8","typescript":"^4.8.2"},"_npmOperationalInternal":{"tmp":"tmp/chartjs-plugin-selectdrag_2.0.1_1747153233191_0.653459846693695","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@01coder/chartjs-plugin-selectdrag","version":"2.0.2","keywords":["chartjs","select","drag","range","brush"],"author":{"name":"Luke Tinnion"},"license":"ISC","_id":"@01coder/chartjs-plugin-selectdrag@2.0.2","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"dist":{"shasum":"5dc319c2f448ae02a3c8bb94be4b6d866c314d17","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-2.0.2.tgz","fileCount":10,"integrity":"sha512-JZwYlw3IrTodK7JVKX/gL2lyAhTK1O1EjPWfFzfkJAC8BeAdHcMQ/Y1mHE27PnJeEnwJiHrBnaC7d75smrW03w==","signatures":[{"sig":"MEUCIQDu9ZmWptZQ4nS/SJNILACgz0KoDD8GEd5zHJugN1y16AIgF/3EZ2xmQ/56lAclJIY58LupCO5vFCa5QfYTFTd8Ybk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21742},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"7d46b8dac33b8a6f8e68e5a696f5d62f007bc94b","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"repository":{"url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git","type":"git"},"_npmVersion":"10.8.2","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","directories":{"lib":"lib"},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"devDependencies":{"chart.js":"^4.4.8","typescript":"^4.8.2"},"_npmOperationalInternal":{"tmp":"tmp/chartjs-plugin-selectdrag_2.0.2_1763468517066_0.8575905957700387","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"@01coder/chartjs-plugin-selectdrag","version":"2.0.3","keywords":["chartjs","select","drag","range","brush"],"author":{"name":"Luke Tinnion"},"license":"ISC","_id":"@01coder/chartjs-plugin-selectdrag@2.0.3","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"dist":{"shasum":"ed873c66b301ab3788affafab43a295c76051179","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-2.0.3.tgz","fileCount":10,"integrity":"sha512-8n+bxhu+v5MvAnx9IR2BQMl4WQ+tzzKr3ZNBr4VEdgliL1+xpHBVAgXobGHHSdDXF+CcaigR+9sg/LpFqKiI3g==","signatures":[{"sig":"MEYCIQCNw+9A3drka+9KDqqmP6Zg8umJtA9Zj60PIhkMRLmGWgIhAO/fD3Aa22st3oegvyM43HPmN13bYnRYFg+FDAGzKpbA","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22715},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"e6b3e1129b819636569e55d74f6baab99f3ecb31","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"repository":{"url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git","type":"git"},"_npmVersion":"10.8.2","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","directories":{"lib":"lib"},"_nodeVersion":"20.20.0","_hasShrinkwrap":false,"devDependencies":{"chart.js":"^4.4.8","typescript":"^4.8.2"},"_npmOperationalInternal":{"tmp":"tmp/chartjs-plugin-selectdrag_2.0.3_1770048827053_0.18946584214599826","host":"s3://npm-registry-packages-npm-production"}},"2.0.4":{"name":"@01coder/chartjs-plugin-selectdrag","version":"2.0.4","description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","main":"lib/index.js","types":"lib/index.d.ts","repository":{"type":"git","url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git"},"scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Luke Tinnion"},"license":"ISC","devDependencies":{"chart.js":"^4.4.8","typescript":"^4.8.2"},"keywords":["chartjs","select","drag","range","brush"],"bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","directories":{"lib":"lib"},"_id":"@01coder/chartjs-plugin-selectdrag@2.0.4","gitHead":"ded0aedeb535b80ffbd4340beb8da375fd1e7e03","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-xQ2e7CTwq4/7ygJBNHU80xby+QHEM7S+5QNZ/FxCsS7iBzpUJyDbGLmYjkMVuamXj6nZRPoiqozlwGs6LiXNlA==","shasum":"a4c9efb18c5c01c306a6d0883303df983599e0e0","tarball":"https://registry.npmjs.org/@01coder/chartjs-plugin-selectdrag/-/chartjs-plugin-selectdrag-2.0.4.tgz","fileCount":10,"unpackedSize":23040,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIF+hv2kyvBQVUNeciDTbkzF/QMUY48TlZQEmjyTc9nO0AiEA1LEI1CUHBcpAOgSefQ9E2MF58xRrx3wEqU2uBdeT03o="}]},"_npmUser":{"name":"01coder","email":"luke.tinnion@icloud.com"},"maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/chartjs-plugin-selectdrag_2.0.4_1787752426091_0.6465926354695091"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-08T09:31:12.551Z","modified":"2026-08-26T13:53:46.374Z","1.0.0":"2022-09-08T09:31:12.748Z","1.0.1":"2025-02-05T09:05:58.951Z","1.0.2":"2025-02-05T10:34:44.255Z","1.0.3":"2025-02-05T10:49:00.138Z","1.0.4":"2025-03-31T11:04:50.926Z","2.0.0":"2025-04-16T11:36:53.637Z","2.0.1":"2025-05-13T16:20:33.380Z","2.0.2":"2025-11-18T12:21:57.239Z","2.0.3":"2026-02-02T16:13:47.179Z","2.0.4":"2026-08-26T13:53:46.216Z"},"bugs":{"url":"https://github.com/01CodeLT/chartjs-plugin-selectdrag/issues"},"author":{"name":"Luke Tinnion"},"license":"ISC","homepage":"https://github.com/01CodeLT/chartjs-plugin-selectdrag#readme","keywords":["chartjs","select","drag","range","brush"],"repository":{"type":"git","url":"git+https://github.com/01CodeLT/chartjs-plugin-selectdrag.git"},"description":"Chartjs plugin which allows you to select a range of data by dragging over a chart","maintainers":[{"name":"01coder","email":"luke.tinnion@icloud.com"}],"readme":"# Chart JS Plugin Select Drag\nChartjs plugin which allows you to select a range of data by dragging over a chart, see example https://stackblitz.com/edit/chartjs-selectdrag?file=index.html\n\n### Usage\n\nRegister the plugin with chart js...\n```\nimport Chart from \"chart.js/auto\";\nimport SelectDragPlugin from \"@01coder/chartjs-plugin-selectdrag\";\nChart.register(SelectDragPlugin);\n```\n\nEnable it in the settings of a chart\n```\ntype: \"bar\",\noptions: {\n  plugins: {\n        selectdrag: {\n            enabled: true,\n            output: 'value', // Can be 'value' or 'label'\n            highlight: false, // Highlight the selected data on the chart?\n            colors: {\n                selection: \"#e8eff6\", // Background color of selection box\n                selected: \"#1f77b4\", // Color of selected data\n                unselected: \"#cccccc\" // Color of unselected data\n            },\n            onSelectComplete: (event) => {\n                // Show selected\n                document.getElementById('results').innerHTML = event.range;\n\n                // Get selected range\n                console.log(event.range);\n                \n                // Get selection coordinates\n                console.log(event.boundingBox);\n            }\n        }\n    },\n},\ndata: { \n    labels: [], \n    datasets: []\n}\n```\n","readmeFilename":"README.md"}