javascript - highcharts 日期时间 x 轴自定义格式

Question

我只想将每个工作日的第一个字母作为 x 轴，即重复 M T W T F S S。目前您可以设置 dateTimeLabelFormats，我已将其设置为使用 %a，这是短工作日(周一周二周三等)的日期格式。我怎样才能只使用第一个字母？

这是我的代码(我在 rails 中使用 Lazy Highcharts)

 f.xAxis({type: 'datetime', tickInterval: 24*3600*1000, dateTimeLabelFormats: {
        day: '%a',
        week: '%a'}
        })

谢谢。

Answer 1

在 xAxis 的 label -> formatter 中，使用 dateFormat 函数获取月份，然后使用 substring 函数获取第一个字母并返回该字母，如下所示 -

xAxis: {        
    type: 'datetime',
    labels: {
        formatter: function() {
            var monthStr = Highcharts.dateFormat('%b', this.value);
            var firstLetter = monthStr.substring(0, 1);
            return firstLetter;
        }
    }
},

See it on jsfiddle