echarts中key-value形式的dataset source值转换为二维数组形式的dataset source值

Posted 2021-03-26 qtx-

在echarts的数据来源选型时，我在二维数组、对象数组两种形式中出现优于，看上去对象数组语义化挺好，但二维数组可以直接在echarts的各种例子里直接用，为了兼顾两个的长处，写了对象数组与二维数组的转换方法，代码如下（最外层花括号用于方便直接才控制台输出而不污染控制台环境）：

{    
    // 原始key-value形式的objArr
    let objArr=[
        {product: ‘Matcha Latte‘, count: 823, score: 95.8},
        {product: ‘Milk Tea‘, count: 235, score: 81.4},
        {product: ‘Cheese Cocoa‘, count: 1042, score: 91.2},
        {product: ‘Walnut Brownie‘, count: 988, score: 76.9}
    ];
    //    目标值为二维数组arrArr
    let arrArr=[];
    let dimensions=Object.keys(objArr[0]);
    console.log(dimensions);
    objArr.forEach((value,index)=>{
        arrArr[index]=[];
        dimensions.forEach(val => {
            arrArr[index].push(value[val])
        });
    });
    console.log(arrArr);
}