title: How to customize border style on Chart.js
body: <p>How to customize border style on Chart.js</p>
  
  <p><code>Chart.js 2.2.1</code></p>
  
  <p>By default the border of bars and points is a solid line. If possible, I'd like to draw attention to specific bars or lines by making the border into a dotted or dashed line.</p>
  
  <p><a href="https://github.com/chartjs/Chart.js/blob/master/docs/04-Bar-Chart.md" rel="nofollow noreferrer">Going through the docs</a> didn't turn up anything useful. Below is what I thought might work </p>
  
  <pre><code>var ctx = document.getElementById("myChart");
  var borderColors = ['red','blue','black']
  var myChart = new Chart(ctx, {
      type: 'bar',
      data: {
          labels: ["Red", "Blue", "Black"],
          datasets: [{
              label: '# of Votes',
              data: [12, 19, 3],
              borderColor:borderColors,
              borderWidth:3,
              borderStyle:'dash'//has no effect
          }]
      }
  });
  </code></pre>
  
  <p>Here it is <a href="http://codepen.io/anon/pen/akAQpr" rel="nofollow noreferrer">running live</a>.  How can I make a border dashed?</p>
  
  <p>EDIT: My question is different from <a href="https://stackoverflow.com/questions/37054620/change-chart-js-bar-chart-border-to-dotted-line">this similar one</a> for two reasons</p>
  
  <ol>
  <li>that solution replaces all bar borders with dashed lines, whereas as I pointed out I'd like to style only specific bars within the dataset</li>
  <li>that solution is exclusively for bar charts (it overrides the <code>rectangle.draw</code> function whereas I mentioned that I'd like to also make point borders dashed (in line charts) for specific points within the dataset.</li>
  </ol>