Support smart directions for elements near screen bounds about d3-tip HOT 9 CLOSED

I also have such a problem,and I'm looking for a solution.

from d3-tip.

I solved it with something like this:

    var direction = function (d) {
        var upper = this.y(d) > (0.75 * this.yScale.domain()[1])
        var left = this.x(d) < (0.25 * this.xScale.domain()[1])
        var right = this.x(d) > (0.75 * this.xScale.domain()[1])

        if(upper && left) {
            return 'se';
        } else if (upper && right) {
            return 'sw';
        } else if (upper) {
            return 's';
        } else if (right) {
            return 'w';
        } else if (left) {
            return 'e';
        } else {
            return 'n';
        }
    }

    // Tooltips
    this.tip = d3.tip().attr('class', 'tooltip').html(tooltip.bind(this));

    this.tip.direction(direction.bind(this));

Basically it checks where the center of data (a circle in my case) roughly is and then adjusts the direction.

from d3-tip.

Great!Thank you, jure!

from d3-tip.

There's some related conversation here #117

from d3-tip.

There looks like there's a pull request #153 for this but has conflicts. Is there a preferred approach to addressing this or will #153 be used as the solution?

from d3-tip.

@chrisknoll I did a new PR for this, with conflicts solved, #198

from d3-tip.

Hey there! It looks like this issue has been automatically marked as stale because it has not had recent activity. To help the maintainers stay focused, it will be closed if no further activity occurs. Thank you for your contributions.

from d3-tip.

Buming this PR so that it does not look stale...

from d3-tip.

Hey there! It looks like this issue has been automatically marked as stale because it has not had recent activity. To help the maintainers stay focused, it will be closed if no further activity occurs. Thank you for your contributions.

from d3-tip.