[Solved]-Multiple axis line chart with Chart.js and JSON data from Google Sheet-Chart.js

function buildchart(labels, valuesa, valuesb, charttitle) {
  var ctx = document.getelementbyid("mychart").getcontext('2d');
  var mychart = new chart(ctx, {
    type: 'line',
    data: {
      labels: labels,
      datasets: [{
        label: 'temperature',
        fill: false,
        data: valuesa,
        backgroundcolor: 'red',
        bordercolor: 'red'
      }, {
        label: 'relative humidity',
        fill: false,
        data: valuesb,
        backgroundcolor: 'blue',
        bordercolor: 'blue'
      }]
    },
    options: {
      responsive: true,
      maintainaspectratio: false,
      scales: {
        xaxes: [{
          ticks: {
            beginatzero: true,
            scalelabel: {
              display: false,
              labelstring: ''
            }
          }
        }],
        yaxes: [{
          scalelabel: {
            display: false,
            labelstring: ''
          }
        }]
      }
    }
  })
  return mychart;
};


var xhttp = new xmlhttprequest();
xhttp.onreadystatechange = function() {
  if (this.readystate == 4 && this.status == 200) {
    var json = json.parse(this.response);

    // map json labels  back to values array
    var labels = json.feed.entry.map(function(e) {
      return e.gsx$tag.$t;
    });

    // map json values back to values array
    var valuesa = json.feed.entry.map(function(e) {
      return e.gsx$dailytemperature.$t
    });

    // map json values back to values array
    var valuesb = json.feed.entry.map(function(e) {
      return e.gsx$dailyrh.$t
    });

    buildchart(labels, valuesa, valuesb, "temperature", "relative humidity");
  }
};
xhttp.open("get", "https://spreadsheets.google.com/feeds/list/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/x/public/full?alt=json", false);
xhttp.send();

<script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.9.3/chart.bundle.js"></script> 
<canvas id="mychart""></canvas>