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

在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]||null)
        });
    });
    console.log(arrArr);
}

 

posted on 2019-10-13 14:25  一抹阳光~  阅读(2904)  评论(0编辑  收藏  举报