Modular ReactJS charts made using d3 chart utilities.
Modular ReactJS charts made using d3 chart utilities. https://www.npmjs.com/package/react-d3
Questions tagged [react-d3]
70 questions
0
votes
1 answer
react-d3-component implement in create-react-app
I'm new to react.
By my research, I figured out that React-D3-component can serve my purpose.
I'm looking for an example of a Multi-series Line chart with tooltip and zoomable function. Basic line chart would also make this trick for my first…
Ashag
- 837
- 2
- 15
- 24
0
votes
1 answer
react-d3 using dates as the x axis
When running a simple test using react-d3 I get the error
Error: attribute d: Expected number, "MNaN,0Z".
My best guess is that the problem arises when dealing with my x axis, but I'm not sure why. I know from debugging that when x and y are…
richbai90
- 4,994
- 4
- 50
- 85
0
votes
2 answers
How to add setState in react
I am trying to make a dynamic pie chart,in which when slider moves, values of dynamic pie chart also changes, I have made components and rendered them also, but I am not able to introduce setState due to which both components are not communicating,…
shanu
- 76
- 1
- 1
- 11
0
votes
0 answers
How I can make react-d3-tooltip version(1.4.14) compatible with the react latest version(15.3.2)
When I run the command
npm install react-d3-tooltip --save
it shows the following warning on the terminal like as in the attached image. Unmet peer dependency react@0.14.7.
My package.json file includes the following…
Md. Mahmudur Rahman
- 305
- 3
- 8
0
votes
1 answer
Cannot Clear React D3 Component Error for BarChart: "Cannot read property 'map' of undefined"
I am getting a recurring type error in bundle.js file.
"Cannot read property 'map' of undefined" in bundle.js for BarChart
An object is undefined and trying to map to an array, but I am not sure where this is coming from because the failure is in a…
wizeOnes
- 119
- 16
0
votes
1 answer
Not able to parse Date in unix time format
i am very new to coding and stucked somewhere while making LineTooltip using react-d3 library.
i am getting time unix time format like:1450274696000 in json and need to parse it and show d,m in x-axis
i am using this function:
var parseDate =…
moni sogani
- 278
- 2
- 13
0
votes
1 answer
Making SVG Responsive in React
I am working on a responsive utility component, to make a few D3 components responsive in react. However I deep SVG knowledge escapes me. I have based my responsive utility on this issue on github. However it isn't quite working, All it does is…
kennet postigo
- 525
- 1
- 5
- 17
0
votes
1 answer
React d3 - How to: Several ares on one line chart
I am using d3 library in react.js.
I have a line chart, which I would like to divide in three different colored areas, as shown in the picture. For example if I set the treshold of 2000, then Are should be painted in green. same goes for blue and…
Amiga500
- 5,874
- 10
- 64
- 117
0
votes
1 answer
Gantt Chart react-d3
This question is related to Gantt chart with D3
I see that a pretty close implementation is available for AngularJS at https://www.angular-gantt.com/demo/
Is there an equivalent in React?
I've checked http://www.reactd3.org/ and…
icedek
- 574
- 2
- 13
- 31
0
votes
1 answer
React D3 x-axis text tilt - how to access transform property? tickFormat?
I am using the Bar Chart in React-D3 :
My x-axis labels are slamming into each other, and I want to rotate them for readability,
an issue solved here for D3 without React…
user3300423
- 33
- 1
- 1
- 5