Javascript 为什么两个酒吧都在上面

创建并排条形图时遇到问题

酒吧之间的位置越来越高，我希望他们能并排出现。 当您悬停时，您可以看到只有一半的条会改变颜色。在console.log中显示它们的正确值

//设置数据
var销售额=[
{
“vendnm”：“CHARNECA”，
“MonthAbrev”：“Jan”，
“Vendas_Ano”：21611.950000000004，
“Vendas_Ant”：16033.31
},
{
“vendnm”：“CHARNECA”，
“MonthAbrev”：“Fev”，
“Vendas_Ano”：48108.08，
“卖方”：51142.2999996
},
{
“vendnm”：“CHARNECA”，
“MonthAbrev”：“Mar”，
“Vendas_Ano”：13427.280000000004，
“卖方”：21274.12999997
},
{
“vendnm”：“CHARNECA”，
“蒙塔哈布雷夫”：“四月”，
“Vendas_Ano”：28553.83，
“卖方”：15228.56999998
},
{
“vendnm”：“CHARNECA”，
“蒙塔哈布雷夫”：“Mai”，
“Vendas_Ano”：19639.59，
“卖方”：10291.3599999
},
{
“vendnm”：“CHARNECA”，
“MonthAbrev”：“Jun”，
“Vendas_Ano”：22530840000000007，
“卖方”：21905.29
},
{
“vendnm”：“CHARNECA”，
“蒙塔哈布雷夫”：“七月”，
“Vendas_Ano”：20216.7599995，
“文达斯·安特”：8276
},
{
“vendnm”：“CHARNECA”，
“MonthAbrev”：“以前”，
“Vendas_Ano”：39832.04，
“卖方”：49810.810000000005
},
{
“vendnm”：“CHARNECA”，
“MonthAbrev”：“集合”，
“Vendas_Ano”：12861.52，
“卖方”：24425.32
},
{
“vendnm”：“CHARNECA”，
“蒙哈布雷夫”：“出局”，
“Vendas_Ano”：9227.34，
“本达斯•安特”：17804.65
},
{
“vendnm”：“CHARNECA”，
“蒙塔哈布雷夫”：“十一月”，
“Vendas_Ano”：31382.11，
“卖方”：9993.34
},
{
“vendnm”：“CHARNECA”，
“蒙哈布雷夫”：“迪兹”，
“Vendas_Ano”：39832.04，
“卖方”：36568.7
},
{
“vendnm”：“JOÃO LUIS”，
“MonthAbrev”：“Jan”，
“Vendas_Ano”：22681.14，
“卖方”：28587.71
},
{
“vendnm”：“JOÃO LUIS”，
“MonthAbrev”：“Fev”，
“Vendas_Ano”：31382.11，
“卖方”：37637.420000000006
},
{
“vendnm”：“JOÃO LUIS”，
“MonthAbrev”：“Mar”，
“Vendas_Ano”：32453.7799995，
“卖方”：32993.12
},
{
“vendnm”：“JOÃO LUIS”，
“蒙塔哈布雷夫”：“四月”，
“Vendas_Ano”：23445.4，
“卖方”：30835.75
},
{
“vendnm”：“JOÃO LUIS”，
“蒙塔哈布雷夫”：“Mai”，
“Vendas_Ano”：16471.71，
“卖方”：18028.07
},
{
“vendnm”：“JOÃO LUIS”，
“MonthAbrev”：“Jun”，
“Vendas_Ano”：11617.470000000001，
“本达斯•安特”：22651.53
},
{
“vendnm”：“JOÃO LUIS”，
“蒙塔哈布雷夫”：“七月”，
“Vendas_Ano”：24699.44，
“卖方”：34152.289999999
},
{
“vendnm”：“JOÃO LUIS”，
“MonthAbrev”：“以前”，
“Vendas_Ano”：35476.94000000001，
“卖方”：22069.6999997
},
{
“vendnm”：“JOÃO LUIS”，
“MonthAbrev”：“集合”，
“Vendas_Ano”：37462.92，
“卖方”：23120.08
},
{
“vendnm”：“JOÃO LUIS”，
“蒙哈布雷夫”：“出局”，
“Vendas_Ano”：22042.14000000003，
“卖方”：28449.95
},
{
“vendnm”：“JOÃO LUIS”，
“蒙塔哈布雷夫”：“十一月”，
“Vendas_Ano”：16471.71，
“卖方”：30755.05000000003
},
{
“vendnm”：“JOÃO LUIS”，
“蒙哈布雷夫”：“迪兹”，
“Vendas_Ano”：24699.44，
“卖方”：22838.64
}
]
d3.selectAll（'input[name=type selector]'）。on（'change'，function（）{
typeSelected=此值；
createBar（getDataFromType（typeSelected））；
});
var typeSelected=d3.select（'input[name=type selector]：checked'，'#type selector'）.node（）.value；
/////////////////////////////////////////////////
//酒吧
/////////////////////////////////////////////////
var svgBar=d3.select（“#myChart”）.append（“svg”）.attr（“宽度”，600）.attr（“高度”，300）；
var marginBar={
前20名，
右:20,，
底数：30，
左：40
};
var widthBar=+svgBar.attr（“宽度”）-marginBar.left-marginBar.right；
var heightBar=+svgBar.attr（“高度”）-marginBar.top-marginBar.bottom；
var xBar0=d3.scaleBand（）.rangeRound（[0，widthBar]）。填充（0.1）；
var xBar1=d3.scaleBand（）.rangeRound（[0，xBar0.bandwidth（）]）。padding（0.1）；
var yBar=d3.scaleLinear（）.rangeRound（[heightBar，0]）；
var gBar=svgBar.append（“g”）.attr（“id”，“gBar”）.attr（“transform”，“translate”（+marginBar.left+），“+marginBar.top+”））；
var gX=gBar.append（“g”）
.attr（“类”、“轴--x”）
.attr（“变换”、“平移（0）”+高度栏+”）；
变量gY=gBar.append（“g”）
.attr（“类”、“轴--y”）
createBar（getDataFromType（typeSelected））；
函数createBar（销售）{
xBar0.domain（sales.map）函数（d）{
返回d.MonthAbrev；
}));
//xBar1.domain（reduceMonth.map）（函数（d）{
//返回d.MonthAbrev；
// }));
yBar.domain（[0，d3.max（销售，功能（d））{
返回d值