D3.js折線圖重疊問題

Question

我有一個折線圖like this。但它與具有相同數據點集合的另一條線重疊。

任何解決方案來處理這種情況。

Answer 1

迭代對象屬性並生成結果數組。

var obj = { 
 
    "rules": [{"interval": "Week 1","count": 0},{"interval": "Week 2","count": 0}], 
 
    "assets": [{"interval": "Week 1","count": 1},{"interval": "Week 2","count": 0}] 
 
}; 
 

 
var res = Object.keys(obj) // get all object keys 
 
.reduce(function(arr, k) { // iterate over keys array and generate result array 
 
    obj[k].forEach(function(v) { // iterate over inner property value array 
 
    arr.push(Object.assign({ // generate the object element 
 
     name: k 
 
    }, v)); 
 
    }); 
 
    return arr; // return the array reference 
 
}, []); 
 

 
console.log(res);