bad confidence intervals

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="demo"></canvas>

JavaScript

var chartData = {
    labels: [1, 2, 3, 4, 5],
    datasets: [
			{
          label: "Set 1",
          backgroundColor: 'rgba(55, 173, 221,  0.6)',
          data: [8, 18, 48, 38, 28],
          borderWidth: 0.1,
          fill: false,
          pointRadius: 0.0,
      },
    
      {
          label: "Set 1",
          backgroundColor: 'rgba(55, 173, 221,  1)',
          data: [10, 20, 50, 40, 30],
          borderColor: "#00F",
          fill: false,
          pointRadius: 0.0,
      },
      
      {
          label: "Set 1",
          backgroundColor: 'rgba(55, 173, 221,  0.6)',
          data: [12, 22, 52, 42, 32],
          borderWidth: 0.1,
          fill: '-2',
          pointRadius: 0.0,
      },

    ]
};

var chartOptions = {
    responsive: true,
    title: {
        display: true,
        text: 'Bad Confidence Intervals'
    },
};

var chartDemo = new Chart($('#demo').get(0), {
    type: 'line',
    data: chartData,
    options: chartOptions
});