title: How to change balloon (tooltip) location in AmXYChart?
body: <p>I am using AmXYChart and I want to customize the location of the balloon which appears when I place my cursor over a bullet (point). The idea is on the picture below.
  <img src="https://i.stack.imgur.com/BiB3Z.png" alt="enter image description here"></p>
  
  <p>So I just want it to appear in other place but not right over the bullet. Does AmXYChart allow me to do that?</p>
  
  <p><strong>Update 1:</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  #chartdiv {
      width: 100%;
      height: 500px;
      font-size: 11px;
  }
  &lt;/style&gt;
  &lt;script src="amstock.js"&gt;&lt;/script&gt;
  &lt;head&gt;
  &lt;body&gt;
      &lt;div id="chartdiv"&gt;&lt;/div&gt;
      &lt;script type="text/javascript"&gt;
          var chartData = [ {
              x : 10,
              y : 14
          }, {
              x : 5,
              y : 4
          }, {
              x : 11,
              y : 11
          }, {
              x : 10,
              y : 10
          }, {
              x : 15,
              y : 19
          }, {
              x : 13,
              y : 13
          }, {
              x : 1,
              y : 5
          } ];
  
          var chart = new AmCharts.AmXYChart();
          chart.pathToImages = "http://www.amcharts.com/lib/3/images/";
          chart.dataProvider = chartData;
          chart.marginLeft = 35;
          chart.startDuration = 1.5;
  
          var xAxis = new AmCharts.ValueAxis();
          xAxis.position = "left";
          xAxis.autoGridCount = true;
          chart.addValueAxis(xAxis);
  
          var yAxis = new AmCharts.ValueAxis();
          yAxis.position = "bottom";
          yAxis.autoGridCount = true;
          chart.addValueAxis(yAxis);
  
          var graph = new AmCharts.AmGraph();
          graph.valueField = "value";
          graph.xField = "x";
          graph.yField = "y";
          graph.lineAlpha = 0;
          graph.bullet = "round";
          graph.balloonText = "x:[[x]] y:[[y]]";
          chart.addGraph(graph);
  
          var chartCursor = new AmCharts.ChartCursor();
          chart.addChartCursor(chartCursor);
  
          var chartScrollbar = new AmCharts.ChartScrollbar();
          chartScrollbar.hideResizeGrips = false;
          chart.addChartScrollbar(chartScrollbar);
  
          var balloon = chart.balloon;
          balloon.adjustBorderColor = true;
          balloon.color = "#000000";
          balloon.fillColor = "#FFFFFF";
          balloon.cornerRadius = 3;
  
          balloon.borderThickness = 3;
          balloon.horizontalPadding = 17;
          balloon.offsetX = 50;
          balloon.offsetY = 8;
  
          chart.write("chartdiv");
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Update 2:</strong>
  Funny thing I've noticed. When I include only the next AmChart js files</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.amcharts.com/lib/3/xy.js"&gt;&lt;/script&gt;  
  </code></pre>
  
  <p>offsetX and offsetY work fine, but I use stock charts on my page as well as xycharts. And when I try to include amstock.js after these two files, like below</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.amcharts.com/lib/3/xy.js"&gt;&lt;/script&gt;
  &lt;script src="amstock.js"&gt;&lt;/script&gt; // amstock.js located in the same folder where my HTML file is located, so it is ok.
  </code></pre>
  
  <p>offsetX and offsetY don't work - balloon appears with default offsets (right over the bullet). So it seems that those files don't get along with each other.</p>