다중 계열 선 차트의 평균 선을 그리는 D3 방법을 찾고

Question

D3 multi-series line chart 예제를 따랐으며 성공적으로 그릴 수있었습니다. 이제 차트에 그려진 모든 라인 중 mean 또는 average 인 라인을 추가해야합니다.

Line 1 : [x:10, y:10], [x:20, y:20], [x:30, y:10] 
Line 2 : [x:10, y:10], [x:20, y:18], [x:30, y:15] 

은 그런 선이 될 것 의미 :

Mean : [x:10, y:(10+10)/2], [x:20,y : (20+18)/2], [x:30,y:(10+15)/2] 

D3이 평균 선을 그리거나 내가해야하는 direcy의 방법이 있나요 다음 사항을 고려 두 줄을 그릴 차트에 그려 y에 대한 평균값을 계산하고 새로운 라인을 그립니?

희망 사항이 명확 해집니다.

미리 감사드립니다.

Answer 1

d3.mean을 사용하여 계산할 수 있습니다. 가장 쉬운 방법은 단순히 cities에 다른 요소를 추가하는 것입니다

cities.push({ 
    name: "mean", 
    values: data.map(function(d) { 
    return {date: d.date, 
     temperature: d3.mean(color.domain().map(function(e) { return +d[e]; }))}; 
    }) 
}); 

전체 예를 here.