使用德国日期值绘制 Plotly 图表

Question

我最近开始使用 xslt 从给定的 xml 文档生成 html。我正在尝试使用 plotly 显示历史值，它已经运行良好。

尽管如此，我目前面临一个问题：带有日期值的 x 轴应该以德语显示。我已经尝试将语言环境设置为 'de_DE'，但不幸的是这不起作用。有人知道它是如何工作的吗？

var myPlot = node.children[0];
trace1 = {
  x: values.map(a => a.xvalue),
  y: values.map(a => a.yvalue),
  type:'scatter',
  name:'Messung',
  locale:'de_DE',
  hovertemplate: '<b>Wert:</b> %{y}<br><b>Datum:</b> %{x}<br>'
};
data = [ trace1 ];
layout = {
  title: 'Verlaufswert: ' + vitSigTitle,
  hovermode:'closest',
  xaxis: {
    autorange: true,
    range: [beginDate, endDate],
    rangeselector: {
      buttons: [
        {
          count: 1,
          label: 'Monat',
          step: 'month',
          stepmode: 'backward'
        },
        {
          count: 6,
          label: '6 Monate',
          step: 'month',
          stepmode: 'backward'
        },
        {
          count: 1,
          label: 'Jahr',
          step: 'year',
          stepmode: 'backward'
        },
        {
          count: 1,
          label: 'Day',
          step: 'day',
          stepmode: 'backward'
        },
        { step: 'all' },
      ]
    },
    rangeslider: {range: [beginDate, endDate]},
    type: 'date'
  },
  yaxis: {
    title: vitSigUnit,
    autorange: false,
    range: [minValue-10, maxValue+10],
    type: 'linear',
    locale:'de_DE'
  }
};

Plotly.newPlot(node.children[0], data, layout, {locale: 'de-DE'});
console.log(Plotly.BUILD);

Answer 1

只设置locale是不行的，还得包含相应的js文件，见https://github.com/plotly/plotly.js/blob/master/dist/README.md#to-include-localization

使用德国日期值绘制 Plotly 图表

Plot Plotly chart with german date values

javascript

plotly

locale

plotly.js