title: custom bar at specific position chart js
body: <p>I'm drawing a chart with 'chart.js'</p>
  
  <p><a href="http://jsfiddle.net/6bjy9nxh/311/" rel="nofollow noreferrer">http://jsfiddle.net/6bjy9nxh/311/</a></p>
  
  <pre><code>var barData = {
    labels: ['Italy' ,'UK', 'USA', 'Germany', 'France', 'Japan'],
    datasets: [
    {
      label: '2010 customers #',
      fillColor: '#382765',
      data: [2500,50, 1902, 1041, 610, 1245, 952]
    }
  ]
  };
  
  var context = document.getElementById('clients').getContext('2d'); 
  var clientsChart = new Chart(context).Bar(barData);
  </code></pre>
  
  <p>I then want to add a 'custom'  bar that start on second label and 1000 height  (goes on top of another bar (blocks some of it))</p>
  
  <p><strong>example:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/rkJp7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rkJp7.png" alt="enter image description here"></a>
  <br></p>
  
  <p>is there any simple approach to accomplish this without rewriting a 3rd of the chartjs plugin ?</p>
  
  <p>maybe split the bar color into two ?</p>