带有“重复标签”的 NVD3 Distinct Bar答案

【问题标题】：NVD3 Distinct Bar with "Duplicate Labels"带有“重复标签”的 NVD3 Distinct Bar
【发布时间】：2013-08-19 13:35:53
【问题描述】：

不同条形图上的 x 轴是用户名。我遇到的问题是可以有多个同名用户。

我希望 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
    }]
}]

【问题讨论】：

标签： nvd3.js

【解决方案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; });

【讨论】：