2

ズーム可能なサンバーストの例を使用していますが、図の中央にテキストを追加してズーム可能にするのに苦労しています。アイデアは、その長さを示す特定の円弧をクリックすると、中央のテキストが変化するということです。mouseclick と mouseover のプロパティが消えているようです。これは私が試したことです： 

path.append("svg:text")
        .on("click",click)
        .style("font-size","4em")
        .style("font-weight","bold")
        .text(function(d) { return count_function(data); });

クリック機能を失わずにチャートの中央にテキストを表示する方法を誰かが理解するのを手伝ってくれますか?

おそらく、グラフが表示されたら、円形の中心を表す「g」を選択し、それにテキストを追加する方が簡単な方法です。私はこれを試しましたが、この要素だけをうまく選択することができません (申し訳ありませんが、D3 は初めてです)。正方形に戻ります。

4

1 に答える 1

0

text要素内に要素を挿入しようとしているようですpath。次のようなものを試してください。

svg.select("g").append("svg:text")
    .on("click",click)
    .style("font-size","4em")
    .style("font-weight","bold")
    .text(function(d) { return count_function(data); });
于 2013-02-21T12:51:35.897 に答える