我正在使用 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>
有谁知道如何更改用于月份名称的语言?
此外:悬停文本还包含英文月份名称。
要将月份名称更改为荷兰语,您可以使用荷兰语缩写代替英语月份名称。例如,如果要在一月份显示“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').