我正在使用chart.js@2.9.4
到vue-chartjs@3.5.1
,并且我正在尝试使用类似下面的内容通过选项进行一些日期格式化:
scales: {
xAxes: [ {
type: 'time',
time: {
unit: 'full',
displayFormats: {
'full': 'DD/MM/YYYY HH:mm:ss'
}
}
}
],
}
但它不工作。我的理解是它需要moment.js
或chartjs-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'
但效果不太好。
1条答案
按热度按时间fcipmucu1#
我们一起使用
vue-chartjs
和chartjs-adapter-luxon
没有问题。我们的Vue应用程序有一个模块,它导入ChartJS来注册我们使用的所有功能,并且它导入了luxon适配器。我不使用moment.js,但我认为它可以类似地注册。