如何为 Chart.js 日期标签设置区域设置？

Question

我有一个 Vue 组件，它使用 Chart.js 呈现不同的图表。一切都很好，但我无法在 X 轴上设置日期标签的区域设置。

\n\n

我尝试在 vue 组件的脚本部分顶部定义 moment 区域设置，但没有带来任何结果。

\n\n

<script>\n    import * as moment from 'moment';\n    import 'moment/locale/ru';\n    moment.locale('ru');\n\n    console.log(moment.locale()); // it shows needle language: 'ru'!\n\n    import Chart from 'chart.js';\n\n    export default { ... this.chart = new Chart(this.context, config); ... };\n</script>\n

\n\n

^但是......经过这次尝试，我在X轴上看到：'Jul 2013'，'Aug 2013'，但不是'\xd0\x98\xd1\x8e\xd0\xbb 2013'，'\xd0\x90\xd0\ xb2\xd0\xb3 2013'。

\n\n

谁遇到过这样的问题，你是如何解决的？\n请有人帮忙

\n

Answer 1

我已经解决了。

您应该使用此适配器https://github.com/chartjs/chartjs-adapter-date-fns来翻译图表上的月份。