[Solved]-Time in x-axis and data for the y-axis for line chart in d3.js doesn't match/show with what (data) is on JSON-d3.js

Here you have a MWE of the fixed chart: https://jsfiddle.net/26kqjwsb/

Some things to take into account.

• You are using total_up_percentage in the y domain definition:

  y.domain([0, d3.max(data, function (d) { return Math.max(d.total_up_percentage); })]);

  But the field name should be total_hour_percentage.

• Your y values are between 99.55 and 100. If the y axis is between 0 and 100, you'll see only a plain line.

• D3js by default generates filled paths, so you must set your path fill and stroke properties to plot a line chart.

• The dates in the x-axis are the expected according to your dataset.