highcharts x轴中文刻度太长换行

最新推荐文章于 2020-06-10 19:20:08 发布

苘迷

最新推荐文章于 2020-06-10 19:20:08 发布

阅读量590

点赞数

分类专栏：前端文章标签： javascript

原文链接：https://www.mk2048.com/blog/blog.php?id=h0i21i02kkab&title=highcharts+x%E8%BD%B4%E4%B8%AD%E6%96%87%E5%88%BB%E5%BA%A6%E5%A4%AA%E9%95%BF%E6%8D%A2%E8%A1%8C

版权

前端专栏收录该内容

734 篇文章 1 订阅

订阅专栏

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学年度']
},