D3.JS 将轴刻度中的文本更改为自定义字符串

【问题标题】：D3.JS change text in axis ticks to custom stringsD3.JS 将轴刻度中的文本更改为自定义字符串
【发布时间】：2016-01-26 16:01:42
【问题描述】：

我想选择每个 g.tick 中的每个文本元素并将文本分别更改为“2012”、“2013”、“2014”、“2015”而不是 0、4、8、12

我首先尝试将所有这些文本元素作为一个数组获取，但这不起作用：var arrOfText = d3.selectAll("g.yaxis g.tick text")

【问题讨论】：

标签： d3.js text

【解决方案1】：

查看 d3 的 axis.tickFormat([format]) 函数 - 它可以让您指定数据的格式。

这是一个简单的示例，您可以根据自己的用例进行编辑。

var xAxis = d3.svg.axis()
    .scale(x)
    .tickValues([1, 2, 3, 5, 8, 13, 21])
    .tickFormat(function(d, i){ return "Num = " + d; });

【讨论】：