Accepted answer

Here you have a MWE of the fixed chart:

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.

Related Query