Question

我试图在nvD3堆积区域图表中使用我自己的数据。 Angular nvD3网站的示例数据格式的格式如下：

[{
     "key":"Series 1",
     "values":[[1025409600000,0],[1028088000000,-6.3382185140371]]
},
{
     "key":"Series 2",
     "values":[[1025409600000,0],[1028088000000,0]]
}]

我有以这种格式来自我的数据库的数据：

[{
     "Loc_Cnt":6,"Num_Cars":552,"Num_Employees":34,"active_month":"2017-10-01T00:00:00"
},
{
     "Loc_Cnt":4,"Num_Cars":252,"Num_Employees":14,"active_month":"2017-11-01T00:00:00"
}]

我试图从我的数据中绘制图表，三个系列（系列1：Flt_Cnt，系列2：Num_Cars，系列3：Num_Employees）。对于每个系列，X轴值为active_month日期，Y轴值为系列值。

我怎样才能A）将我的数据转换为容易看起来像样本数据，或者B）在AngularJs nvd3图表中使用我的数据？我觉得数组上的.forEach对大型数据集效率不高，而且不易读。我试图以某种方式使用d3.nest，但是没有能够获得正确的格式。谢谢你的帮助！

Answer 1

这不优雅，但我粗暴地强迫我的解决方案。如果有更好的解决方案，请告诉我。

var Loc_Cnt = [];
var Num_Cars = [];
var Num_Employees = [];
var obj = {};

//arr is the array of values in my format
arr.forEach(function (element) {
    //need the date in milisecond format
    var date = new Date(element.active_month);
    var time = date.getTime();
    
    //load corresponding arrays
    Loc_Cnt.push([time, element.Loc_Cnt]);
    Num_Cars.push([time, element.Num_Cars]);
    Num_Employees.push([time, element.Num_Employees]);
});

//load each key/values pair into new object
obj["Loc_Cnt"] = Loc_Cnt;
obj["Num_Cars"] = Num_Cars;
obj["Num_Employees"] = Num_Employees;

//d3.entries creates an object of key/VALUEs
arrRollup = d3.entries(obj);

//change the key word values to value
var i;
for (i = 0; i < arrRollup.length; i++) {
    arrRollup[i].values = arrRollup[i]['value'];
    delete arrRollup[i].value;
}

Angular nvD3堆积面积图数据系列格式

1 个答案: