title: How to filter shadow or Drop Shadow in Chart.js?
body: <p>Is there any way of drop shadow in Charts? I can't find any option to customize shadow in any kind of chart.</p>
  
  <p>What I want is drop shadow on lines or bars in my graphs. But I think its not possible. Is there a way of defining <code>filter:drop-shadow()</code> or <code>box-shadow</code> manually in style sheet ?</p>
  
  <p><strong>UPDATE</strong> : <strong>The possible solution suggested to me is not working ! I copied and pasted the code provided as an example but throw the following error</strong>  </p>
  
  <p><strong>Note : I am using the latest Chartbundle.js</strong></p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'extend' of undefined  </p>
  </blockquote>
  
  <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 = '#000';
        ctx.shadowBlur = 10;
        ctx.shadowOffsetX = 8;
        ctx.shadowOffsetY = 8;
        originalStroke.apply(this, arguments)
        ctx.restore();
      }
    }
  });
  
  var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
      {
        label: "My First dataset",
        fillColor: "rgba(220,220,220,0.2)",
        strokeColor: "rgba(220,220,220,1)",
        pointColor: "rgba(220,220,220,1)",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(220,220,220,1)",
        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>
  
  <hr>
  
  <pre><code>&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
  </code></pre>