1

我正在使用谷歌可视化来生成一些柱形图,为显示添加趣味我想使用一些自定义文本和图像更改注释,为此我需要获取每个注释的确切顶部和左侧位置

目前,我只是在经过一系列试验和错误后应用一些随机值,以使布局接近我正在寻找的

我想知道是否可以将注释的 x,y 值转换为屏幕左侧和顶部值,这样我就可以获得所需的布局。

请参阅此链接 http://www.screencast.com/t/f0ytn2m0IS

带有 230 等值的橙色小图标应该与折线图对齐

4

1 回答 1

0

您可以查看此答案“我如何绝对定位 SVG 中的文本”。您可以使用该答案中的代码创建 jQuery 插件。

$.fn.getRealBBox = function() {
    if (this[0] instanceof SVGElement) {
        return getBoundingBoxInArbitrarySpace(this[0], this[0].getCTM());
    } else {
        throw "selector '" + this.selector + "' is not SVGElement";
    }
};

并使用它来获取 x 和 y,然后您可以将对象顶部设置为这些值,如果您希望 html 对象位于中间,只需添加box.width/2and box.height/2

于 2013-08-14T10:59:45.810 回答