Highcharts는 날짜 문제

내가 하나에 3 그래프를 플롯하고 highcharts.js을 사용하고

x 축 X- 축 데이터는 동적 (14) 날짜 (십사일 내 백엔드 데이터)를 X- 축에 와서하도록 pointStart 기능Highcharts는 날짜 문제

를 사용하여 선택됩니다

그러나 시간별 데이터를 선택하면 합계 14 * 24 데이터 포인트가 날짜 형태로 xaxis에 표시되며 극단적으로 복잡해지고 14x24 날짜가 xaxis에 표시됩니다.

차트에 표시되는 메트릭 값에 14 * 24 막대가 있더라도 필자는 일일 데이터가 14 개일 때와 동일한 표현이 필요합니다.

시간별 형식 일지라도 xaxis에 14 일만 나타나기를 원합니다.

pointStart:Date.UTC(new Date(processed_json[0][0]).getYear(),new Date(processed_json[0][0]).getMonth(),new Date(processed_json[0][0]).getDate()), 
tickInterval : 24 * 3600 * 1000 , 
pointInterval: 24 * 3600 * 1000 // one day

그리고이 그 코드의 결과이다 : 직렬 부분에서 다음

현재 코드는 http://tinypic.com/r/2s0ba4k/8

그러나 시간당 수준

14 * 24 바 각 xaxis 레이블이 있습니다. 하지만 레이블이 14 개만 필요합니다.

나는 시도했다 : 그것은,

이

labels : { 
    step : 24 
    }

그러나이 지금처럼 작동하지 않는 14 ~ 15 날짜를 표시하지만 모든 막대에 분산 된은, 첫 데이트는 4월 28일입니다 즉, 다음 날짜는 22 일이 될 수 있으며 24 개의 날짜가 모두에게 계속 추가됩니다.

하지만 첫 번째 날짜는 28 월 4 일이고, 두 번째 날짜는 29 번째 기분이됩니다.

이 문제를 해결하기위한 더 많은 방법을 알고 싶었습니다. 모든 제안을 환영합니다.

출처

2014-06-16 Pravin Singh

바 사이의 범위가 다른 경우 (예 : 1 시간 또는 1 일) 동일한 방법으로 pointInterval 값을 변경해야합니다. 그래서 :

일일 : pointInterval: 24 * 3600 * 1000
일시 : pointInterval: 3600 * 1000

당신이 1 일 항상 설정하는 경우, 올바른 일이 무엇인지 Highcharts을 말할 필요가 그래서, 두 점 사이의 간격입니다, 하이 차트는 1 일로 설정됩니다.

출처

2014-06-17 10:28:35

내 문제는 제 데이터가 드롭 다운 메뉴에 의해 변경되는 것입니다. 일단 첫 번째 명령을 사용하여 완벽하게 플롯되는 일별 데이터가 있으면. 그러나 데이터가 드롭 다운을 통해 매시간이되면 간격이 날짜로 표시되고 xaxis에 많은 날짜가 표시됩니다. 그래서 pointInterval 또는 아마도 일련의 일부 버전의 업데이트 함수 내에서 함수를 사용해야합니다. 같은 줄에 어떤 접근 방식을 제안 할 수 있습니까? –

'pointInterval'에서 함수를 사용할 수는 없지만 실시간으로 그 옵션을 간단히 업데이트 할 수 있습니다 :'chart.series [index] .update ({pointInterval : new_value})' . –

Highcharts는 날짜 문제

답변

관련 문제