Javascript 为什么不';我的图表D3.js上的条形图的顺序是否正确?

Javascript 为什么不';我的图表D3.js上的条形图的顺序是否正确?,javascript,d3.js,Javascript,D3.js,创建并排条形图时遇到问题 我将把我的代码和一个图像放在这里,说明这些条是如何不以交错的颜色并排排列的。我是D3.js新手,不知道为什么会发生这种情况 现在的图表: 在我的jsonFile中,我有两个销售人员,其中显示了每个销售人员的销售历史。例如,我需要在1月份展示卖家A和卖家B上一年的销售历史,但正如你在上图中看到的,这并不是正在发生的事情。酒吧放错地方了 我的HTML代码: var销售=[ { “vendnm”:“CHARNECA”, “MonthAbrev”:“Jan”, “Venda

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

我将把我的代码和一个图像放在这里,说明这些条是如何不以交错的颜色并排排列的。我是D3.js新手,不知道为什么会发生这种情况

现在的图表:

在我的jsonFile中,我有两个销售人员,其中显示了每个销售人员的销售历史。例如,我需要在1月份展示卖家A和卖家B上一年的销售历史,但正如你在上图中看到的,这并不是正在发生的事情。酒吧放错地方了

我的HTML代码:

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”:0,
“卖方”:9993.34
},
{
“vendnm”:“CHARNECA”,
“蒙哈布雷夫”:“迪兹”,
“Vendas_Ano”:0,
“卖方”: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”:0,
“卖方”:30755.05000000003
},
{
“vendnm”:“JOÃO LUIS”,
“蒙哈布雷夫”:“迪兹”,
“Vendas_Ano”:0,
“卖方”:22838.64
}
]
var charnecaData=[];
var joaoData=[];
对于(变量i=0;i        .attr("x", function (d, i) { return xChart(d.MonthAbrev) + barWidth*((d.vendnm == 'CHARNECA')?0.2:1) })