zoukankan      html  css  js  c++  java
  • echarts设置横坐标的信息竖向排放

    需要在xAxis 中添加 axisLabel , demo案例如下:

    设置成每行两个文字竖向排放。

                        xAxis : [
                            {
                                type : 'category',
                                data : this.xAxis,
                                axisTick: {
                                    alignWithLabel: true
                                },
                                axisLabel: {
                                    interval: 0,
                                    formatter: function(value) {
                                        //return value.split("").join("
    ");
                                        //debugger
                                        var ret = "";//拼接加
    返回的类目项
                                        var maxLength = 2;//每项显示文字个数
                                        var valLength = value.length;//X轴类目项的文字个数
                                        var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                                        if (rowN > 1)//如果类目项的文字大于3,
                                        {
                                            for (var i = 0; i < rowN; i++) {
                                                var temp = "";//每次截取的字符串
                                                var start = i * maxLength;//开始截取的位置
                                                var end = start + maxLength;//结束截取的位置
                                                //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
                                                temp = value.substring(start, end) + '
    ';
                                                ret += temp; //凭借最终的字符串
                                            }
                                            return ret;
                                        }
                                        else {
                                            return value;
                                        }
                                    }
                                }
                            }
                        ],
  • 相关阅读:
    python 获取Excel 的内容
    python 获取文件Excel 的行数与列数
    python 读取Excel 取出表头(列名)
    DRF的视图组件
    Redis
    Git的故事
    DRF的JWT用户认证
    DRF的三大认证组件
    DRF的序列化组件
    DRF的请求响应组件
  • 原文地址:https://www.cnblogs.com/chenmz1995/p/11536119.html
Copyright © 2011-2022 走看看