2013-02-13 1 views
0

누적 열이 2 개있는 하이 차트입니다. xAxis 패딩, 최소 및 최대는 내가 원하는 방식입니다. 여기 jsFiddle : 나는 (두 번째 시리즈에 또 다른 데이터 포인트를 추가하면 x는 2014에, 그러나하이 차트 : 누적 열 x 축이 자동으로 "압축 중"

data: [{ 
     x: 1767157200000, 
     y: 95746 
    } 

: 관심의 http://jsfiddle.net/BobTheZealot/MBmu7/#base

시리즈는 하나의 데이터 포인트가 두 번째 시리즈이다 새 포인트, 이전 분과 최대 내에서), xAx는 갑자기 "압축됩니다": 축의 양쪽에 여분의 패딩이 있고 축에 두 개의 레이블이 더 있습니다 (2010 및 2028).

data: [{ 
     x: 1420002000000, 
     y: -95100 
    }, { 
     x: 1767157200000, 
     y: 95746 
    }] 

jsFiddle :

http://jsfiddle.net/BobTheZealot/MBmu7/13/가 왜 x 축이 포맷지고? 첫 번째 jsFiddle에서와 같이 강제로 어떻게 보이게 할 수 있습니까?

이상하게도 x 값의 내림차순으로 두 번째 시리즈의 데이터 포인트 순서를 바꿉니다 (이상하게 보입니다; 첫 번째 시리즈는 x 값의 오름차순으로 데이터가 있음), xAxis 포맷팅은 변경되지 않습니다 (즉, "압축"하지 않음).

data: [{ 
     x: 1767157200000, 
     y: 95746 
    }, { 
     x: 1420002000000, 
     y: -95100 
    } 

js 이전 버전의 jsFiddle 링크 14 개 (분명히 세 개의 링크를 게시 할 수 없음).

며칠 동안 붙어있어 많은 도움을 환영합니다. 감사.

답변

0

이유는 포인트 간의 시간 간격입니다. 점 사이의 간격을 아는 경우 pointRange을 설정하면 http://jsfiddle.net/MBmu7/15/을, 그렇지 않으면 점 사이의 거리로 1767157200000 - 1672462800000을 취하고 xAxis를 형식 지정합니다.

+0

대단히 감사합니다. Pawel. 그것은 확실히 그것을 고쳐주는 것처럼 보입니다. 나는이 문제를 다른 곳에서 만난 이래로 이것을 더 잘 이해하기 위해 파고 들었다. – BobTheZealot

+0

pointRange 설명서에 "가장 가까운 두 데이터 점 사이의 거리로 계산됩니다."라고 나와 있습니다. 1767157200000과 1672462800000은 위의 세 가지 jsFiddles에 모두 포함됩니다. SAME 시리즈에서 "가장 가까운 데이터 요소"를 pointRange로 사용할 수 있습니까? 위의 두 번째 예에서 두 점만 있으므로 범위로 (1767157200000 - 1420002000000)를 사용하고 있는데 이는 상당히 큽니다. 세 번째 예에서는 점이 내림차순이므로 음의 범위를 갖습니다. 어쨌든, 많은 감사합니다. – BobTheZealot

+0

Highcharts에서 포인트를 오름차순으로 주문해야합니다. pointRange와 관련하여 전체 답변을 얻으려면 소스를 확인해야합니다. –

관련 문제