{"id":19960108,"url":"https://github.com/born2net/ng2-charts","last_synced_at":"2026-06-11T15:31:13.993Z","repository":{"id":75354788,"uuid":"50861804","full_name":"born2net/ng2-charts","owner":"born2net","description":null,"archived":false,"fork":false,"pushed_at":"2016-02-01T18:43:45.000Z","size":132,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-01T16:29:38.867Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/born2net.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-01T18:43:15.000Z","updated_at":"2019-03-16T17:19:12.000Z","dependencies_parsed_at":"2023-04-24T10:25:51.165Z","dependency_job_id":null,"html_url":"https://github.com/born2net/ng2-charts","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/born2net/ng2-charts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/born2net%2Fng2-charts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/born2net%2Fng2-charts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/born2net%2Fng2-charts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/born2net%2Fng2-charts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/born2net","download_url":"https://codeload.github.com/born2net/ng2-charts/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/born2net%2Fng2-charts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34206487,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T01:53:46.148Z","updated_at":"2026-06-11T15:31:13.646Z","avatar_url":"https://github.com/born2net.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ng2-charts [![npm version](https://badge.fury.io/js/ng2-charts.svg)](http://badge.fury.io/js/ng2-charts)\nBeautiful charts for Angular2 based on Chart.js\n\nFollow me at [twitter](https://twitter.com/valorkin) to be notified about new releases.\n\n[![Code Climate](https://codeclimate.com/github/valor-software/ng2-charts/badges/gpa.svg)](https://codeclimate.com/github/valor-software/ng2-charts)\n[![Join the chat at https://gitter.im/valor-software/ng2-bootstrap](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/valor-software/ng2-bootstrap?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n[![Dependency Status](https://david-dm.org/valor-software/ng2-charts.svg)](https://david-dm.org/valor-software/ng2-charts)\n[![devDependency Status](https://david-dm.org/valor-software/ng2-charts/dev-status.svg)](https://david-dm.org/valor-software/ng2-charts#info=devDependencies)\n[![Throughput Graph](https://graphs.waffle.io/valor-software/ng2-charts/throughput.svg)](https://waffle.io/valor-software/ng2-charts/metrics)\n\n# Usage \u0026 Demo\n[http://valor-software.github.io/ng2-charts/](http://valor-software.github.io/ng2-charts/)\n\n- - -\n\n## Quick start\n\n1. A recommended way to install ***ng2-charts*** is through [npm](https://www.npmjs.com/search?q=ng2-charts) package manager using the following command:\n\n  `npm i ng2-charts --save`\n\n\n2. A way to install Chart.js component is through [npm](http://bower.io/search/?q=chartjs) package manager using the following command:\n\n  `bower install Chart.js --save`\n\n  Alternatively, you can [download it in a ZIP file](https://github.com/nnnick/Chart.js/archive/master.zip).\n\n  After Chart.js component is downloaded, embed the code into your project.\n\n  ```html\n  \u003cscript src=\"bower_components/Chart.js/Chart.min.js\"\u003e\u003c/script\u003e\n  ```\n\n3. Or you can link `charts.js` at cdn\n```html\n  \u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js\"\u003e\u003c/script\u003e\n```\n\n4. More information regarding using of ***ng2-charts*** is located in\n  [demo](http://valor-software.github.io/ng2-charts/) and [demo sources](https://github.com/valor-software/ng2-charts/tree/master/demo).\n\n## API\n\n### Properties\n\n- `data` (`Array\u003cany\u003e`) -  set of points of the chart, it should be Array\u0026lt;Array\u0026lt;number\u0026gt;\u0026gt; only for line, bar and radar, otherwise Array\u0026lt;number\u0026gt;\n- `labels` (`?Array\u003cany\u003e`) - x axis labels. It's necessary for charts: line, bar and radar. And just labels (on hover) for charts: polar area, 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- `series` (`?Array\u003cany\u003e`) - name points on the chart, work for line, bar and radar\n- `colours` (`?Array\u003cany\u003e`) - data colours, will use default colours if not specified ([see readme for components](https://github.com/valor-software/ng2-charts/blob/master/components/charts/readme.md))\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## 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","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborn2net%2Fng2-charts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fborn2net%2Fng2-charts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborn2net%2Fng2-charts/lists"}