2

svg:line次のように定義されたマーカーを持つ要素を使用して、SVG に矢印をプロットしています。

    svg_.append("svg:defs")
        .append("svg:marker")
        .attr("id", "bluearrowhead")
        .attr("viewBox", "0 -5 10 10")
        .attr("refX", 0)
        .attr("refY", 0)
        .attr("markerWidth", 6)
        .attr("markerHeight", 6)
        .attr("orient", "auto")
        .append("svg:path")
        .attr("d", "M0,-5L10,0L0,5")
        .attr("fill", "deepskyblue");

矢印をフェードアウトできるようにしたい。矢印シャフトの場合、これは機能します：

    svg_.selectAll(".arrows")
        .transition()
        .duration(1000)
        .style("stroke-opacity", 0.0)
        .remove();

しかし、シャフトが消える間、矢じりは 1000 ミリ秒間留まり、突然消えます。私はfill-opacityラインを試してみselectAllまし.bluearrowheadたが、役に立ちませんでした。マーカー スタイルを移行する方法はありますか?

4

1 に答える 1

5

試してみてください：

svg_.selectAll(".arrows")
    .transition()
    .duration(1000)
    .attr("opacity", 0.0)
于 2013-04-08T05:11:42.310 に答える