chart.js - 从 cdn 添加时间笛卡尔轴的日期适配器

Question

我想创建一个包含 Time Cartesian axis 的图表.文档告诉我，我需要为类型:“时间”轴使用适配器。我选择了 chartjs-adapter-date-fns，并使用以下 cdn 导入它:

<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>

现在文档告诉我必须将对象作为轴 ID 的 adapters.date 属性传递。但是我应该把哪个类/对象放在那里？我被困在这里了。谁能指出我正确的方向？

我正在使用 ChartJS 3.4.1 和 Chartisan。

                      x: {
                            adapters: { 
                                date: { 
                                    // Adapter object here.
                                }
                            },
                            type: 'time',
                            time: {
                                unit: 'day'
                            },
                        },

非常感谢!

Answer 1

documentation对于 chartjs-adapter-date-fns 状态:

date-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

并给出如下例子:

// import date-fns locale:
import {de} from 'date-fns/locale';

// scale options:
{
    adapters: {
        date: {
            locale: de
        }
    }
}