dimple.js：ネストされたsvg要素のチャート内のツールチップの配置

Question

Bullet Charts exampleのdimple.jsを修正するために、各箇条書き図が親子の子要素に含まれるようにしています。各弾丸グラフに個別のSVGを持たせる目的は、管理（表示/非表示/削除）を容易にすることです。また、これにより、チャートの再帰的な定義が完了します。つまり、チャートはsvgに含まれます。

fiddle for the modified version is here...。

2番目のチャート以降、マウスを動かすと、ツールのヒントが外れます。 child-svgの場合、私はスタイルoverflow: visibleを設定しましたが、ツールヒントがまったく表示されていなかったことを覚えておいてください。

child-svg要素の属性の処理に何か不足しているのか、それともdimple.jsのバグなのかを知りたいですか？また、回避策が分かっている場合はお知らせください。

ありがとうございました。

Answer 1

私が持っている最初の質問の1つは、なぜ子どもの要素を欲しいのですか？あなたは何を達成しようとしていますか？ あなたのコードに表示されている唯一の違いは、上の高さ/幅のスワップとサブsvg +の境界です。

原点はサブsvgごとに変わることに注意してください。これはツールヒントに問題がある理由かもしれません。たぶんあなたはあなたの追加の弾丸の呼び出しに取り組んだことがあります。

本当に別のsvg要素が必要な場合は、ナーグが正しいアプローチを取っていると思います。