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 ' + state.numItems
    },
    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()