dimple.js：嵌套svg元素的圖表中的工具提示放置

Question

我試圖修改Bullet Charts example的dimple.js，每個子彈圖都位於parent-svg的child-svg中。每個子彈圖都有單獨的svg目的是讓他們的管理（顯示/隱藏/刪除）更容易。此外，這使得圖表的遞歸定義完整 - 也就是說，圖表包含在svg中。

The fiddle for the modified version is here...。

正如你所看到的，從第二張圖開始，在鼠標懸停時，工具提示出現位置！請注意，對於child-svg，我已經設置了樣式overflow: visible，沒有哪個工具提示根本不可見。

想知道我在處理child-svg元素的屬性時是否缺少任何東西，或者它是否是dimple.js中的錯誤。另外，如果您知道任何解決方法，請告訴我。

謝謝。

Answer 1

我的第一個問題之一是爲什麼你想要孩子svg元素？你想達到什麼目的？ 我在代碼和示例中看到的唯一區別是頂部的高度/寬度交換和子svg +邊界。

請記住，原點隨每個子svg而變化。這可能是您爲什麼在使用工具提示時遇到問題的原因。也許你已經參與了你的添加項目符號調用。

我覺得nagu在這裏有正確的方法，如果你真的想單獨svg元素。