如何替换 highcharts 甘特图时间轴中的“周”一词？答案

【问题标题】：How can I replace the term "Week" in highcharts Gantt Chart Timeline?如何替换 highcharts 甘特图时间轴中的“周”一词？
【发布时间】：2021-02-06 00:57:50
【问题描述】：

不幸的是，Highcharts 语言选项没有为术语“week”提供参数，因此在甘特图的时间线标题中，术语“Week”无法翻译（在我的情况下为德语“Woche”或“KW” )

Highcharts.setOptions({ lang: {...} 不提供“week”的翻译。我尝试了“week”和“weeks”来查看这些参数是否存在而没有记录，但这也不起作用。

所以似乎无法使用语言选项更改术语“周”？还有另一种可能吗？还是会在未来的版本中添加此选项？

【问题讨论】：

标签： highcharts gantt-chart

【解决方案1】：

您可以在dateTimeLabelFormats 中更改术语“周”：

xAxis: [{
    ...
}, {
    dateTimeLabelFormats: {
        week: 'Woche %W'
    }
}]

现场演示： https://jsfiddle.net/BlackLabel/vw7hjg64/

API 参考： https://api.highcharts.com/gantt/xAxis.dateTimeLabelFormats.week

【讨论】：

【解决方案2】：

您必须将dateTimeLabelFormats.xAxis.list 设置为选项列表，因为根据缩放级别可能会使用短格式（W1）或长格式（第1周）。

您还必须通过将 xAxis 设置为数组来定义它两次（对于 2 行标题），其中第一个元素是底行的配置，第二个元素是顶行的配置：

this.gantt = HighchartsGantt.ganttChart('gantt', {
    // ...

    xAxis: [{
       // ...
       dateTimeLabelFormats: {
         week: {
           list: [ 'Semaine %W', 'S%W' ]
         } as Highcharts.AxisDateTimeLabelFormatsOptionsObject
       }
    }, {
       dateTimeLabelFormats: {
         week: {
           list: [ 'Semaine %W', 'S%W' ]
         } as Highcharts.AxisDateTimeLabelFormatsOptionsObject
       }
    }]

    // ...
});

如果您使用 typescript，则必须将 week 属性转换为 Highcharts.AxisDateTimeLabelFormatsOptionsObject（我没有为这些特定的甘特图选项找到任何合适的类型）。

参考资料： https://api.highcharts.com/gantt/xAxis.dateTimeLabelFormats https://www.highcharts.com/forum/viewtopic.php?t=43936#p155436

【讨论】：