D3 크로스 필터 예제에서 막대 너비 변경

Question

예를 들어 crossfliter 예제를보고 막대 차트를 다시 만들려면 몇 가지 샘플 데이터를 사용하고 있지만 데이터가 좁 으면 막대 너비가 좁아지기를 바란다. 그것을 어떻게하는지 아직 알지 못했다. 어떤 도움을 주셔서 감사합니다!

Answer 1

페이지 소스 라인 (463)에, 당신은 :

path.push('M', x(d.key), ',', height, 'V', y(d.value), 'h9V', height); 

h9V 제어 각 막대의 폭을. h5V으로 변경하면 약간의 작은 막대가됩니다. 이 같은 것을 할 수있는, 당신이 변수 바 폭을 갖고 싶어

path.push('M', x(d.key) + 2, ',', height, 'V', y(d.value), 'h5V', height); 

: 당신은 여전히 ​​관련 빈의 중심이 각 막대를 원하는 경우, 다음과 같은 변경을 할 수있을 것이라는 점을 명심

을

var barWidth = 0.6; 

... 

path.push('M', x(d.key) + Math.round((10-barWidth*10)/2), ',', height, 'V', y(d.value), 'h', barWidth*10,'V', height); 

참고로 Math.round()은 가장 가까운 전체 픽셀 값을 얻는 것입니다.