{"_id":"@anxorl/ng2-charts","_rev":"2-e79270acc620d7da52ba903c1de34b83","name":"@anxorl/ng2-charts","description":"Reactive, responsive, beautiful charts for Angular2 based on Chart.js","dist-tags":{"latest":"1.6.1"},"versions":{"1.6.0":{"main":"bundles/ng2-charts.umd.js","version":"1.6.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":"Anxo Rodriguez","email":"anrlz3@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/anxorl/ng2-charts.git"},"name":"@anxorl/ng2-charts","dependencies":{"chart.js":"^2.7.0"},"peerDependencies":{"@angular/common":"^2.3.0 || >=4.0.0","@angular/core":"^2.3.0 || >=4.0.0"},"_id":"@anxorl/ng2-charts@1.6.0","devDependencies":{},"bugs":{"url":"https://github.com/anxorl/ng2-charts/issues"},"homepage":"https://github.com/anxorl/ng2-charts#readme","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"anxorl","email":"anrlz3@gmail.com"},"dist":{"integrity":"sha512-tWbkF5Wj+cfLfhaMX67hBAFu856zZzIfWzYjPlN/of/CjE+oO8sXGp8V4YjJQmdOBJKNxEnnNlvSzsAgrOG+Qg==","shasum":"04e3908de4e0cddb8101533e8976f7fa3161a5c9","tarball":"https://registry.npmjs.org/@anxorl/ng2-charts/-/ng2-charts-1.6.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGEbgav3yDpKTvqyRuXOD+VHGvBr7V9u8NxYaCoYS+j+AiEA0TV9tESS2YXm2oFfmxOGnGXosMZqphH2dm6TE+mA+1A="}]},"maintainers":[{"name":"anxorl","email":"anrlz3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng2-charts-1.6.0.tgz_1508089985417_0.21036573546007276"}},"1.6.1":{"main":"bundles/ng2-charts.umd.js","version":"1.6.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":"Dmitriy Shekhovtsov","email":"valorkin@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/valor-software/ng2-charts.git"},"name":"@anxorl/ng2-charts","dependencies":{"chart.js":"^2.7.0"},"peerDependencies":{"@angular/common":"^2.3.0 || >=4.0.0","@angular/core":"^2.3.0 || >=4.0.0"},"devDependencies":{},"bugs":{"url":"https://github.com/valor-software/ng2-charts/issues"},"homepage":"https://github.com/valor-software/ng2-charts#readme","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_id":"@anxorl/ng2-charts@1.6.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"anxorl","email":"anrlz3@gmail.com"},"dist":{"integrity":"sha512-cQGQTY9+68kMhH/vmniu69EUFlGX48VIjIKGjmdqYnKujgIQONKlX/fq+yxnmJ6OnfQ5Bp9w+aCYck/WFXP1zQ==","shasum":"a04ed2d224ac52f64d505c8f6931624121e0ede7","tarball":"https://registry.npmjs.org/@anxorl/ng2-charts/-/ng2-charts-1.6.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDO13/zh4kYiRA9/EPSaRzYSLwOtEzfQu0pwJXDAOvAGAiEAmkAWFbnK5RVceNVFpwk7WDVxw642AxcKNi4mAcZn+Rk="}]},"maintainers":[{"name":"anxorl","email":"anrlz3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng2-charts-1.6.1.tgz_1508185010368_0.38481169543229043"}}},"readme":"# ng2-charts [](http://badge.fury.io/js/ng2-charts) [](https://npmjs.org/ng2-charts) [](https://ngx-slack.herokuapp.com)\nBeautiful charts for Angular2 based on Chart.js\n\n\n[](https://npmjs.org/ng2-charts)\n[](https://npmjs.org/ng2-charts)\n\n\n# Usage & Demo\n\nSample in below website uses ng2-charts@1.1.0\n\n[http://valor-software.github.io/ng2-charts/](http://valor-software.github.io/ng2-charts/)\n[http://plnkr.co/edit/7fGsiuRjcF0M0Ffeoml2?p=preview](http://plnkr.co/edit/7fGsiuRjcF0M0Ffeoml2?p=preview)\n\n\n- - -\n\n### Installation\n\n1. You can install ***ng2-charts*** using npm\n\n ```bash\n npm install ng2-charts --save\n ```\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))\n\n ```bash\n npm install chart.js --save\n ```\n\n **Important**: Embedding `Chart.js` in application is mandatory!\n\n ```html\n \n ```\n### Usage & Demo\n Demo and API details of ***ng2-charts*** can be found here:\n [demo](http://valor-software.github.io/ng2-charts/) and [source code](https://github.com/valor-software/ng2-charts/tree/master/demo).\n\n### System.js\n\nSystem.js bundles can be found in `bundles` directory of npm package or at [npm cdn](https://npmcdn.com/ng2-charts/bundles/)\n\n\n## API\n\n### Import\n```typescript\nimport { ChartsModule } from 'ng2-charts/ng2-charts';\n\n// In your App's module:\nimports: [\n ChartsModule\n]\n```\n\n### Chart types\nThere are one directive for all chart types: `base-chart`, and there are 6 types of charts: , `line`, `bar`, `radar`, `pie`, `polarArea`, `doughnut`.\n\n### Properties\n\n**Note**: For more information about possible options please refer to original [chart.js](http://www.chartjs.org/docs) documentation\n\n- `data` (`Array | number[]`) - set of points of the chart, it should be `Array` only for `line`, `bar` and `radar`, otherwise `number[]`;\n- `datasets` (`Array<{data: Array | number[], label: string}>`) - `data` see about, the `label` for the dataset which appears in the legend and tooltips\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`\n- `chartType` (`?string`) - indicates the type of charts, it can be: `line`, `bar`, `radar`, `pie`, `polarArea`, `doughnut`\n- `options` (`?any`) - chart options (as from [Chart.js documentation](http://www.chartjs.org/docs/))\n- `colors` (`?Array`) - data colors, will use default and|or random colors if not specified (see below)\n- `legend`: (`?boolean=false`) - if true show legend below the chart, otherwise not be shown\n\n### Events\n\n- `chartClick`: fires when click on a chart has occurred, returns information regarding active points and labels\n- `chartHover`: fires when mousemove (hover) on a chart has occurred, returns information regarding active points and labels\n\n\n### Colors\n\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.\n\n\n## Troubleshooting\n\nPlease follow this guidelines when reporting bugs and feature requests:\n\n1. Use [GitHub Issues](https://github.com/valor-software/ng2-charts/issues) board to report bugs and feature requests (not our email address)\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.\n\nThanks for understanding!\n\n### License\n\nThe MIT License (see the [LICENSE](https://github.com/valor-software/ng2-charts/blob/master/LICENSE) file for the full text)\n","maintainers":[{"name":"anxorl","email":"anrlz3@gmail.com"}],"time":{"modified":"2022-04-04T14:26:15.961Z","created":"2017-10-15T17:53:06.915Z","1.6.0":"2017-10-15T17:53:06.915Z","1.6.1":"2017-10-16T20:16:51.464Z"},"homepage":"https://github.com/valor-software/ng2-charts#readme","keywords":["angular","chart.js","angular2","angularjs","charts"],"repository":{"type":"git","url":"git+ssh://git@github.com/valor-software/ng2-charts.git"},"author":{"name":"Dmitriy Shekhovtsov","email":"valorkin@gmail.com"},"bugs":{"url":"https://github.com/valor-software/ng2-charts/issues"},"license":"MIT","readmeFilename":"README.md"}