chartjs是否支持本地化?如果是,在客户端图表上实施本地化的最佳方法是什么?
c8ib6hqw1#
Chart.js使用moment进行日期处理,您可以在初始化图表之前全局设置moment的区域设置。1.在HTML中导入moment-with-locales.min.js。1.在JavaScript中设置locale:moment.locale('sv-SE');个1.初始化图表。
moment-with-locales.min.js
moment.locale('sv-SE');
6ioyuze22#
假设您要讨论的是本地化日期,首先需要确保图表显示的日期可以被JavaScript的toLocaleDateString函数解析。例如options.scales.xAxes[0].time.displayFormats.day = 'h:mm:ss a';可能的格式列表为https://www.chartjs.org/docs/2.9.4/axes/cartesian/time.html然后,再次在options json options.scales.xAxes[0].ticks中,设置一个对date值的回调函数,这样就可以将其本地化,如下所示。
toLocaleDateString
options.scales.xAxes[0].time.displayFormats.day = 'h:mm:ss a';
options
options.scales.xAxes[0].ticks
callback: function (value) { return new Date(value).toLocaleDateString('ja-JP', { dateStyle: 'long', timeStyle: 'long' }); }
rnmwe5a23#
好吧,chartjs与本地化无关;不,不是的他们甚至有no support翻转标签等,但你应该不会有任何问题,除非你需要显示rtl图表。
3条答案
按热度按时间c8ib6hqw1#
Chart.js使用moment进行日期处理,您可以在初始化图表之前全局设置moment的区域设置。
1.在HTML中导入
moment-with-locales.min.js
。1.在JavaScript中设置locale:
moment.locale('sv-SE');
个1.初始化图表。
6ioyuze22#
假设您要讨论的是本地化日期,首先需要确保图表显示的日期可以被JavaScript的
toLocaleDateString
函数解析。例如
options.scales.xAxes[0].time.displayFormats.day = 'h:mm:ss a';
可能的格式列表为https://www.chartjs.org/docs/2.9.4/axes/cartesian/time.html
然后,再次在
options
jsonoptions.scales.xAxes[0].ticks
中,设置一个对date值的回调函数,这样就可以将其本地化,如下所示。rnmwe5a23#
好吧,chartjs与本地化无关;不,不是的
他们甚至有no support翻转标签等,但你应该不会有任何问题,除非你需要显示rtl图表。