d3 刻度

d3 刻度

by Shang-De You

CSS

.axis path, .axis line{
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
}

.axis text {
  font-family: sans-serif;
  font-size: 11px;
}

JavaScript

var width = 600
var height = 600

var svg = d3.select("body").append("svg")
	//.attr("width",width)
  //.attr("height",height)

var xScale = d3.scale.linear()
	.domain([0,10])
  .range([0,300])
  
var axis = d3.svg.axis()
	.scale(xScale)
  .orient("bottom")
  
var gAxis = svg.append("g")
	.attr("transform","translate(80,80)")
  .classed("axis",true)
  .call(axis)