Echarts設置y軸值間隔 以及設置 barWidth : 30,//柱圖寬度


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

 
 

其實很多問題,真的只是因為自己沒有好好的看文檔,很多文檔上面都寫的清清楚楚的,主要是設置這段代碼,max(設置y軸最大值)和splitNumber

總結一下公式就是,

max/ splitNumber=y軸值間隔

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


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

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


 
=====================================================================================================
//寬度 圖的里面的寬度設置
series : [
{
name:'做市',
type:'bar',
stack: '總量',
/*itemStyle : { normal: {label : {show: true, position: 'insideTop',textStyle:{color:'#000'}}}},*/
data:serieszs
},
{
name:'協議',
type:'bar',
stack: '總量',
barWidth : 30,//柱圖寬度
/*itemStyle : { normal: {label : {show: true, position: 'insideTop',textStyle:{color:'#000'}}}},*/
data:seriesyx
}
]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM