Echarts 横轴文字竖着显示和倾斜显示(转载)

横轴文字竖着显示和倾斜显示

竖着显示

img

xAxis:{
    axisLabel:{
        interval: 0, // 标签全部显示,间隔0个标签显示
        formatter: function (value) {
        //x轴的文字改为竖版显示
        var str = value.split("");
        return str.join("\n");
        }
    },
}

倾斜45°显示

img

xAixs : {
    // x轴文字倾斜
    axisLabel:{
        interval:0,
        rotate:45,//倾斜度 -90 至 90 默认为0
        margin:2,
        textStyle:{
        fontWeight:"bolder",
        color:"#000000"
        }
    }
}

最后

十分感谢原博主,原博客的地址为:

posted @ 2021-02-27 18:58  DAmarkday  阅读(1112)  评论(0)  编辑  收藏  举报