dygraphs - 如何在 Dygraphs 中本地化日期格式

Question

我即将在非英语语言环境中使用 dygraphs。为了提供最友好的用户界面，我想更改日期格式本地化。

有没有办法用 dygraphs 来实现这一点？

最好的，迈克尔

Answer 1

Dygraphs 提供了一个通过 渲染 x 轴标签的选项axisLabelFormatter，这是一个应该将值从轴转换为字符串的函数。根据您的数据，第一个参数是数字或 JavascriptDate对象，可以按您喜欢的方式进行格式化。

此代码段在捷克语中将日期显示为MONTH YEAR。

g = new Dygraph(…, …, {
        axes: {
            x: {
                axisLabelFormatter: function(date, granularity, opts, dygraph) {
                    var months = ['leden', 'únor', 'březen', 'duben', 'květen',
                                  'červen', 'červenec', 'srpen', 'září',
                                  'říjen', 'listopad', 'prosinec'];
                    return months[date.getMonth()] + " " + date.getFullYear();
                }
               }
              }
    });

您可能会更花哨，对于实际使用，您可能应该granularity根据需要使用参数来显示不同的精度。

Answer 2

本地化的简单方法是重新定义内部 Dygraph 变量

// after include dygraph and before ... = new Dygraph (...
var SHORT_MONTH_NAMES_ = ['leden', 'únor', ..., 'listopad', 'prosinec'];