如何使用chart.js在时间轴上突出显示/格式化特定日期标签（例如今天）？

Question

我有一个图表，x轴是时间线。以下是ChartOptions的相关摘录：

scales:
      {
        xAxes:
          [
            {
              display: true,
              type: 'time',
              time: {
                unit: this.shortPeriod ? 'day' : 'week',
                displayFormats: {
                  day: 'ddd',
                  week: '[W] W'
                },
                isoWeekday: true,
                display: false,
                tooltipFormat: 'dddd DD. MMM'
              }
            }
          ]
       }

一周的示例：

现在，我希望调整/格式化特定的日期标签，例如

1. 将今天的日期替换为标签“ Today”
2. 将字体粗细增加到bold

任何想法我怎么能实现？

Answer 1

您可以应用要返回文本“ Today”的任何自定义格式：https://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats

在3.0（当前为Alpha版）中，您可以使用可脚本化的刻度选项对您选择的粗体进行单个刻度：

fontStyle: function(context) {
        return context.index === 0 ? 'bold' : undefined;
},

https://www.chartjs.org/docs/next/axes/styling.html#tick-configuration