D3.js - Plotting time series data - Format x-axis from JSON

Question

I plot very simple data from a JSON file: I need help format my x-date-axis. I don't know how to specify the date format from the JSON-File for d3.js. I tried the following:

var parseDate = d3.time.format("%Y%m%d").parse;

The JSON data looks like this:

var data = [
{"mytime": 20150801, "tt": 17.0}, 
{"mytime": 20150802, "tt": 17.6},
];

The result on the x-axis is not as expected. Find my fiddle here: https://jsfiddle.net/1m1qm6pv/1/

Problem i think is this:

data.forEach(function(d) {
  d.mytime = parseDate(d.mytime);
});

With these 3 lines of code it doesn't work.

Lars Kotthoff · Accepted Answer · 2015-08-04 23:11:42Z

1

Your "dates" are numbers and hence cannot be parsed into Date objects. To parse them, use strings instead of numbers:

var data = [
  {"mytime": "20150801", "tt": 17.0}, 
  {"mytime": "20150802", "tt": 17.6},
];

Complete demo here.

answered Aug 4, 2015 at 23:11

Lars Kotthoff

109k16 gold badges210 silver badges210 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Aditya Patel Over a year ago

How would you connect line between points in your demo, to make it appear continuous?

Aditya Patel Over a year ago

Thanks!, It worked,Trying to add a data legend to the line it's not working. when added attribute like this: .attr("data-legend","city") .attr('stroke', 'green')

Aditya Patel Over a year ago

I have pasted my complete problem here: stackoverflow.com/questions/36086656/…

Collectives™ on Stack Overflow

D3.js - Plotting time series data - Format x-axis from JSON

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related