Echarts間隔を設定し、y軸の値barWidth設定:30、//図列幅

要件:示されるように、y軸との間の距離が小さすぎるので、あまりにも混雑しており、グラフが快適に見えるようになりましたプロパティの内部に設定された間隔echarts、y軸の値を変更します。

 
 

実際には、問題の多くは、彼らは本当に本当にMAX(最大y軸の設定)とsplitNumber、コードを設定するために、主に、上記の文書の多くは明確に書かれている、文書が表示されていないので、

式は要約すると、

最大/ splitNumber = y軸値間隔

(このような5点にy軸200の平均として、ピッチの各点は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
}
]

おすすめ

転載: www.cnblogs.com/xiaoxiaoxun/p/11294323.html