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;
                                        }
                                    }
                                }
                            }
                        ],
  • 相关阅读:
    在C#中使用正则表达式
    C++流操纵算子(格式控制)
    linux(Fedora) doxygen 的安装和使用
    UTF8
    java cookie全解析
    Fedora16 安装Adobe Flash Player方法
    工程素养
    感悟数据封装
    谷歌如何保护隐私
    openCV画的词法分析图
  • 原文地址:https://www.cnblogs.com/chenmz1995/p/11536119.html
Copyright © 2011-2022 走看看