Echarts set interval, and set the y-axis values barWidth: 30, // FIG column width

Requirements: As shown, the distance between the y-axis is too small, so too crowded, and now inside the property to modify echarts, y-axis values ​​set interval so that the graph looks comfortable.

 

 

In fact, a lot of problems, because they really just do not really see the document, many of the above documents are clearly written, mainly to set the code, max (maximum y-axis settings) and splitNumber

To summarize formula is,

max / splitNumber = y-axis value interval

(Such as an average of the y-axis 200 into five points, each point of the pitch is 40)

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

You can look at the results after revision: much better than before.

 

=====================================================================================================

FIG // inside width of the width setting

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
             }
         ]