Line chart

const Results = (props) => {
  var valRange  = _.range(0, 100000, 1000),
      state     = props.pageState;

  var data1 = valRange.map(val => {
    state.propA = val;
    return func1(state)
  });

  var data2 = valRange.map(val => {
    state.propA = val;
    return func2(state)
  });

  var data3 = valRange.map(val => {
    state.propA = val;
    return func3(state)
  });

  var data = {
    labels: xRange,
    datasets: [{
      label: "Line 1",
      borderColor: "rgba(206, 125, 61, 1)",
      data: data1, fill: false,
    },
    {
      label: "Line 2",
      borderColor: "rgba(101, 47, 138, 1)",
      data: data2, fill: false
    },
    {
      label: "Line 3",
      borderColor: "rgba(206, 203, 61, 1)",
      data: data3, fill: false
    }]
  };

  var options = {
    title: {
      display: true,
      text: 'Number of items ' + props.pageState.householdSize
    },
    showLines: true,
    scales: {
        yAxes: [{
          scaleLabel: {
            display: true,
            labelString: 'Value 1 ($)'
          },
          ticks: {
              beginAtZero: true
          }
        }],
        xAxes: [{
          scaleLabel: {
            display: true,
            labelString: 'Value 2 ($)'
          }
        }]
    }
  };

  return ( <div> <Line data={data} options={options} /> </div> );

};  // End Results()