JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.min.js" charset="utf-8"></script>
<canvas id="canvas2"></canvas>

JavaScript

Chart.defaults.global.showTooltips = false;
Chart.defaults.global.legend.display = false;
var lineChartData = {
    labels: ['20°', '30°', '40°', '50°', '60°', '70°', '80°'],
    datasets: [{
      data: [null, null, null, 400, 320, 220, 90],
      pointBorderColor: "rgba(75,192,192,1)",
      pointBackgroundColor: "#fff",
      borderColor: '#FFEC8B',
      pointBorderWidth: 0,
      pointHoverRadius: 0,
      pointHoverBackgroundColor: "rgba(75,192,192,1)",
      pointHoverBorderColor: "rgba(220,220,220,1)",
      pointHoverBorderWidth: 0,
      lineWidth: 100,
      pointRadius: 0,
      pointHitRadius: 0,
    },{
      data: [550, 520, 470, 400, null, null, null],
      borderColor: '#ff8800',
      pointBorderWidth: 0,
      pointHoverRadius: 0,
      pointHoverBackgroundColor: "rgba(75,192,192,1)",
      pointHoverBorderColor: "rgba(220,220,220,1)",
      pointHoverBorderWidth: 0,
      pointRadius: 0,
      pointHitRadius: 0,
    },
    {
        data: [220, 220, 220, 220, 220, 220, 220],
        borderColor: '#008080',
        borderDash: [10, 10],
        pointBorderWidth: 0,
        pointHoverRadius: 0,
        pointHoverBackgroundColor: "rgba(75,192,192,1)",
        pointHoverBorderColor: "rgba(220,220,220,1)",
        pointHoverBorderWidth: 0,
        pointRadius: 0,
        pointHitRadius: 0,
      }
    ]
};

var ctx = document.getElementById("canvas2").getContext("2d");
var myChart = new Chart(ctx, {
    type: "line",
    beginAtZero: true,
    scaleOverride:true,
    scaleSteps:9,
    scaleStartValue:0,
    lineWidth: 100,
    scaleStepWidth:100,
    data: lineChartData,
    options: {
        elements: {
            line: {
                fill: false
            }
        },
        style: {
          strokewidth: 10
        },
        scales: {
          xAxes: [{
            display: true,
            scaleLabel: {
              display: true,
              labelString: 'Temperatuur - Celcius'
            }
          }],
          yAxes: [{
  ...