//TEMPERATURE CHART
    var $temperatureChart = $('#temperature-chart')
    // eslint-disable-next-line no-unused-vars
    var temperatureChart = new Chart($temperatureChart, {
      data: {
        labels: {!! json_encode($t_labels) !!}, 

        datasets: [{
           label: {!! json_encode($t_label_legend[1]) !!},
          type: 'line',
          data: {!! json_encode($t_data1) !!}, 
          backgroundColor: 'transparent',
          borderColor: '#007bff',
          pointBorderColor: '#007bff',
          pointBackgroundColor: '#007bff',
          fill: false
          // pointHoverBackgroundColor: '#007bff',
          // pointHoverBorderColor    : '#007bff'
        },
        {
           label: {!! json_encode($t_label_legend[2]) !!},
          type: 'line',
          data: {!! json_encode($t_data2) !!}, 
          backgroundColor: 'tansparent',
          borderColor: '#ced4da',
          pointBorderColor: '#ced4da',
          pointBackgroundColor: '#ced4da',
          fill: false
          // pointHoverBackgroundColor: '#ced4da',
          // pointHoverBorderColor    : '#ced4da'
        }]
      },
      options: {
        maintainAspectRatio: false,
        tooltips: {
          mode: mode,
          intersect: intersect
        },
        hover: {
          mode: mode,
          intersect: intersect
        },
        legend: {
          display: true,

        },
        scales: {
          yAxes: [{
            // display: false,
            gridLines: {
              display: true,
              lineWidth: '4px',
              color: 'rgba(0, 0, 0, .2)',
              zeroLineColor: 'transparent'
            },
            ticks: $.extend({
              beginAtZero: true,
              suggestedMax: {!! $max !!}
            }, ticksStyle)
          }],
          xAxes: [{
            display: true,
            gridLines: {
              display: false
            },
            ticks: ticksStyle
          }]
        }
      }
    })