将输入数组按2个值分组,以便使用amchart创建堆叠的条形图

问题描述 投票:0回答:1

[我正在使用amchart为dataProvider准备数据,以在JS中像[https://www.amcharts.com/demos-v3/stacked-column-chart-v3/这样创建堆叠的柱形图,但是在放样列中仅使用2个值(计划值和实际值),我得到了服务的响应,如下所示,并且我想对数据进行分组,所以我必须更改输入数组:

inputArr = [{Value: 10}, 
            {Value: 25}, 
            {Value: 30},
            {Value: 37}
            {Value: 43}];

由此

newArr = [{Value1: 10, Value2: 25}, 
          {Value1: 30, Value2: 37},
          {Value1: 43, Value2: 0}];  

如果数组中元素的数量为奇数,则在转换时使Value2为0。

javascript arrays amcharts dataprovider
1个回答
0
投票

您可以创建一个函数来进行此转换:

let inputArr = [{Value: 10}, 
            {Value: 25}, 
            {Value: 30},
            {Value: 37},
            {Value: 43}];
            
function pairValues(ary)
{
  let newAry = [];
  let obj;

  // Loop the inputted array and pair values
  ary.forEach((subObj)=>
  {
    if(obj)
    {
      obj.Value2 = subObj.Value;
      newAry.push(obj);
      obj = undefined;
    }
    else
    {
      obj = {};
      obj.Value1 = subObj.Value;
    }
  });

  // If the last obj has no pair, set Value2 to zero
  if (obj)
  {
    obj.Value2 = 0;
    newAry.push(obj);
  }
  return newAry; 
}
let outputArr = pairValues(inputArr);
console.log(outputArr);
© www.soinside.com 2019 - 2024. All rights reserved.