title: Chartjs v2 stroke shadow
body: <p>i would like to use a strokeshadow for my line chart. But every solution that i found works only with chartjs v1.</p>
  
  <p>Is their any solution for the newest one?</p>
  
  <p>thats what i designed with chartjs v1, but just like i said, i found no way to do it with version 2.</p>
  
  <p><a href="https://jsfiddle.net/7kbz1L4t/30/" rel="noreferrer">jsfiddle</a></p>
  
  <pre><code>Chart.types.Line.extend({
    name: "LineAlt",
    initialize: function () {
      Chart.types.Line.prototype.initialize.apply(this, arguments);
  
      var ctx = this.chart.ctx;
      var originalStroke = ctx.stroke;
      ctx.stroke = function () {
        ctx.save();
        ctx.shadowColor = '#E56590';
        ctx.shadowBlur = 10;
        ctx.shadowOffsetX = 0;
        ctx.shadowOffsetY = 4;
        originalStroke.apply(this, arguments)
        ctx.restore();
      }
    }
  });
  
  var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
      {
        label: "My First dataset",
        fillColor: "#fff",
        strokeColor: "#ffb88c",
        pointColor: "#fff",
        pointStrokeColor: "#ffb88c",
        pointHighlightFill: "#ffb88c",
        pointHighlightStroke: "#fff",
        data: [65, 59, 80, 81, 56, 55, 40]
      }
    ]
  };
  
  
  var ctx = document.getElementById("canvas").getContext("2d");
  var myChart = new Chart(ctx).LineAlt(data, {
    datasetFill: false
  });
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;canvas id="canvas" width="600" height="300" style="background-color:#fff"&gt;&lt;/canvas&gt;
  </code></pre>