4
<script type="text/javascript" src="../../d3.v2.js"></script>
5
<style type="text/css">
11
.axis line, .axis path {
14
shape-rendering: crispEdges;
20
<script type="text/javascript">
22
var m = [20, 40, 20, 40],
23
w = 960 - m[1] - m[3],
24
h = 500 - m[0] - m[2],
25
x = d3.time.scale().domain([new Date(2011, 07, 01), new Date(2011, 07, 08)]).range([0, w]),
26
y = d3.scale.sqrt().range([h, 0]);
28
var xAxis = d3.svg.axis()
31
.tickFormat(d3.time.format("%m/%d"));
33
var yAxis = d3.svg.axis()
36
var svg = d3.select("body").append("svg")
37
.attr("width", w + m[1] + m[3])
38
.attr("height", h + m[0] + m[2])
40
.attr("transform", "translate(" + m[3] + "," + m[0] + ")");
43
.attr("class", "bottom axis")
44
.attr("transform", "translate(0," + h + ")")
45
.call(xAxis.orient("bottom"));
48
.attr("class", "top axis")
49
.call(xAxis.orient("top"));
52
.attr("class", "left axis")
53
.call(yAxis.orient("left"));
56
.attr("class", "right axis")
57
.attr("transform", "translate(" + w + ",0)")
58
.call(yAxis.orient("right"));