title: How can I make two of my lines in Chart JS thicker
body: <p>I have made a chart with Chart JS, as you can see in my <a href="https://jsfiddle.net/aervw3p6/" rel="noreferrer">fiddle</a>. There are three lines in this chart. I want to have the orange and yellow line to be thicker than it is right now. The green dotted line is good as it is.</p>
  
  <p>I've searched around, and tried some things. But I haven't found the right solution yet. I hope that my question is clear, and that someone can help me with this.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.min.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;canvas id="canvas2"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>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: [{
          display: true,
          ticks: {
              max: 600,
              min: 0,
              stepSize: 200,
              userCallback: function(value, index, values) {
                  value = value.toString();
                  value = value.split(/(?=(?:...)*$)/);
                  value = value.join('.');
                  return value + '%';
                }
          },
          scaleLabel: {
            display: true,
            labelString: 'Rendement'
          }
        }]
      }
    }
  })
  </code></pre>
  
  <p></p>