如何让我的plotly.js图表将日期翻译成当地语言？

Question

我们正在使用 Plotly.js 图表开发 AngularJS 应用程序。我们的一张图表上的 x 轴显示日期：

这些日期以以下格式传递到图表：

2022-11-01T06:01:00.000Z

。

我们的应用程序的一条规则是所有文本都需要可翻译为其他语言。所以我想知道 Plotly.js 在图表布局或数据上是否有一个属性来告诉它将日期翻译成什么语言。或者检测区域并相应地翻译日期。

例如，在北美，日期可能显示为“2023 年 1 月”。但如果我在俄罗斯，我希望看到“январь 2023”（或者任何简写形式，如果他们使用简写的话）。

请注意，我并不是要求区域格式。我可以用

new Date(date).toLocaleDateString('ru-RU')

格式化日期以获得

01.11.2023

，但这不是我要问的。我要求翻译月份名称和星期名称。

谢谢！

Answer 1

Plotly.js 本地化默认为美国英语 (en-US)，并在标准包中包含英国英语 (en)。

为了使用非默认语言环境，您需要先加载它/它们。您可以使用

https://cdn.plot.ly/plotly-locale-<YOUR-LOCALE>-latest.js

形式的 Plotly CDN url，例如。在你的html中添加afterplotly.js脚本标签：

<script src="https://cdn.plot.ly/plotly-locale-ru-latest.js"></script>

然后，您可以将区域设置设置为所有 Plotly 绘图的默认值：

Plotly.setPlotConfig({locale: 'ru'});

...或通过其

config

:

将其设置为特定绘图

const config = {locale: 'ru'};
Plotly.newPlot('myDiv', data, layout, config);

有关更多信息和可用语言环境列表，请参阅如何包含本地化。