title: Change Chart.js tooltip caret position
body: <p>I created a doughnut chart using <a href="http://www.chartjs.org/" rel="noreferrer">Chart.js</a> 2.5. The issue I’m having is with the tooltip. When I hover over the chart, a tooltip is displayed with a caret that always stays in the left or right side, like this:</p>
  
  <p><img src="https://i.stack.imgur.com/zxDWc.png" alt="side tooltip"></p>
  
  <p>I want to change the caret position so that it always show in the bottom. Is that possible?</p>
  
  <p>Here is my chart code </p>
  
  <pre><code>var myChart = new Chart(ctx, {
      type: 'doughnut',
      data: {
          labels: ['Jan', 'Feb', 'Mar'],
          datasets: [{
              label: 'dataset',
              data: [30, 50, 20],
              backgroundColor: [
              'rgb(153, 102, 255)',
              'rgb(255, 205, 86)',
              'rgb(54, 162, 235)'
              ],
          }],
      }
  })
  </code></pre>