esbullington/react-d3

Line chart format Date in x axis

darioenginius opened this issue · 1 comments

Hi,
I'm trying to format the values on the X axis in Line Chart in order to display a formatted date (DD-MM-YYY or DD/MM, ecc...).
In Bar chart it works fine, but not in Line Chart.
I read this issue (#70) and the relative documentation (https://github.com/esbullington/react-d3/wiki/Dates), but still doesn't work.
I tried multiple times, from the initial value on data object ('2017-01-10', timestamp, new Date(), ecc..), to format in xAccessor (return new Date(d.x) and d3.time.format), and finally in xAxisTickInterval with unit 'year'/'day', but no combination works.
I get different errors:

  • var n = d3_time_numberRe.exec(string.slice(i, i + 2)); => error on slice because string became a Date Object
  • cannot read property 'foreach' of undefined
  • attribute d: expected number, "mnan,nanlnan,nan

which is the right way to do this?
ps: I tried exactly the example on https://github.com/esbullington/react-d3/wiki/Dates but doesn't work.

Thanks.

I'm having the same issue. Getting the string.slice is not a function error, too.