javascript – highcharts datetime x轴自定义格式

前端之家收集整理的这篇文章主要介绍了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

猜你在找的JavaScript相关文章