Angularjs directive AngularJs Nvd3图表

大家好， 在过去的几天里，我对这一点感到震惊。我在github中尝试了nvd3主机。然后我玩了LinePlusBarFocusChart。我有一个问题，在示例中，他们使用了数值。用于数据加载

var testdata=[ { “键”：“数量”， “酒吧”：没错， “价值”：[[“鸡蛋”，121000.0]，[1138683600000，127000.0]] }, { “键”：“价格”， “价值”：[“鸡蛋”，71.89]，[1138683600000,75.51]] } ]

当我将第一个值更改为字符串时..我的图表如下所示

有人能帮我完成这个问题吗…请回复

问候,，

---

Yuvaraj…

每个数据元素都是一个序列元素，因此需要有一个时间变量。但您可以向数据集添加带有标签的附加变量

$scope.data = [
    {
        "key" : "Quantity" ,
        "bar": true,
        "values" : [ 
            [ 1136005200000 , 1271000.0, 'EGG1'] , 
            [ 1138683600000 , 1271000.0, 'EGG2'] , 
            ...
        ]
    },{
        "key" : "Price" ,
        "values" : [ [ 1136005200000 , 71.89], ... ]
    }
].map(function(series) {
    series.values = series.values.map(function(d) { 
        return {x: d[0], y: d[1], label: d[2] } 
    });
    return series;
});   

然后使用

xAxis.tickFormat

chart选项对其进行操作。此选项可以定义为如下函数：

xAxis: {
    tickFormat: function(d) {
        var dx = $scope.data[0].values[d].x;
        var label = $scope.data[0].values[d].label;
        return label ? label : d3.time.format('%x')(new Date(dx));
    }        
}

---

看。（这里使用指令。）

我有一个具有字符串值的数据集，而不是单个字符串“EGG”。var testdata=[{“键”：“量”，“条”：真，“值”：[['EGG'，121000.0]，[1138683600000127000.0]，“EGG'，71.89]，“EGG'，71.89]，“EGG'，71.89]，“EGG'，71.89]，“EGG'，71.89]，[1138683600000，75.51]，“EGG”，71.89]，“EGG”，71.89]，“EGG”，71.89]，“EGG”，71.89]，“EGG”，71.89]，“EGG”，71.89]}]你能举几个例子吗..保留你的时间变量并添加另一个带有标签的时间变量。我已经更新了答案。谢谢你回复krispo。我对你的代码有一个疑问，EGG2，EGG3值没有显示在标签上。你能检查plz吗。因为数据集很大-只需缩放图表。哦，谢谢krispo，工作正常。我有一个查询，我需要传递三个参数啊。我想传递“值”：['EGG'，121000.0]，“EGG2”，71.89]]加载图表。这是不可能的啊。我必须传递日期、值和标签啊。。