CHANGE RESPONSE OBJECT TO ARRAY FOR RECHART

Doyin Atobaru answered on October 18, 2024 Popularity 1/10 Helpfulness 1/10

answer CHANGE RESPONSE OBJECT TO ARRAY FOR RECHART

related icontains vs contains django

CHANGE RESPONSE OBJECT TO ARRAY FOR RECHART

Comment

const data1: any = {
        values: {
            actual: {
                'Week 1': 75,
                'Week 2': 72,
                'Week 3': 68,
                'Week 4': 65,
            },
            history: {
                'Week 1': 75,
                'Week 2': 72,
                'Week 3': 68,
                'Week 4': 65,
            },
        },
        chartType: 'line',
    }



  const dataValues = data1!.values

    let data
    if (dataValues) {
        if (data1.chartType === 'line') {
            const keys = Object.keys(dataValues[Object.keys(dataValues)[0]])
            const dataKeys = Object.keys(dataValues)
            if (dataKeys.length === 2) {
                data = keys.map(key => ({
                    key: key,
                    [dataKeys[0]]: parseFloat(dataValues[dataKeys[0]][key]).toFixed(2),
                    [dataKeys[1]]: parseFloat(dataValues[dataKeys[1]][key]).toFixed(2),
                }))
            } else {
                data = keys.map(key => ({
                    key: key,
                    value: parseFloat(dataValues[Object.keys(dataValues)[0]][key]).toFixed(2),
                }))
            }
        } else
            data = Object.keys(dataValues).map(key => ({
                key: key,
                value: parseFloat(dataValues[key]).toFixed(2),
            }))
    } else {
        data = null
    }

    const keys = Object.keys(data![0]).filter(key => key !== 'key')
    let chartConfig = {
        [keys[0]]: {
            label: [keys[0]],
            color: 'var(--chart-1)',
        },
    }

    if (keys.length > 1) {
        chartConfig[keys[1]] = {
            label: [keys[1]],
            color: 'var(--chart-2)',
        }
    }

    console.log(data1.chartType)
    console.log(data)
    console.log(keys[0])
    console.log(keys[1])

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript object response

Link to this answer
Share Copy Link

Contributed on Oct 18 2024

Doyin Atobaru

0 Answers Avg Quality 2/10

Closely Related Answers

icontains vs contains django

Comment

icontains is case insensitive
contains is case sensitive

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: whatever contains django

Link to this answer
Share Copy Link

Contributed on Oct 18 2024

Radguru

0 Answers Avg Quality 2/10

CHANGE RESPONSE OBJECT TO ARRAY FOR RECHART

Contents

More Related Answers

CHANGE RESPONSE OBJECT TO ARRAY FOR RECHART

Closely Related Answers

icontains vs contains django

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.