2014-07-25 1 views
1

여기에서 문제를 이해하려고합니다. 내 가치에 대한 날짜가 포함 된 데이터 파일이 있습니다. x 축에서 사용할 때; 결과는 x 축을 균등하게 값을 나눌 것입니다. 따라서 점이 2:30 2:31에 있고 다른 점이 2:32이면 값이 균등하게 간격을두고 나란히있을 것입니다. 반면 x 축은 첫 번째 날짜와 마지막 날을 기준으로 분할됩니다 (2 일이있는 경우 2 일, 3 일이있는 경우 3 일 등)Highcharts에게 x 축에 날짜를 설정하고 일정한 시간 (예 : 1 일)을 사용하는 방법

대신에 한 시간 또는 하루를 기준으로 범위를 정하고 해당 범위에 맞는 점 수를 확인합니다.

내가 x 축에 날짜와 유형 및 날짜가 3 라인을 설정 한
a,b,c,d 
1.1,2.2,3.3,4.4 
Jun 13 22:30, jun 13 23:02, Jun 13 23:05, Jun 14 1:10 

, 범주에 할당 된이 데이터가 어떻게 구성되어 있는지의 예입니다.

편집 :

이 문제가 날짜 형식 것 같다;

수요일 7월 11일 -001 그리니치 표준시 17시 32분 10초-0700 (PDT)

이 이상한 것은이 : 나는 나에게 전체 날짜 형식을 반환

new Date(value) 

날짜에 성공적으로 문자열을 변환 this.x를 표시하도록 설정 한 툴팁에 날짜가 아닌 1에서 10까지의 숫자가 표시됩니다. 위의 예와 같이 내 데이터를 사용하여 이렇게 그래프를 만들 수없는 이유가 아닌지 확실하지 않습니다.

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-irregular-time/

편집 2 : 제안에 대한 세바스찬과 Skram에 덕분에, 나는이 지점에 도착 할 수 있었다 :

http://jsfiddle.net/newbiez/AeFp3/3/

지금이 바로 거의 모든 일을한다; 단, tickInterval을 주석 처리하면 4 tick (각 문제 당 1 점)을 얻을 수 있습니다. 내가 그것을 주석 처리하지 않으면; 차트는 첫 번째 날짜가 그려지지만 다른 날짜는 그려지지 않습니다.

+1

'categories'를 전혀 설정하지 마십시오.Type ='datetime' 일 때'categories'는 아무것도 설정하지 않아도됩니다. –

+0

배열에서 시퀀스를 복사하지 않고 할당하지 않으려 고 카테고리를 주석 처리하고 [], 마지막으로 몇 가지 결과를 시도했습니다. 이제 1 월 1 일부터 시작됩니다. 증분 0f 00 : 00 : 00 : 005; altho는 간격으로 차트를 나눠서 더 가까운 곳으로 옮겼습니다. –

+0

Alrighty - 다음 단계는 Highchart가 Javascript의 기본 'Date' 클래스와 같은 형식으로 datetime을 가져 오는 것입니다. x value에'new Date ("jun 13 23:02")'또는 http://jsfiddle.net/gh/get/jquery/1.9에서 볼 수 있듯이 컴포넌트를 파싱하고'new Date'를 사용할 수 있습니다. .1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-irregular-time/ –

답변

1

오류 및 제안 사항이 많은 곳에서 (감사합니다. Sebastian and Skram) 잘못된 것을 발견했습니다.

1) 날짜를 변환 할 필요가 작동하지 않습니다 문자열로 Highcharts는 JS 형식으로 날짜 것으로 예상 (중 밀리 초 또는 새로운 날짜 (stringdate로 포맷) 다른 경우에는 동안

2) 때문에 하나의 값 집합을 배열에 넣고 다른 배열을 두 번째 배열에 넣고 범주 및 계열로 배치 할 수 있습니다. 날짜를 처리 할 때 날짜와 관련 값이있는 (변환 된) 2D 배열이 필요합니다.

3) 범주에 데이터를 할당하면 안됩니다. 그렇지 않으면 왜 작동하지 않는지 알아 내려고 노력하는 데 시간을 할애 할 것입니다. 2D 배열을 데이터에 추가하기 만하면됩니다. 작동합니다.

다른 사람들에게 도움이되기를 바랍니다. 이 문제를 파악하는 데 많은 시간을 할애했으며, 다른 멤버 덕분에 솔루션에 더 가까워졌습니다.

관련 문제