Repository files navigation

This adapter allows the use of Luxon with Chart.js. Luxon provides built-in support for time zones and internationalization.

RequiresChart.js2.8.0 or later andLuxon1.0.0 or later.

Note: once loaded, this adapter overrides the default date-adapter provided in Chart.js (as a side-effect).

npm install luxon chartjs-adapter-luxon --save

import{Chart}from'chart.js';import'chartjs-adapter-luxon';

By default,https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon returns the latest (minified) version, however it'shighly recommended to always specify a version in order to avoid breaking changes. This can be achieved by appending@{version} to the URL:

<scriptsrc="https://cdn.jsdelivr.net/npm/chart.js@^3"></script><scriptsrc="https://cdn.jsdelivr.net/npm/luxon@^2"></script><scriptsrc="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@^1"></script>

Read more about jsDelivr versioning on theirwebsite.

Any date adapter options in the chart configuration will be passed through to Luxon's factory functions.

The following table describes the supported options that these functions accept.

Namespace:options.scales[scaleId].adapters.date

Read theChart.js documention for other possible date/time related options. For example, the time scaletime.* options can be overridden using theLuxon formats.

You first need to install node dependencies (requiresNode.js):

> npm install

The following commands will then be available from the repository root:

> npm run build         // build dist files> npm test              // perfom code testing> npm run lint          // perform code linting

chartjs-adapter-luxon is available under theMIT license.