2. 程式人生 > >Echarts 標籤過長如何讓axisLabel換行

Echarts 標籤過長如何讓axisLabel換行

阿新 • • 發佈：2018-12-31
require.config({ paths : { echarts : 'http://echarts.baidu.com/build/dist' } }); require( [ 'echarts', 'echarts/chart/bar', 'echarts/chart/line' ], function(ec) { var myChart = ec.init(document.getElementById('main'
), 'macarons'); var option = { xAxis : { show : true, type : 'category', data : [ '一二三四五六', '一二三四五', '二三四五', '二三四五六七八九', '二三四五一七八九十'
], axisLabel : { interval : 0, formatter : function(params){ var newParamsName = ""; var paramsNameNumber = params.length; var
provideNumber = 4; var rowNumber = Math.ceil(paramsNameNumber / provideNumber); if (paramsNameNumber > provideNumber) { 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 } } }, yAxis : { type : 'value' }, series : [ { name : "人數", type : "bar", data : [ 12, 24, 25, 11, 18 ] } ] }; myChart.setOption(option); });

相關推薦

Echarts 標籤過長如何讓axisLabel換行

require.config({ paths : { echarts : 'http://echarts.baidu.com/build/dist' } }); require(

echarts x/y軸座標文字過長解決辦法-換行

/** * Created by HanSon on 2016/1/24. */ function newline(option, number, axis){ /* 此處注意你的json是陣列還是物件 */ option[axis][0][

VS程式設計，C#中string字串過長，回車換行寫在不同的行的一種方法。

1、使用@對字串進行轉義。 “”雙引號裡裡面的特殊字元不再具有轉義功能，例如\n不再被轉義成換行符。 2、使用@對字串進行轉義，若字串中包含雙引號，則需要在雙引號外，再加一個雙引號以區分。 例如： string sqlString =

表格中的內容過長時不換行，以tips方式展示

專案使用vue+element-ui tooltip-effect="light" <el-table>需要設定這個屬性, 然後在需要使用的<el-table-column>中使用 show-overflow-tooltip="true" 既能實現效

PL/SQL Developer下設定 長SQL自動換行

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

linux下如果指令太長，怎麼換行輸入；怎麼快速刪除整行命令；怎麼快速移動到命令最前或者最後

1.範例:如果指令串太長的話,如何使用兩行來輸出? [[email protected] ~]$ cp /var/spool/mail/root /etc/crontab \ > /etc/fstab /root “\Enter” （\加鍵盤迴車）即可實現 2.ctrl+u

css 長單詞不換行溢位容器的解決方法 word-wrap與word-break

這兩個東西是什麼，我相信至今還有很多人搞不清，只會死記硬背的寫一個word-wrap:break-word;word-break:break-all;這樣的東西來強制斷句，又或者是因為這兩個東西實在是太拗口了，長得又差不多，導致連背都很難背下來。 那它們到底是什麼呢？我在m

關於span標籤，元素多時，換行沒自動一整塊下去，中間截斷

只要 給父級盒子加上 css樣式就可以了！用flex佈局！然後子元素就會自適應換行！ <style> /* body{ display: flex; justify-content: flex-st

php清除html標籤，除空格和換行

方法一，strip_tags（）剝去字串中的 HTML 標籤： <?php echo strip_tags("Hello <b>world!</b>"); //執行結

css 文字長時不換行 顯示...

.title{     text-overflow: ellipsis;//clip 修剪文字。ellipsis 顯示省略符號來代表被修剪的文字。string 使用給定的字串來代表被修剪的文字。     white-space: nowrap;//規定文字不進行換行 直到遇到 <br> 標籤為止。

單詞太長導致自動換行，出現空白區域。——word-wrap和word-break（英文單詞換行）

寫在前面： 在寫頁面的時候，偶爾有時會遇到下圖這兩種情況，一種是單詞過長時會溢位div，一種是直接換行，導致出現空白區域。這兩個情景就需要word-wrap、word-break這兩個屬性出場來解決了。閒話不扯了，本文主要內容有：word-wrap和word-

pre標籤中內容超出時換行

pre { white-space: pre-wrap; /*css-3*/ white-space: -moz-pre-wrap; /*Mozilla,since1999*/ white-spa

highCharts tootip 內容太長，自動換行.

原理：通過tooltip 的pointformatter 方法：做2個操作： 1 取消父級span的 white-space，這個屬性導致span不能換行 2 新增換行的div重組內容 //執行效果圖 /*****************************

echarts legend太多換行顯示及legend每個標籤文字過長分兩行顯示的間距調整問題

最近在做大資料相關的東西，用到了echarts，然後遇到了有10個legend，要分左右顯示，並且每五個字換行顯示問題。 前者很快就解決出來了，後者換行顯示的話文字捱得很近，怎麼辦呢，第一反應自己搞不定，那就百度看看有沒有解決方案，結果一大堆都是說前者分左右換行顯示，後者沒

echarts圖表裏label文字過長換行的方法

.com 但是 echarts 求余 字符串數組 字數 進行 http 圖標 在做一些圖標時,有時會出現顯示文字過長的問題,需要將其按照指定的字數換行,像下圖這樣 而echarts沒有提供換行的方法,但是可以使用fomatter方法進行設置,代碼如下 formatt

讓標籤太長自動換行

pre{         white-space:pre-wrap;         white-space:-moz-pre-wrap;         white-space:-pre-wrap;         white-space:-o-pre-wrap;

echarts的axisLabel的文字內容過長的解決辦法

star 設置 spl 指導 字符串 nbsp har bsp color 通過查找資料學習，我總結了四種解決的辦法，不一定是最好的，但是希望能夠幫助到需要的童鞋，同時如果大家有什麽更好的方法歡迎指導。 方法一：這種方法就是將文本內容轉換為字符串數組，然後再按需求換行，需要

HTML table表格td固定繼承寬度，過長換行顯示，不允許自動加長

table { border: #f2d69c 10px groove; width: 95%; padding: auto; margin-left: 2.5%; margin-right: 2.5%; } 設定成這樣 如果資料很長的話，會突破9

jqgrid單元格內容過長換行

JQGrid表頭自動換行的辦法： 如果table的header部分欄位太多或欄位文字太長需要自動換行時，可嘗試如下css。 <style type="text/css" media="screen">     th.ui-th-column div{

ireport報表製作， 當一個欄位顯示的資料太多時（資料過長），則需要自動換行

1、當一個欄位顯示的資料太長，一個表格放不下，則需要自動換行，選中要更改的表格（要顯示動態內容的欄位），設定屬性Stretch with overflow 為鉤選狀態。 未勾選之前：   勾選之後：   2、但是，表格出現斷層的情況