时间戳

首页 > 解决方案 > Highcharts X轴日期粗体

javascript - Highcharts X轴日期粗体

问题描述

我试图在我的 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'
                      })
                    }
                  })

我该如何做到这一点？

输出

标签： javascriptjqueryregexhighcharts

解决方案

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

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

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等。

推荐阅读