Подсказка Tipsy, прикрепленная к верхнему левому углу круга с помощью d3

Когда я использую подвыпивший на моем графике, ориентированном на силу d3, у меня возникает проблема: когда я устанавливаю гравитацию подвыпившего на запад, подвыпивший начинается в верхнем левом углу моего круга. Как мне сделать так, чтобы он начинался с правой стороны моего круга?

Вот пример кода, который я использую в d3:

var node = vis.selectAll("g.node")
    .data(json.nodes)
    .enter().append("svg:g");

node.append("svg:circle")
    .attr("r", function(d){return d.credits *5+"px";})
    .style("fill", "orange");

$('svg circle').tipsy({
    gravity: 'w',
    html: true,
    title: function() {
        var d = this.__data__,
            name = d.name;
        return name;
    }
});

Изменить В этом вопросе: https://stackoverflow.com/a/10806220/1041692 они сказать следующее:

Вы можете попробовать добавить всплывающую подсказку в svg:g, которую вы накладываете на реальный круг, но указать нулевую ширину и высоту. В настоящее время он берет ограничивающую рамку и помещает всплывающую подсказку на краю. Игра с опциями подвыпившего также может помочь.

Но либо я делаю это неправильно, либо это не работает, это не решило мою проблему.

РЕДАКТИРОВАТЬ 2 Эта проблема также зависит от браузера, в хроме подвыпивший элемент прикреплен к верхнему левому углу круга, тогда как я хотел бы, чтобы он был прикреплен к середине правой стороны круга. . В Firefox подвыпивший появляется в левом верхнем углу всей веб-страницы.


javascript d3.js force-layout tipsy
person Christopher Chiche    schedule 01.10.2012    source источник
comment
не могли бы вы создать jsfiddle? нам легче помочь   -  person zemirco    schedule 01.10.2012
comment
Можете ли вы уточнить? Прямо сейчас он начинается в верхнем левом углу и продолжается влево или продолжается вправо? И вы хотите, чтобы он начинался с правой стороны круга (полагаю, в центре?) и продолжался справа?   -  person mbeasley    schedule 01.10.2012
comment
Именно, сейчас он начинается в верхнем левом углу и продолжается вправо. Я бы хотел, чтобы он начинался с правой стороны круга (в центре) и продолжался справа.   -  person Christopher Chiche    schedule 01.10.2012

Ответы (1)


arrow_upward
3
arrow_downward

Учебник D3 подвыпивший на самом деле использует модифицированную версию подвыпившего:

http://bl.ocks.org/1373263

Он немного изменен для правильного расчета ограничивающих рамок элементов SVG. Так что скопируйте этот исходный код, а не используйте загруженный с сайта tipsy.

person user1580492    schedule 23.01.2013