javascript - 如何在chart.js中分别设置两个标签的样式

Question

有谁知道如何将不同的样式应用于chart.js 中标签数组中的数组中存在的元素。请参阅下面的内容以了解我的意思。

我做了图表，看到标签显示在两条线上 1.温度 2.时间

但我希望标签看起来像这样：

我应该如何设计标签？

const data = {
  labels: [
    ['21°', '10am'],
    ['21°', '10am'],
    ['21°', '10am'],
    ['21°', '10am'],
    ['21°', '10am'],
    ['21°', '10am'],
  ],
  datasets: [{
    data: [21, 20, 3, 3, 3, 21],
  }, ],
};
const options = {
  xAxes: [{
    gridLines: {
      drawBorder: false,
      lineWidth: 1.8,
      zeroLineWidth: 1.8,
      zeroLineColor: 'rgba(0,0,0,.3)',
      color: 'rgba(0,0,0,.3)',
    },
    ticks: {
      fontColor: 'black',
      fontSize: 15,
      padding: 7,
    },
    scaleLabel: {
      fontColor: 'rgb(0,0,0)',
    },
  }, ],
}