title: Chart js - avoid overlapping of tooltips in pie chart
body: <p>I've used chart js library for make pie chart. I want to display tooltips always. I've done this. I've attached screenshot.</p>
  
  <p><a href="https://i.stack.imgur.com/LTJWa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/LTJWa.png" alt="enter image description here"></a></p>
  
  <p>But now the tooltips are overlapped . How to solve this?</p>
  
  <p>This is my code</p>
  
  <pre><code>myPieChart = new Chart(pie_chart).Pie(data_results.comp.pie, {
            tooltipTemplate: "&lt;%= value %&gt; %",
            scaleFontSize: 14,
            scaleFontColor: "#333",
            tooltipFillColor: "rgba(0,0,0,0)",
            onAnimationComplete: function()
            {
                this.showTooltip(this.segments, true);
            },
  
            tooltipEvents: [],
            tooltipFontColor: "#000",
            });
  </code></pre>
  
  <p>I want to change tooltip position if already one present in that position.</p>