0

プロジェクトに d3 棒グラフを実装しました。ただし、各バーの上に小さな画像を追加する必要があり、画像をクリックすると、新しいページにリダイレクトして詳細情報を表示する必要があります。どうすればこれを達成できますか？
前もって感謝します

4

1 に答える 1

0

これを行うには、バーを含む要素を選択し、それらに画像を追加する必要があります。イメージ要素は、リンク ターゲットを指定するアンカー要素内にあります。コードは次のようになります。

svg.selectAll(".nv-bar")
   .append("a")
   .attr("xlink:href", newPage)
   .append("image")
   .attr("xlink:href", imageURL);

バーの上に表示されるように画像の位置を調整する必要があることに注意してください。つまり.attr("transform", "translate(0,-20)")、正確な値は画像のサイズによって異なります。

于 2013-09-25T10:36:23.363 に答える