Echarts設(shè)置y軸值間隔

需求:如圖,y軸之間的距離太小,這樣就太過于擁擠了,現(xiàn)在要修改echarts里面的屬性,設(shè)置y軸值間隔讓圖表看上去舒服一些。

其實(shí)很多問題,真的只是因?yàn)樽约簺]有好好的看文檔,很多文檔上面都寫的清清楚楚的,主要是設(shè)置這段代碼,max(設(shè)置y軸最大值)和splitNumber

總結(jié)一下公式就是,

max/ splitNumber=y軸值間隔

(比如將y軸200平均成5個(gè)點(diǎn),每個(gè)點(diǎn)的間距就是40)


yAxis : [ { // 縱軸標(biāo)尺固定
            type : 'value',
            scale : true,
            max : 200,
            min : 0,
            splitNumber : 5,
            boundaryGap : [ 0.2, 0.2 ]
        } ],

可以看一下修改之后的結(jié)果:比之前好很多。



原文作者:祈澈姑娘 技術(shù)博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛編程,愛運(yùn)營(yíng),文藝與代碼齊飛,魅力與智慧共存的程序媛一枚。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題,堅(jiān)持記錄工作中所所思所見,對(duì)于博客上面有不會(huì)的問題,可以加入qq技術(shù)交流群聊:649040560。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容