亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

Echarts x軸文本內容太長的幾種解決方案

2018-5-16    seo達人

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

Echarts 標簽中文本內容太長的時候怎么辦 ? 
- 1對文本進行傾斜 
在xAxis.axisLabe中修改rotate的值

 xAxis: {
            data: ["襯衫11111","羊毛二二","雪紡衫111","褲子111","高跟鞋11","襪子111"],//x軸中的數據 name:"123",//坐標軸名稱。 nameLocation:'end',//坐標軸名稱顯示位置。 axisLabel : {//坐標軸刻度標簽的相關設置。 interval:0, rotate:"45" }
        },
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

interval

坐標軸刻度標簽的顯示間隔(在類目軸中有效哦),默認會采用標簽不重疊的方式顯示標簽(也就是默認會將部分文字顯示不全) 
可以設置為0強制顯示所有標簽,如果設置為1,表示隔一個標簽顯示一個標簽,如果為3,表示隔3個標簽顯示一個標簽,以此類推

一開始我沒設置 因為標簽文本過長的原因他就自動不顯示全部 
image.png

被遮擋住就讓grid 組件離容器向上移動 把grid中的bottom的值調大一些

 grid:{//直角坐標系內繪圖網格 show:true,//是否顯示直角坐標系網格。[ default: false ] left:"20%",//grid 組件離容器左側的距離。 right:"30px",
            borderColor:"#c45455",//網格的邊框顏色 bottom:"20%" // },
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

image.png 
- 2.換行顯示 
在xAxis.axisLabel中 使用formatter回調函數實現換行

 axisLabel : {//坐標軸刻度標簽的相關設置。 formatter : function(params){ var newParamsName = "";// 最終拼接成的字符串 var paramsNameNumber = params.length;// 實際標簽的個數 var provideNumber = 4;// 每行能顯示的字的個數 var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 換行的話,需要顯示幾行,向上取整 /**
                             * 判斷標簽的個數是否大于規定的個數, 如果大于,則進行換行處理 如果不大于,即等于或小于,就返回原標簽
                             */ // 條件等同于rowNumber>1 if (paramsNameNumber > provideNumber) { /** 循環每一行,p表示行 */ for (var p = 0; p < rowNumber; p++) { var tempStr = "";// 表示每一次截取的字符串 var start = p * provideNumber;// 開始截取的位置 var end = start + provideNumber;// 結束截取的位置 // 此處特殊處理最后一行的索引值 if (p == rowNumber - 1) { // 最后一次不換行 tempStr = params.substring(start, paramsNameNumber);
                                    } else { // 每一次拼接字符串并換行 tempStr = params.substring(start, end) + "\n";
                                    }
                                    newParamsName += tempStr;// 最終拼成的字符串 }

                            } else { // 將舊標簽的值賦給新標簽 newParamsName = params;
                            } //將最終的字符串返回 return newParamsName
                }

            }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36

image.png

  • 3.文字豎直顯示 
    同樣和換行一個道理,只是這個是單個文字換行 
    在xAxis.axisLabel中 使用formatter回調函數實現換行
axisLabel: { interval: 0,  
                               formatter:function(value) {  
                                   return value.split("").join("\n"); } } 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

image.png

  • 4.隔一個換行 
    在xAxis.axisLabel中 使用formatter回調函數實現換行
axisLabel : {//坐標軸刻度標簽的相關設置。 clickable:true,//并給圖表添加單擊事件  根據返回值判斷點擊的是哪里 interval : 0,
                formatter : function(params,index){ if (index % 2 != 0) { return '\n\n' + params;
                    } else { return params;
                    }
                }

            }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

image.png

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 国产午夜亚洲精品不卡| 在线亚洲美日韩| 欧美四级在线| 9久草视频在线视频精品| 欧美系列电影免费观看| 亚洲欧美高清| 国内成+人亚洲| 欧美成人午夜激情在线| 日韩一区二区高清| 国产精品国产福利国产秒拍| 久久国产成人| 亚洲日本久久| 国产精品美女午夜av| 久久综合狠狠综合久久激情| 亚洲黄色性网站| 欧美日韩一区二区三区| 欧美在线视屏| 亚洲人成77777在线观看网| 国产精品免费看片| 欧美mv日韩mv国产网站| 亚洲一区二区三区乱码aⅴ蜜桃女| 国产精品入口福利| 国产欧美va欧美不卡在线| 欧美激情视频在线播放 | 欧美在线免费视频| 亚洲啪啪91| 国产美女精品视频免费观看| 欧美3dxxxxhd| 欧美在线日韩精品| 久久夜色精品| 午夜在线精品| 99精品热6080yy久久| 国产一区在线免费观看| 国产精品高清一区二区三区| 国产精品久久久久久久久久尿| 欧美成人一区在线| 欧美日韩国产在线看| 久久国内精品视频| 久久午夜电影| 香蕉乱码成人久久天堂爱免费| 亚洲精品一品区二品区三品区| 国产一区二区三区网站| 欧美日韩网站| 蜜桃av一区二区| 久久福利电影| 午夜精品久久久久久久99水蜜桃| 99精品视频一区二区三区| 国产综合久久| 亚洲国产日韩欧美一区二区三区| 亚洲性感美女99在线| 日韩视频第一页| 永久555www成人免费| 国产欧美婷婷中文| 国产精品卡一卡二卡三| 欧美激情第三页| 蜜桃久久精品一区二区| 久久午夜激情| 欧美日韩直播| 韩国三级在线一区| 国模叶桐国产精品一区| 日韩视频精品在线| 久久久91精品国产| 久久九九热re6这里有精品| 欧美激情亚洲自拍| 国产一区二区三区在线免费观看| 亚洲理伦电影| 久久久久久免费| 久久中文字幕一区| 久久久久久久性| 欧美日韩精品欧美日韩精品| 欧美精品自拍| 欧美另类专区| 激情久久久久久久| 韩国女主播一区| 在线成人性视频| 1769国产精品| ●精品国产综合乱码久久久久| 亚洲一区二区精品视频| 亚洲制服欧美中文字幕中文字幕| 亚洲综合第一| 欧美一区二区三区四区视频| 欧美一区永久视频免费观看| 欧美精品久久久久久久| 欧美精品一区二区在线观看 | 欧美一级午夜免费电影| 午夜精品一区二区三区在线播放 | 欧美午夜宅男影院在线观看| 亚洲精品久久久蜜桃| 久久久久久久久一区二区| 国产农村妇女毛片精品久久麻豆| 国产视频亚洲精品| 国产亚洲成精品久久| 这里只有精品电影| 欧美在线电影| 国产精品久久福利| 国产日韩欧美自拍| 一区二区自拍| 亚洲精品少妇网址| 亚洲一区高清| 欧美日韩 国产精品| 国产精品美女黄网| 一区二区三区欧美亚洲| 欧美亚洲一级片| 久久婷婷国产综合尤物精品| 国产精品私人影院| 亚洲一二三四区| 欧美经典一区二区| 亚洲人成在线观看| 欧美二区在线| 国产精品丝袜白浆摸在线| 国内久久婷婷综合| 亚洲国产小视频在线观看| 夜夜嗨av一区二区三区中文字幕| 午夜精彩国产免费不卡不顿大片| 久久久久久久91| 国产三级欧美三级日产三级99| 午夜精品久久久久久久蜜桃app| 久久精品视频播放| 欧美日韩不卡| 国产日韩精品一区二区三区在线| 亚洲一区二区三区在线| 国产精品v欧美精品v日韩| 国产视频久久网| 亚洲欧洲精品一区二区| 快射av在线播放一区| 亚洲高清av在线| 亚洲免费视频观看| 国产精品久久久久久久久久久久久久| 亚洲视频导航| 免费观看久久久4p| 亚洲激情成人| 欧美激情一区二区三区在线视频| 国产日韩精品一区二区浪潮av| 午夜免费在线观看精品视频| 国产日韩精品一区| 久久免费视频在线观看| 欧美视频在线播放| 亚洲一区图片| 国产一区二区福利| 毛片av中文字幕一区二区| 亚洲精品欧美专区| 国产精品夫妻自拍| 久久高清免费观看| 91久久久国产精品| 欧美日韩国语| 亚洲国产专区校园欧美| 欧美精品在线免费| 伊人成人开心激情综合网| 亚洲视屏在线播放| 欧美国产日韩一区二区在线观看 | 欧美日韩精品久久久| 亚洲免费在线观看| 欧美日韩成人一区| 亚洲视频香蕉人妖| 国产日韩精品久久| 欧美成人嫩草网站| 伊人影院久久| 欧美日韩成人一区| 欧美一区影院| 亚洲区在线播放| 国产精品区二区三区日本| 久久精品首页| 国产一区二区三区在线播放免费观看| 玖玖国产精品视频| 好男人免费精品视频| 欧美激情久久久久| 亚洲欧美中文日韩v在线观看| 伊人婷婷久久| 国产精品xxxav免费视频| 日韩一区二区精品| 国产美女精品免费电影| 欧美大尺度在线| 欧美亚洲免费电影| 亚洲日本va午夜在线电影| 国产日韩欧美精品综合| 小辣椒精品导航| 亚洲激情不卡| 欧美国产精品中文字幕| 亚洲欧美成人综合| 亚洲国产婷婷综合在线精品| 麻豆精品视频| 在线看国产日韩| 国产精品久久久久影院色老大| 久久亚洲欧美| 亚洲综合电影| 亚洲精品一区二区三区在线观看| 欧美成年人在线观看| 亚洲欧美自拍偷拍| 亚洲精品国产精品乱码不99按摩| 国产欧美在线视频| 欧美日本免费| 快播亚洲色图| 亚洲国产va精品久久久不卡综合| 国产精品成人免费精品自在线观看| 美女露胸一区二区三区| 欧美一二三视频| 一本久久综合亚洲鲁鲁五月天| 亚洲盗摄视频| 国产伊人精品| 国产精品亚洲综合|