javascript – highcharts datetime x轴自定义格式

我想把每个工作日的第一个字母作为x轴,即重复M T W T F S S.目前,您可以设置dateTimeLabelFormats,我设置为使用％a,这是在较短的工作日(周一周二周三等)的dateFormat.如何使用第一个字母？

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

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

谢谢.

解决方法

在标签 – >对于xAxis的格式化程序,使用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

原文地址：https://www.jb51.cc/js/154691.html