首页 > 编程语言 > 详细

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

时间:2019-10-13 15:26:21      阅读:165      评论:0      收藏:0      [点我收藏+]

在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);
}

 

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

原文:https://www.cnblogs.com/qtx-/p/11666364.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!