{"_id":"@capellasolutions/ng2-charts","_rev":"4-f02de9a2b4ef7c6c135a6898512e1118","name":"@capellasolutions/ng2-charts","description":"Reactive, responsive, beautiful charts for Angular2 based on Chart.js","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"main":"bundles/ng2-charts.umd.js","version":"1.0.0","description":"Reactive, responsive, beautiful charts for Angular2 based on Chart.js","module":"index.js","typings":"index.d.ts","keywords":["angular","chart.js","angular2","angularjs","charts"],"author":{"name":"CapellaSolutions","email":"rasheed850@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/username/repo.git"},"name":"@capellasolutions/ng2-charts","dependencies":{"chart.js":"^2.6.0"},"peerDependencies":{"@angular/common":"^2.3.0 || >=4.0.0","@angular/core":"^2.3.0 || >=4.0.0"},"_id":"@capellasolutions/ng2-charts@1.0.0","devDependencies":{},"bugs":{"url":"https://github.com/username/repo/issues"},"homepage":"https://github.com/username/repo#readme","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"rasheed.rabata","email":"rasheed850@gmail.com"},"dist":{"integrity":"sha512-D9x1NlG+0QUHv86RMit230nV7MkmXt4sUCznsaQCN620CtFL4WCSbzh0BEAZLrbDQ2HyiH71OlBRnjp2BvK8aA==","shasum":"24c43604071bb23f0c7ed0c1904b1d25f04b1015","tarball":"https://registry.npmjs.org/@capellasolutions/ng2-charts/-/ng2-charts-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCgvlB6FX2FU6NybJyyF1n/kXfqx7tLwzxXsSbY6S2pAIhAIcb3D8Z9OsexlnOsowt2qZdmJupLg99ywYtNX9iZVOE"}]},"maintainers":[{"name":"rasheed.rabata","email":"rasheed850@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng2-charts-1.0.0.tgz_1517245579448_0.8844530135393143"},"directories":{}},"1.0.1":{"main":"bundles/ng2-charts.umd.js","version":"1.0.1","description":"Reactive, responsive, beautiful charts for Angular2 based on Chart.js","module":"index.js","typings":"index.d.ts","keywords":["angular","chart.js","angular2","angularjs","charts"],"author":{"name":"CapellaSolutions","email":"rasheed850@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/username/repo.git"},"name":"@capellasolutions/ng2-charts","dependencies":{"chart.js":"^2.6.0"},"peerDependencies":{"@angular/common":"^2.3.0 || >=4.0.0","@angular/core":"^2.3.0 || >=4.0.0"},"_id":"@capellasolutions/ng2-charts@1.0.1","devDependencies":{},"bugs":{"url":"https://github.com/username/repo/issues"},"homepage":"https://github.com/username/repo#readme","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"rasheed.rabata","email":"rasheed850@gmail.com"},"dist":{"integrity":"sha512-pBP2hD1YqDTCSeptyeAtwoP34aO6YwPy/he9lAPfSqPZUeqJDGBF6O4eu2S54Dce0+yLtM/lxR4narz1AOwCbA==","shasum":"8354145e8c7d6938fabdfe20899aa65a79387061","tarball":"https://registry.npmjs.org/@capellasolutions/ng2-charts/-/ng2-charts-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDi1IU3tg9dcyU3C65wX7aQq1QRgGp40n/ZCOxHcaBYqQIgWKDjeWFaw5YIPpY4NtqntogcNehZeYOocx1FchuBW6o="}]},"maintainers":[{"name":"rasheed.rabata","email":"rasheed850@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng2-charts-1.0.1.tgz_1517361164899_0.12489490141160786"},"directories":{}},"1.1.0":{"main":"bundles/ng2-charts.umd.js","version":"1.1.0","description":"Reactive, responsive, beautiful charts for Angular2 based on Chart.js","module":"index.js","typings":"index.d.ts","keywords":["angular","chart.js","angular2","angularjs","charts"],"author":{"name":"CapellaSolutions","email":"rasheed850@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/username/repo.git"},"name":"@capellasolutions/ng2-charts","dependencies":{"chart.js":"^2.7.1"},"peerDependencies":{"@angular/common":"^2.3.0 || >=4.0.0","@angular/core":"^2.3.0 || >=4.0.0"},"_id":"@capellasolutions/ng2-charts@1.1.0","devDependencies":{},"bugs":{"url":"https://github.com/username/repo/issues"},"homepage":"https://github.com/username/repo#readme","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"rasheed.rabata","email":"rasheed850@gmail.com"},"dist":{"integrity":"sha512-J+jMvzm99f7kKOtfkanrbrUN641NqA+7TStpRsfYinXETG7/MKLAYr8dnS8xZo5sWaqv08mPD69ysJutbOTftA==","shasum":"2cbe6e34517eb300db5ffdb0917cc02d72213df0","tarball":"https://registry.npmjs.org/@capellasolutions/ng2-charts/-/ng2-charts-1.1.0.tgz","fileCount":22,"unpackedSize":2512060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHFDdhoi3WJEHaJNbYIlYHYB6MloahXuc5Bd7La0ECqJAiAQMbqBW0qYQQlfUWite4dsbDz0NJcwfntIH9hcBKm9AA=="}]},"maintainers":[{"name":"rasheed.rabata","email":"rasheed850@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng2-charts_1.1.0_1519306754208_0.1298142219624856"},"_hasShrinkwrap":false}},"readme":"# ng2-charts [](http://badge.fury.io/js/ng2-charts) [](https://npmjs.org/ng2-charts) [](https://ngx-slack.herokuapp.com)\r\nBeautiful charts for Angular2 based on Chart.js\r\n\r\n[](https://npmjs.org/ng2-charts)\r\n[](https://npmjs.org/ng2-charts)\r\n\r\n\r\n# Usage & Demo\r\n\r\nSample in below website uses ng2-charts@1.1.0\r\n\r\n[http://valor-software.github.io/ng2-charts/](http://valor-software.github.io/ng2-charts/)\r\n[http://plnkr.co/edit/7fGsiuRjcF0M0Ffeoml2?p=preview](http://plnkr.co/edit/7fGsiuRjcF0M0Ffeoml2?p=preview)\r\n\r\n\r\n- - -\r\n\r\n### Installation\r\n\r\n1. You can install ***ng2-charts*** using npm\r\n\r\n ```bash\r\n npm install ng2-charts --save\r\n ```\r\n2. You need to install and include `Chart.js` library in application via `html` or `webpack bundler` (more options can be found in official `chart.js` [documentation](http://www.chartjs.org/docs/#getting-started))\r\n\r\n ```bash\r\n npm install chart.js --save\r\n ```\r\n\r\n **Important**: Embedding `Chart.js` in application is mandatory!\r\n\r\n ```html\r\n \r\n ```\r\n### Usage & Demo\r\n Demo and API details of ***ng2-charts*** can be found here:\r\n [demo](http://valor-software.github.io/ng2-charts/) and [source code](https://github.com/valor-software/ng2-charts/tree/master/demo).\r\n\r\n### System.js\r\n\r\nSystem.js bundles can be found in `bundles` directory of npm package or at [npm cdn](https://npmcdn.com/ng2-charts/bundles/)\r\n\r\n\r\n## API\r\n\r\n### Import\r\n```typescript\r\nimport { ChartsModule } from 'ng2-charts/ng2-charts';\r\n\r\n// In your App's module:\r\nimports: [\r\n ChartsModule\r\n]\r\n```\r\n\r\n### Chart types\r\nThere are one directive for all chart types: `base-chart`, and there are 6 types of charts: , `line`, `bar`, `radar`, `pie`, `polarArea`, `doughnut`.\r\n\r\n### Properties\r\n\r\n**Note**: For more information about possible options please refer to original [chart.js](http://www.chartjs.org/docs) documentation\r\n\r\n- `data` (`Array | number[]`) - set of points of the chart, it should be `Array` only for `line`, `bar` and `radar`, otherwise `number[]`;\r\n- `datasets` (`Array<{data: Array | number[], label: string}>`) - `data` see about, the `label` for the dataset which appears in the legend and tooltips\r\n- `labels` (`?Array`) - x axis labels. It's necessary for charts: `line`, `bar` and `radar`. And just labels (on hover) for charts: `polarArea`, `pie` and `doughnut`\r\n- `chartType` (`?string`) - indicates the type of charts, it can be: `line`, `bar`, `radar`, `pie`, `polarArea`, `doughnut`\r\n- `options` (`?any`) - chart options (as from [Chart.js documentation](http://www.chartjs.org/docs/))\r\n- `colors` (`?Array`) - data colors, will use default and|or random colors if not specified (see below)\r\n- `legend`: (`?boolean=false`) - if true show legend below the chart, otherwise not be shown\r\n\r\n### Events\r\n\r\n- `chartClick`: fires when click on a chart has occurred, returns information regarding active points and labels\r\n- `chartHover`: fires when mousemove (hover) on a chart has occurred, returns information regarding active points and labels\r\n\r\n\r\n### Colors\r\n\r\nThere are a set several default colors. Colors can be replaced using the `colors` attribute. If there is more data than colors, colors are generated randomly.\r\n\r\n\r\n## Troubleshooting\r\n\r\nPlease follow this guidelines when reporting bugs and feature requests:\r\n\r\n1. Use [GitHub Issues](https://github.com/valor-software/ng2-charts/issues) board to report bugs and feature requests (not our email address)\r\n2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.\r\n\r\nThanks for understanding!\r\n\r\n### License\r\n\r\nThe MIT License (see the [LICENSE](https://github.com/valor-software/ng2-charts/blob/master/LICENSE) file for the full text)\r\n","maintainers":[{"name":"rasheed.rabata","email":"rasheed850@gmail.com"}],"time":{"modified":"2022-04-04T21:44:55.924Z","created":"2018-01-29T17:06:20.988Z","1.0.0":"2018-01-29T17:06:20.988Z","1.0.1":"2018-01-31T01:12:46.832Z","1.1.0":"2018-02-22T13:39:14.434Z"},"homepage":"https://github.com/username/repo#readme","keywords":["angular","chart.js","angular2","angularjs","charts"],"repository":{"type":"git","url":"git+https://github.com/username/repo.git"},"author":{"name":"CapellaSolutions","email":"rasheed850@gmail.com"},"bugs":{"url":"https://github.com/username/repo/issues"},"license":"MIT","readmeFilename":"README.md"}