javascript - gRaphael 弹出位置

Question

据我所见，gRaphael 仅支持 4 个位置来放置弹出窗口，、up和，通常这已经足够了，但我的折线图空间有限，因此弹出窗口在 SVG 内部被切断。我的问题是，如何将弹出窗口放置在（右上角）、（左上角）、（右下角）或（左下角）位置？downleftrightup rightup leftdown rightdown left

Answer 1

自定义工具提示怎么样，创建一个简单的div并将其附加到您的图表容器中，就像我在饼图中所做的那样？

带有工具提示的交互式饼图，这样您就可以控制一切......

Answer 2

我最终使用了qTip，就像这样......

//show the tooltip
showTip(column.node,column.symbols[0].node,"label",tailPos,tipPos);

function showTip(selector,target,content,tailPosition,tipPosition)
{
    $(selector).qtip({
        content: content,
        position: {
            my: tailPosition,   //tip tail position
            at: tipPosition,    //tip body position
            target: $(target)   //position the tip at this element
        },
        show: {
            ready: true //show popup
        },
        style: {
            classes: 'ui-tooltip-rounded ui-tooltip-dark'
        }

    });
}

完美地工作。:)