Highcharts X轴日期粗体答案

【问题标题】：Highcharts X axis date boldHighcharts X轴日期粗体
【发布时间】：2021-02-01 16:22:14
【问题描述】：

我正在尝试在我的 highcharts x 轴上将日期设置为粗体和红色，其中时间也以 12 小时格式显示。我已经完成了以下代码，但它使 x 轴上的所有元素都像我的时间是 12 小时格式一样粗体。

Highcharts.each($('.highcharts-xaxis-labels')[0].children, function(p, i) {
                    if (p.textContent.match(/[a-z]/i)) {
                      $(p).css({
                        fill: '#951515',
                        fontWeight: 'bold'
                      })
                    }
                  })

我如何做到这一点？

【问题讨论】：

所以您只希望日期（5 月 31 日）为黑色粗体...其余的没有变化？
是的@LouysPatriceBessette，它是粗体红色。

标签： javascript jquery regex highcharts

【解决方案1】：

尝试在条件中进行此更改以匹配。

如果不是时间，则将其设为粗体黑色。

Highcharts.each($('.highcharts-xaxis-labels')[0].children, function(p, i) {
  if ( !p.textContent.match(/\d\d[ap]m/i)) {
    $(p).css({
      fill: '#951515',
      fontWeight: 'bold'
    })
  }
})

\d\d[ap]m 将匹配 04am、16pm 等。

【讨论】：