echarts 自定义数据的键值

Question

echarts 自定义数据的键值

如代码：

    let data = [
        [
            { index: 1, title: '你好', nb: 180 },
            { index: 2, title: '你好', nb: 18 },
            { index: 3, title: '你好', nb: 250 },

        ],
        [
            { index: 3, title: '你好', nb: 180 },
            { index: 4, title: '你好', nb: 18 },
            { index: 5, title: '你好', nb: 250 },
        ],
        [
            { index: 6, title: '你好', nb: 180 },
            { index: 7, title: '你好', nb: 18 },
            { index: 8, title: '你好', nb: 250 },
        ],
    ]
        xAxis: {
            type: 'value',
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',  //更改坐标轴文字颜色
                }
            },
            boundaryGap: [0, 0.01]
        },
        yAxis: {
            type: 'category',
            inverse: true,
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',  //更改坐标轴文字颜色
                }
            },
            data: data[0].index
        },
        series: [
            {
                name: 'nb',
                type: 'bar',
                realtimeSort: true,
                animationDuration: 300,
                animationDurationUpdate: 300,

                // 这里要取 nb 但是这样会丢失其他的属性  可不可以把整个对象返回 然后通过某种设置让他取到nb
                // data: data[0].map((item)=>{
                //    return item.nb
                //   })


                // 这样好像并没有效果
                encode: {
                    x: 'nb',
                    y: 'index'
                }
            },

        ]

应该使用什么呢

y是index 已经处理好了 ，x是data的nb 通过map可以拿到但这样就丢失了对象的其他属性，我需要整个对象然后通过一些设置让它拿到nb

Answer 1

        series: [
            {
                data: data[index].map((item: any) => {
                    return { name: item.title, value: item.hot, url: item.url }
                }),
            }
        ],