Not Getting Position of X, Y for tooltip

I want to integrate new tooltip format, but the issue is that i don't found x, y position value of current focus block.
## Following is the Screen shot of my tooltip issue

## Following is the code for position

``` javascript
position: function (data, width, height, element) {
console.log(document.getElementsByClassName('c3-tooltip-container'));
var chartOffsetX = document.querySelector('#chart' + chartId).getBoundingClientRect().left,
graphOffsetX = document.querySelector('#chart' + chartId + " g.c3-axis-y").getBoundingClientRect().right,
tooltipWidth = document.getElementById('tooltip').clientWidth,
tooltipHeight = document.getElementById('tooltip').clientHeight;
x = parseInt(element.getAttribute('cx')) + graphOffsetX - chartOffsetX - Math.floor(tooltipWidth / 2);
y = parseInt(element.getAttribute('cy')) - parseInt(tooltipHeight);
y = y - height - 14;
return {top: y, left: x}
}
```

Start with the tooltip position callback shown in the issue and inspect the data, width, height, and element arguments, along with the SVG element offsets it reads. Done means the position callback can obtain the focused block’s x and y values for the requested tooltip format.

Written by the indexing model from the issue text.