2

私は d3.js 折りたたみ可能なツリーを構築しており、この ( http://bl.ocks.org/mbostock/4339083 ) の例を私の仕事に使用しました。これはうまく機能しますが、このツリーを SVG/PDF/PNG としてダウンロード/エクスポートするオプションも提供します。この問題を処理するために長い間検索しましたが、常に同じ結果です。結果の SVG/PNG に問題があります。正確には、ツリーのノード間のリンクに障害があります。

私はこれらのアプローチを試しました:

ht_tp://jsfiddle.net/plaliberte/HAXyd/

ht_tp://d3export.cancan.cshl.edu/

理解を深めるために、この写真を見てください!

http://de.tinypic.com/r/30auvec/5

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

4

1 に答える 1

6

SVG を別のものに変換するほとんどのアプローチは、SVG 自体で利用可能なスタイル情報に依存していますが、外部 CSS を使用している場合はそうではありません。つまり、あなたの場合、おそらく次のような CSS があります。

path {
  fill: none;
}

この場合、変換を機能させるには、この情報をリンクに添付する必要があります。つまり、コードに次のようなものを追加する必要があります。

link.style("fill", "none");

変換はこれでうまくいくはずです。

于 2013-11-21T14:03:42.960 に答える