Skip to content
This repository has been archived by the owner on May 18, 2019. It is now read-only.

Line chart format Date in x axis #342

Open
darioenginius opened this issue Jul 27, 2017 · 1 comment
Open

Line chart format Date in x axis #342

darioenginius opened this issue Jul 27, 2017 · 1 comment

Comments

@darioenginius
Copy link

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.

@akuji1993
Copy link

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants