D3.js插入 X轴文本标签 、Y轴文本标签、标题文字、图例文字

D3.js插入 X轴文本标签  、Y轴文本标签、标题文字、图例文字

D3的文本标签，标签就是一个text内容块啊，所以我们只要在svg中添加一个text然后再给这个text定位和指定内容，以及设计好样式即可。

一、X轴文本

//增加一个x轴的标签
svg.append("text")
    .attr("transform", "translate(" + (width/2) + "," + (height + margin.bottom) + ")")
    .style("text-anchor", "middle")
    .style('font-size', '12px')
    .attr('fill', 'black')
    .text("Date");

第一，transform属性，详细的介绍可以看我w3c的定义，这里我们用到的是他的一个translate属性，也就是移动，第一个参数是相对于原点在x轴上的位移距离，第二个是相对于原点在y轴上的位移距离；第二，