主要受两个地方影响。
1、渲染div的宽度,比如宽度为1000px
<div style="width:1000pxheight:350px" id="echart"></div>
2、参数barCategoryGap的影响,barCategoryGap的值越小柱状占比越大,barCategoryGap值越大柱状占比越小。如下图:
1、解决方法barCategoryGap用来设置类目间柱形距离,默认为类目间距的20%,可设固定值,调整这个值,可实现柱间距离
2、源码
[javascript] view plain copy
var colorList_series1 = [ '#49af68', '#387fcf', '#f08d3d', '#36abb9' ]
var colorList_series2 = [ '#8bcc9f', '#6a9fdb', '#f4aa6e', '#8cced7' ]
option = {
tooltip : {
trigger : 'axis'
},
grid : {
x : '50%',
y : '16%',
x2 : '20%',
y2 : '17%',
borderWidth : 1,
borderColor : '#eeeeee',
},
legend : {
data : [ '系列1', '系
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)