NVD3 X 축 잘못된 순서 (날짜)

2 시리즈를 시각화하려고하지만 시각화하면 날짜가 더 이상 순서대로 표시되지 않습니다.NVD3 X 축 잘못된 순서 (날짜)

다음은 바이올린입니다. http://jsfiddle.net/hohenheim/6R7mu/21/ 이상한 x 축에 주목하십시오.

nvd3에서 x 축을 수정할 수있는 방법이 있습니까?

이 데이터는 다음과 같습니다 : 그것은 단지 당신이 그것을 줄의 x 값을 표시 할 수 있도록

NVD3 "multiBarChart"

data1 = [{ 
     "date": 1396828800, 
     "impressions": 49145385 
    }, { 
     "date": 1396915200, 
     "impressions": 46704447 
    } ....

출처

2014-05-14 user40721

거기서 무엇을하고 있는지 확실하지 않지만 시간 척도가 제대로 작동하려면 날짜를 '날짜'개체로 변환해야합니다. –

나는 명시 적으로'Date'로 변환했고 나는 같은 문제를 겪었다 : http : //jsfiddle.net/hohenheim/6R7mu/21/ – user40721

들이 순서대로, 서수 (카테고리) 규모를 사용 규모에 추가되었습니다. 귀하의 두 시리즈는 부분적으로 만 x 축에 겹쳐 문제를 일으킬 수 있습니다.

다른 NVD3 차트 유형과 달리, multiBarChart는 자체 스케일을 설정할 수있는 옵션을 제공하지 않습니다. 막대에 균일 한 너비를 생성하려면 서수 스케일을 사용해야합니다. 그러나 chart.xDomain(arrayOfXValues)을 호출하여 x 도메인 (각 막대에 사용할 범주 목록)을 설정할 수 있습니다.

배열은 데이터를 확장하는 날짜 값의 정렬 된 배열이어야합니다. 생성하려면 d3 time intervals range functions이 필요합니다. 최대 값과 최소값을 찾으려면 d3.extent function이 필요할 수도 있습니다.

출처

2014-05-16 04:14:39 AmeliaBR

답변

관련 문제