常用代码:
一、定义坐标轴
定义坐标轴的总体思路就是先定比例尺,线性还是非线性等,然后再定义坐标轴,最后加到svg或者svg中定义的g元素里面
V3版本:
// 数据
var dataset = [2.5, 2.1, 1.7, 1.3, 0.9];
var svg = d3.select("svg"); //定义一个svg
var g = svg.append("g") //svg里插入一个g元素
attr("transform","translate("+marge.top+","+marge.left+")");
// 定义比例尺
var linear = d3.scale.linear()
.domain([0, d3.max(dataset)])
.range([0, 250]);
//定义一个坐标轴
var axis = d3.svg.axis()
.scale(linear) // 指定比例尺
.orient("bottom") // 指定刻度的方向
.ticks(7) // 指定刻度的数量
.tickFormat(function(d) { //格式化刻度上显示的数字
return d + 2020
})
g.append("g")
.attr("transform","translate("+20+","+(dataset.length*rectHeight)+")")
.call(axis