-1

D3の学習を開始し、Railsでそれを試すプロジェクトを持ちたいと思っています。

私は実行中の鉄道サーバー（localhost）を持っており、これをindex.htmlに書き込んでいます：

<!DOCTYPE html>
<meta charset="utf-8">
<style>
    body { font: 12px Arial;}
    path {
        stroke: steelblue;
        stroke-width: 2;
        fill: none;
    }
    .axis path, .axis line {
        fill: none;
        stroke: grey;
        stroke-width: 1; shape-rendering: crispEdges;
    }
</style>
<body>
<p> Hi i am here</p>
<script src="http://d3js.org/d3.v3.min.js"></script>


</body>

さて、最初にそこに入力してブラウザで何かを見ることができる最も基本的なことは何ですか？

4

1 に答える 1

1

円を描くためのサンプルコードは次のとおりです。

<script>
    d3.selectAll("body") //select the body
        .append("svg") // add an svg element to the body
        .append("circle") // add a circle to the svg element
        .attr("r", 40) // add attributes to the circle
        .attr("cx", 50)
        .attr("cy", 50)
</script>

コードが「完了」したjsFiddleは次のとおりです。http：//jsfiddle.net/Bd7HA/

グラフィックを意味しない場合は、それを行うこともできます。これにより、基本的に「body」タグ内に「HelloWorld」と書き込まれます。

<script>
    d3.selectAll("body").text("Hello World")
</script>

jsFiddle： http: //jsfiddle.net/chrisJamesC/Bd7HA/5/

于 2013-03-07T19:40:35.773 に答える