2016-10-01 3 views
0

하이 차트 히트 맵에 문제가 있습니다. 약간 다른 형식으로 내 자신의 데이터로 예제 heat-heatmap을 모방하려하지만 아직 제대로 그릴 수는 없습니다. 여기하이 차트 히트 맵이 데이터를 올바르게 표시하지 못하고 올바르게 라벨을 지정합니다.

Image snip of the problem

데모 :

https://jsfiddle.net/17jsrxfk/1/

yAxis: { 
    type: 'datetime', 
    labels: { 
    format: '{value:%H:%M}' 
    }, 
    dateTimeLabelFormats: { // don't display the dummy year 
    month: '%e. %b', 
    year: '%b' 
    } 

가 알 수있는 바와 같이, 툴팁 찾아 그 시점에서 올바른 데이터에 대응, 심지어 색상 변화 관리 ; 아래쪽의 색상 축이 올바르게 응답합니다.

[1456444800000, 2700600000, 54.18855218855219], etc 

데이터는, 밀리 초 단위에 기록 (d, m, Y)과 더미 하루 날짜 (m, H, D, M, Y)의 상기 제 2 값의 날짜를 상기 제 1 값 0,0,1970의 월 연도; 세 번째 값은 실제 값입니다.

Highcharts에서 문제가 발생했는지, 아니면 Highcharts에서 처음으로 신참으로 실수했는지 확실하지 않습니다. 다른 곳에서이 문제의 재현을 찾을 수 없었으며 해결책을 찾기 위해 몇 시간을 보냈습니다.

힌트와 팁도 높이 평가되었습니다. 감사

+0

문제는 처음에로드하는 플러그인과 관련이있는 것 같습니다.이 플러그인을 사용하지 않으면 컬럼의 colsize 및 rowsize를 설정해야합니다. https://jsfiddle.net/17jsrxfk/2/ –

+0

와우, 어땠어, 고마워! 나는 커다란 히트 맵을 가지고 highcharts 예제를 따르고 있었고 그 플러그인을 복사했다.왜 colsize 및 rowsize가 필요합니까? –

+0

범주를 사용하고 있지 않기 때문입니다 (히트 맵에 대한 표준 축 유형). 히트 맵 셀은 얼마나 큰지 알 수 없습니다. 그것이 당신이 그들에게이 정보를 수동으로 제공해야하는 이유입니다. –

답변

0
당신이 당신의 열 colsize 및 행 크기를 설정할 경우이 플러그인 모든 것이 잘 작동하지 않고 문제가, 당신이 처음에로드 플러그인과 연결되어 마치

: jsfiddle.net/17jsrxfk/2 - Grzegorz Blachliński

내 문제를 해결하기위한 사람에게 감사드립니다!

+0

당신은 환영합니다 :) –