如何正确使用 D3 上自定义轴的数组标签名称

Question

我正在尝试为 D3 上的 x 轴制作自定义标签。我当前的解决方案随机抛出数组元素，但我希望它按特定顺序排列。如何在刻度格式中正确完成此操作？我当前的代码粘贴如下：

        var formatAxis = function(d) {
           return arr[d % arr.length];      
        }
        xAxis = d3.svg.axis()
            .scale(xScale)
            .orient("bottom")
            .tickValues(createTickValuesArray(arr.length))
            .tickFormat(formatAxis);

帮助将不胜感激。

Answer 1

如果您希望按与

数组中相同的顺序返回刻度标签，则可以显式使用索引：

var formatAxis = function(d, i) {
       return arr[i];      
    }