Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

260
Views
What do I have to change in my code to get the same visualization as my picture using REACT please?

Is there a way to plot in my radar graph the Objective for each participant "Mona", "Paul","Bastien", "Anton" as my picture down below ?

For now, I can only display "Mona", "Paul","Bastien", "Anton" (please again see my picture).

Here is the json from my api:

 {
        "names": [
            {
                "Mona": 63,
                "Paul": 29,
                "Bastien": 31,
                "Anton":25,
                "Average": 75
              }
          
        ],
        "locations" : [...], 
    }

Here my function, and what do I have to change in order to get the same result as my picture please? :

const { names, locations } = graphs ?? {}
function RadarNames() {
    const data = Object.entries(graphs.names[0]).map(([key, value]) => ({
        "name": key,
        "age": value,
    }))
    return creacteChart({
        data: data,
        polarAngleAxisOptions: { dataKey: 'name' },
        radars: [
            {
                name: 'name',
                dataKey: 'age',
            
            },
            {
                name: 'Average',
                dataKey: 'Average',
             
            },

        ],
    })
}

See the picture pleaseenter image description here

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!