努力成为一名合格的前端开发工程师!!!

闻达有先后,术业有专攻,努力,加油ing!!!!

导航

highcharts x轴中文刻度太长换行

xAxis: {
    type: 'category',
    title:null,
    gridLineWidth: 1,
    lineColor: "#50ae93",
    labels: {
        style: {
            fontSize: '10px'
        },
        formatter: function() {
            var labelVal = this.value;
            var reallyVal = labelVal;
            var lvl = labelVal.length;
            if(lvl > 8 && lvl <=16){
                reallyVal = labelVal.substr(0,8)+"<br/>"+labelVal.substring(8,lvl);
            }else if(lvl > 16 && lvl <=24){
                reallyVal = labelVal.substr(0,8)+"<br/>"+labelVal.substr(8,8)+"<br/>"+labelVal.substring(16,lvl);
            }else if(lvl > 24){
                reallyVal = labelVal.substr(0,8)+"<br/>"+labelVal.substr(8,8)+"<br/>"+labelVal.substr(16,8)+"<br/>"+labelVal.substring(24,lvl);
            }
            
            return reallyVal;
        }
    },
    categories:['测试2016到2017学年度测试2016到2017学年度测试2016到2017学年度','测试2016到2017学年度测试2016到2017学年度测试2016到2017学年度','测试2016到2017学年度测试2016到2017学年度测试2016到2017学年度']
},

 

posted on 2017-06-19 13:46  前端小小匠  阅读(3653)  评论(0编辑  收藏  举报