아직 완료되지 않은 막대 차트가 있고 열이 모두 차트 왼쪽에 그룹화되어 있습니다. 원인은 무엇입니까?
Plnkr : https://plnkr.co/edit/DMRJfbD4ZF3xCiPdFedy?p=preview
data.forEach(function(d) {
var y0_positive = 0;
var y0_negative = 0;
d.components = keys.map(function(key) {
if (d[key] >= 0) {
// if we have a positive value, add to the postive
return {key: key, y1: y0_positive, y0: y0_positive += d[key] };
} else if (d[key] < 0) {
// if value is negative, add to the negative value
return {key: key, y0: y0_negative, y1: y0_negative += d[key] };
}
})
})
케브
차트 에는 전혀 문제가 없습니다 . 정확하고 데이터가 정확하게 표시되고 있습니다.
그 반대 인 것 같지만 그 이유가 바로 그 이유입니다. 시간 척도를 사용하고 있고 시간 척도는 서수 척도 가 아닙니다 .
날짜를 보자. 첫 번째 데이터 포인트는 다음과 같습니다.
"date":"2016-11-03 00:00:00"
11 월 3 일에 해당합니다. 그러나 다른 모든 데이터 포인트는 2016-10-06
10 월 6 일 에서 가져온 것 입니다.
따라서 시간 척도는이 두 극단 (10 월 6 일부터 11 월 3 일까지) 사이의 모든 날짜를 균등 한 간격으로 표시하고 10 월 6 일에 모든 막대가 왼쪽으로 압착됩니다 (작은 막대 제외). 오른쪽, 11 월 3 일에 해당), 이것은 시간 척도를 사용할 때 정확하고 예상되는 결과이기 때문입니다!
이제 데이터에서 첫 번째 개체 (11 월 3 일) 만 삭제하면 어떻게되는지 확인하세요. https://plnkr.co/edit/rhmh2zxEnwO4SLTLvfNu?p=preview
시간 범위를 올바른 비율로 표시하지 않으려면 대신 서수 척도를 사용하십시오 (예 : scaleOrdinal
또는) scaleBand
.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다