-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”标签内写“Hello World”。

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

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

于 2013-03-07T19:40:35.773 回答