Line Chart Properties

line-chart.diff

import React from 'react';
import PropTypes from 'prop-types';

const LineChart = ({ data }) => {
 ...

+  const properties = data.map((property, index) => {
+    const { total, date } = property;
+    const x = (index / data.length) * (chartWidth - paddingX) + paddingX / 2;
+    const y = chartHeight - offsetY - (total / maxY) * (chartHeight - (paddingY + offsetY)) - paddingY + offsetY;
+    return {
+      total: total,
+      date: date,
+      x: x,
+      y: y
+    };
+  });

  return null;
};

export default LineChart;