1

チェックボックスを追加しようとしていますが、表示されません。

var svg = d3.select("#mainchart").append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

svg.append('input').attr('type','checkbox').attr("x","400").attr("y","-215");

ここでの問題は何ですか？

4

2 に答える 2

2

svgにはチェックボックス要素がありません。ページにチェックボックスを追加するには、通常の html 要素 (この場合はページの本文) に追加する必要があります。

d3.select("body").append('input').attr('type','checkbox')

編集: チェックボックスが表示される場所を制御するには、本文の代わりに別の要素を選択します。

d3.select("#checkBoxDiv").append('input').attr('type','checkbox')

これを変更します：

<div id="checkBoxDiv></div>

これに：

<div id="checkBoxDiv>
  <input type="checkbox">
</div>

また、html ファイルの最後の行をハードコーディングし、後でチェックボックスを選択することもできます。

d3.select("#about").select('input')
于 2013-07-15T14:59:58.670 に答える
0

foreignObject を使用しないと、svg 名前空間内に html タグを含めることはできません。ここにクロスポストされた質問に答えた簡単な例を次に示します。

于 2013-07-16T07:34:09.463 に答える