title: Edit datatip position in p:chart
body: <p>I'm using PrimeFaces 6.0 and I want to show tooltip on my bar chart. I tried datatipeditor like <a href="https://github.com/primefaces/primefaces/issues/2044" rel="nofollow noreferrer">this example</a> and it worked fine. The problem is, I might use long text for the tooltip and the most left bar won't show the full text <a href="https://i.stack.imgur.com/1EGaC.png" rel="nofollow noreferrer">like this</a>.</p>
  <p>I tried to move the position with this code.</p>
  <pre><code>function toolTip(str, seriesIndex, pointIndex, plot){
       var val = plot.data[seriesIndex][pointIndex];
       return &quot;&lt;div style='position:relative; left:80px; bottom:15px;'&gt;1aaaaaaaaaaaaaaaaaaaa: &quot; + 
          (pointIndex +1) + &quot;&lt;br/&gt;2bbbbbbbbbbbbbbbbbb: &quot; + val + &quot;&lt;/div&gt;&quot;;
  }
  </code></pre>
  <p>The text moved as the i designed, but the box still there <a href="https://i.stack.imgur.com/SpXn9.png" rel="nofollow noreferrer">like this</a>.</p>
  <p>I was thinking to use extender, but i'm lost at the documentation page about which attribute to use and how to pass data from bean as tooltip's text.</p>
  <p>Any idea how to move the both the box and text to the position I designed with datatipeditor?</p>