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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...