Question

我们的Distinct条形图上的xax是用户名。我遇到的问题是可能有多个用户具有相同的名称。

我希望x轴与用户的id不同，但希望标签是用户的名字（是的，我知道这个名字含糊不清，但这对我们来说没问题）

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

[{
    "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; });

NVD3 Distinct Bar带有“重复标签”

1 个答案: