nvd3.js - 带有 "Duplicate Labels"的 NVD3 不同栏

Question

我们的 Distinct Bar Chart 上的 xaxis 是用户名。我遇到的问题是可能有多个用户具有相同的名称。

我希望 x 轴与用户的 id 不同，但希望标签是用户的姓名(是的，我知道名称不明确，但这对我们的目的来说是可以的)

鉴于以下数据，我将如何使 x 轴与 id 不同，但显示标签值

[{
    "key" : "tester",
    "values" : [{
        "value" : 5.0,
        "label" : "John Smith",
        "color" : "#9BA474",
        "id" : 1388
    }, {
        "value" : 10.25,
        "label" : "Jane D'oh",
        "color" : "#356AA0",
        "id" : 11
    }, {
        "value" : 3.5,
        "label" : "John Smith",
        "color" : "red",
        "id" : 12
    }]
}]

Answer 1

我可能有我自己的问题的答案。如果有其他方法可以做到这一点，我想听听他们的意见。

var chart = nv.models.discreteBarChart()
        .x(function(d, i) { return i })
        .y(function(d) { return d.value });

chart.xAxis
        .tickFormat(function(d) {return data[0].values[d].label; });