{"id":13702059,"url":"https://github.com/chartjs/chartjs-adapter-date-fns","last_synced_at":"2025-06-28T04:30:30.630Z","repository":{"id":34247172,"uuid":"164725363","full_name":"chartjs/chartjs-adapter-date-fns","owner":"chartjs","description":"date-fns adapter for Chart.js","archived":false,"fork":false,"pushed_at":"2023-07-19T01:41:03.000Z","size":483,"stargazers_count":100,"open_issues_count":11,"forks_count":35,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-05-17T08:42:21.093Z","etag":null,"topics":["adapter","chartjs","date-fns","datetime"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/chartjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-08T20:14:47.000Z","updated_at":"2024-06-18T12:40:11.639Z","dependencies_parsed_at":"2024-06-18T12:40:06.037Z","dependency_job_id":"40a8f62f-74eb-4063-9ce5-eec5506f53a9","html_url":"https://github.com/chartjs/chartjs-adapter-date-fns","commit_stats":{"total_commits":55,"total_committers":9,"mean_commits":6.111111111111111,"dds":"0.36363636363636365","last_synced_commit":"8fc8dd9638bccdd7c22cde06f31e690ddef397e8"},"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-adapter-date-fns","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-adapter-date-fns/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-adapter-date-fns/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-adapter-date-fns/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chartjs","download_url":"https://codeload.github.com/chartjs/chartjs-adapter-date-fns/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252439391,"owners_count":21747997,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["adapter","chartjs","date-fns","datetime"],"created_at":"2024-08-02T21:00:30.652Z","updated_at":"2025-05-05T04:30:43.902Z","avatar_url":"https://github.com/chartjs.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Adapters"],"sub_categories":["Data Sources"],"readme":"# chartjs-adapter-date-fns\n\n[![release](https://img.shields.io/github/release/chartjs/chartjs-adapter-date-fns.svg?style=flat-square)](https://github.com/chartjs/chartjs-adapter-date-fns/releases/latest) [![travis](https://img.shields.io/travis/chartjs/chartjs-adapter-date-fns.svg?style=flat-square\u0026maxAge=60)](https://travis-ci.org/chartjs/chartjs-adapter-date-fns) [![awesome](https://awesome.re/badge-flat2.svg)](https://github.com/chartjs/awesome)\n\n## Overview\n\nThis adapter allows the use of date-fns with Chart.js.\n\nRequires [Chart.js](https://github.com/chartjs/Chart.js/releases) **2.8.0** or later and [date-fns](https://date-fns.org/) **2.0.0** or later.\n\n**Note:** once loaded, this adapter overrides the default date-adapter provided in Chart.js (as a side-effect).\n\n## Installation\n\n### npm\n\n```bash\nnpm install date-fns chartjs-adapter-date-fns --save\n```\n\n```javascript\nimport { Chart } from 'chart.js';\nimport 'chartjs-adapter-date-fns';\n```\n\n### CDN\n\nBy default, `https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns` returns the latest (minified) version, however it's [highly recommended](https://www.jsdelivr.com/features) to always specify a version in order to avoid breaking changes. This can be achieved by appending `@{version}` to the url:\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/chart.js/dist/chart.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js\"\u003e\u003c/script\u003e\n```\n\nRead more about jsDeliver versioning on their [website](http://www.jsdelivr.com/).\n\n## Configuration\n\n### Locale support via scale options\n\ndate-fns requires a date-fns locale object to be tagged on to each `format()` call, which requires the locale to be explicitly set via the `adapters.date` option: [Chart.js documentation on adapters.date](https://www.chartjs.org/docs/next/axes/cartesian/time#date-adapters)\n\nFor example:\n\n```javascript\n// import date-fns locale:\nimport {de} from 'date-fns/locale';\n\n\n// scale options:\n{\n    adapters: {\n        date: {\n            locale: de\n        }\n    }\n}\n```\n\nFurther, read the [Chart.js documentation](https://www.chartjs.org/docs/next) for other possible date/time related options. For example, the time scale [`time.*` options](https://www.chartjs.org/docs/next/axes/cartesian/time#configuration-options) can be overridden using the [date-fns tokens](https://date-fns.org/docs/format).\n\n## Development\n\nYou first need to install node dependencies (requires [Node.js](https://nodejs.org/)):\n\n```bash\n\u003e npm install\n```\n\nThe following commands will then be available from the repository root:\n\n```bash\n\u003e npm run build         // build dist files\n\u003e npm run lint          // perform code linting\n```\n\n## License\n\n`chartjs-adapter-date-fns` is available under the [MIT license](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchartjs-adapter-date-fns","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchartjs%2Fchartjs-adapter-date-fns","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchartjs-adapter-date-fns/lists"}