javascript - 如何根据用户区域设置 Dygraphs 图例中的日期和时间格式

Question

我有一个图表，显示设备随时间的功率输出，我想格式化图例，以便它以当前用户所在位置的样式显示时间戳(例如，在美国，它会显示 MM/DD/YY h:m:s am/pm，在欧盟将显示 DD/MM/YYYY HH:MM:SS 等)。

目前为默认设置，如下:

我传入一个 JS Date() 对象作为 x 轴，我发现你可以 modify the x-axis labels ，但我找不到任何有关将鼠标悬停在图表上时更改图例格式的信息。

Answer 1

您发现了 axisLabelFormatter选项，可让您控制 x 轴上标签的格式。

要控制图例中标签的格式，您需要使用 valueFormatter

g = new Dygraph(div, data,
    axes: {
        x: {
            axisLabelFormatter: function (d, gran) {
                return d.toLocaleDateString();
            },
            valueFormatter: function (ms) {
                return new Date(ms).toLocaleDateString();
            }
        }
    }
});

参见this fiddle一个完整的例子。一个格式化程序函数采用日期，而另一个格式化程序函数采用自纪元以来的毫秒数，这很奇怪吗？是的。不幸的是，我们陷入了这种不一致的境地。