javascript 是否可以使用momentjs设置vue-chartjs 3.5.1,以格式化chart.js中的日期

watbbzwu  于 2023-03-11  发布在  Java
关注(0)|答案(1)|浏览(201)

我正在使用chart.js@2.9.4vue-chartjs@3.5.1,并且我正在尝试使用类似下面的内容通过选项进行一些日期格式化:

scales: {
  xAxes: [ {
      type: 'time',
      time: {
        unit: 'full',
        displayFormats: {
          'full': 'DD/MM/YYYY HH:mm:ss'
        }
      }
    }
  ],
}

但它不工作。我的理解是它需要moment.jschartjs-adapter-moment,但由于vue-chartjs是第三方库,我不能更改它,我在文档中没有看到包含moment.js的选项。有什么想法吗?
编辑1:
我尝试了以下方法:

import Chart from 'chart.js';
import adapter from 'chartjs-adapter-moment';
Chart.plugins.register(adapter);

import { Line, mixins } from 'vue-chartjs';

还有这个

import Chart from 'chart.js';
import 'chartjs-adapter-moment';
import { Line, mixins } from 'vue-chartjs';

但没有用。
编辑2:
我也试过这个

import Chart from 'chart.js';
import adapter from 'chartjs-adapter-moment';
Chart.register(adapter);

import { Line, mixins } from 'vue-chartjs';

以及在导入Chart后,将以下内容从node-modules文件夹中的vue-chartjs添加到BaseCharts.js

import 'chartjs-adapter-moment'

但效果不太好。

fcipmucu

fcipmucu1#

我们一起使用vue-chartjschartjs-adapter-luxon没有问题。我们的Vue应用程序有一个模块,它导入ChartJS来注册我们使用的所有功能,并且它导入了luxon适配器。我不使用moment.js,但我认为它可以类似地注册。

import {
  Chart as ChartJS,
  Filler,
  Title,
  Tooltip,
// and more
} from 'chart.js'
import 'chartjs-adapter-luxon'

ChartJS.register(
  Filler,
  Title,
  Tooltip,
  ... // and more 
)

相关问题