Plotly for javascript: 英语以外的日期语言

问题描述 投票:0回答:1

我正在使用 plotly 来创建图表。 x 轴包含日期。月份的名称是英文的,但我想要荷兰文的。

这是我用 plotly 做的一个简单例子:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>My chart page</title>
        <script src='https://cdn.plot.ly/plotly-2.20.0.min.js'></script>
    </head>
    
    <body>
        <div id="root"></div>
    </body>
    
    <script>
       var trace1 = {
          x: ['2023-05-01', '2023-05-02', '2023-05-03'],
          y: [20, 14, 23],
          name: 'apples',
          type: 'bar'
        };

        var trace2 = {
          x: ['2023-05-01', '2023-05-02', '2023-05-03'],
          y: [12, 18, 29],
          name: 'oranges',
          type: 'bar'
        };

        var data = [trace1, trace2];

        var layout = {
            barmode: 'stack',
            xaxis: {
                tickformat: "%b %d",
                dtick: "D1"
            },
        };

        Plotly.newPlot('root', data, layout);
    </script>
</html>

有谁知道如何更改用于月份名称的语言?

此外:悬停文本还包含英文月份名称。

plotly
1个回答
0
投票

要将月份名称更改为荷兰语,您可以使用荷兰语缩写代替英语月份名称。例如,如果要在一月份显示“jan”而不是“Jan”,则可以将

tickformat
更改为:

tickFormat: (tick: any) => d3.format('%b %d')(tick).replace('Jan', 'jan').replace('Feb', 'feb').replace('Mar', 'mrt').replace('Apr', 'apr').replace('May', 'mei').replace('Jun', 'jun').replace('Jul', 'jul').replace('Aug', 'aug').replace('Sep', 'sep').replace('Oct', 'okt').replace('Nov', 'nov').replace('Dec', 'dec').
© www.soinside.com 2019 - 2024. All rights reserved.