Stack Overflow
Stack Overflow

Questions tagged [nivo-react]

"Nivo charts provides dataviz components, built on top of D3 and React."

Homepage: nivo.rocks

85 questions
0
votes
3 answers

I need to convert my array of objects into one object with specific keys

Good afternoon. I want to display the months of the year and the amount spent in each category. Ex: {Month: "January", Food: 610, foodColor: "#063951", Others: 121, othersColor: "#C13018", …} Food: 610 Health: 233 Month: "January" Others:…
Amauri Santos
  • 129
  • 10
0
votes
0 answers

Nivo lib display a single point on hover

I am discovering the Nivo lib for data visualization and I am blocking on a feature that I would like to achieve. Here is an example of what I would like to do : https://nivo.rocks/line/ I would like to make a component with an almost similar…
reactAsk
  • 1
0
votes
2 answers

Converting array of object to hierarchical data structure

I have an original array and I want to plot it in Sunburst map which needs a hierarchical data structure. [ {id: "Asia,India,NewDelhi", value: 41}, {id: "Europe,Germany,Berlin", value: 24}, {id: "Europe,England,London", value: 3}, {id:…
Pranjal Suyal
  • 103
  • 2
  • 6
0
votes
1 answer

Keep getting 'map of undefined' when displaying table data, React hooks

I'm trying to display years when the input is changed to 'years' using State, but I'm having an issue. const handleChange = (e, countMonth,countYear) =>{ if(e.target.value === 'months'){ setMonths(countMonth) } else if(…
Shuib Abdillahi
  • 119
  • 1
  • 10
0
votes
1 answer

Trying to display table using data from chart

I'm trying to render a table which has two columns based on what is selected (which bar is selected). Each bar is an array of dates. So if the last bar is clicked, i want a table of months with how many times that month comes up in that array. For…
Shuib Abdillahi
  • 119
  • 1
  • 10
0
votes
1 answer

How to format Y axis to display only natural numbers?

i have problem with task relaying on format Y axis to display only natural numbers. In project i am using React awith Typescript and Nivo Rocks library to create charts (https://nivo.rocks/).for the purpose of this question i created…
Zygmaister
  • 43
  • 4
0
votes
1 answer

Add a simple target line parallel to x-axis, in Nivo @nivo/ResponsiveLine

Trying to get this grey line parallel to x-axis as a marker of target (at of y-axis 67%).
Nikhil Anand
  • 463
  • 5
  • 7
0
votes
0 answers

Nivo Charts Multiple Background Colors

I want to achieve something like below I do not see any option in nivo charts documentation for this.
Iqbal
  • 219
  • 1
  • 10
-1
votes
1 answer

CSS height overflow issues

I use the chart library Nivo (I have also tried others, same problem). I have a DIV with content as seen here the title and the statistics. But I don't want this to overhang like below. Why does the content overhang?
Leon Schwanitz
  • 223
  • 1
  • 8
-2
votes
1 answer

filter array method not working on reduce method

i keep getting TypeError: countYear.filter is not a function for the last line but i dont understand why. I want to output just the years and count (only the 2014 year). heres the sandbox for the original code:…
Shuib Abdillahi
  • 119
  • 1
  • 10
1 2 3 4 5
6