我正在使用谷歌可视化来生成一些柱形图,为显示添加趣味我想使用一些自定义文本和图像更改注释,为此我需要获取每个注释的确切顶部和左侧位置
目前,我只是在经过一系列试验和错误后应用一些随机值,以使布局接近我正在寻找的
我想知道是否可以将注释的 x,y 值转换为屏幕左侧和顶部值,这样我就可以获得所需的布局。
请参阅此链接 http://www.screencast.com/t/f0ytn2m0IS
带有 230 等值的橙色小图标应该与折线图对齐
我正在使用谷歌可视化来生成一些柱形图,为显示添加趣味我想使用一些自定义文本和图像更改注释,为此我需要获取每个注释的确切顶部和左侧位置
目前,我只是在经过一系列试验和错误后应用一些随机值,以使布局接近我正在寻找的
我想知道是否可以将注释的 x,y 值转换为屏幕左侧和顶部值,这样我就可以获得所需的布局。
请参阅此链接 http://www.screencast.com/t/f0ytn2m0IS
带有 230 等值的橙色小图标应该与折线图对齐
您可以查看此答案“我如何绝对定位 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/2
and box.height/2
。