美文网首页数据可视化
echarts-横坐标文字竖着显示和倾斜45°显示

echarts-横坐标文字竖着显示和倾斜45°显示

作者: 冬天的_太阳 | 来源:发表于2019-04-30 17:35 被阅读0次

    竖着显示


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

    倾斜45°显示

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

    相关文章

      网友评论

        本文标题:echarts-横坐标文字竖着显示和倾斜45°显示

        本文链接:https://www.haomeiwen.com/subject/mjnvnqtx.html