Highcharts datetime 열 바가 올바르게 정렬되어 있지 않습니다.

Question

첫째, 몇 가지 이유 때문에 매월 1 일과 15 일에 yAxis를 tickInterval로 가져올 수 없습니다.

두 번째로 올바른 데이터가 없습니다. 계열 데이터를 체크 아웃하고 바가 그래프에있는 경우 일종의 매월 패딩이 발생합니다. 심지어 툴팁의 날짜가 잘못되었습니다.

심판 : http://jsfiddle.net/no1uknow/5hnBP/12/

yAxis: { 
      title: '', 
      type: 'datetime', 
      min: Date.UTC(2014, 9, 1), 
      max: Date.UTC(2014, 12, 31), 
      tickInterval: 1000 * 60 * 60 * 24 * 14, // two weeks 
      //ticks: ['2014-10-01','2014-10-15','2014-11-01','2014-11-15','2014-12-01','2014-12-15','2015-01-01'], 
      labels: { 
       formatter: function() { 
        return Highcharts.dateFormat('%d-%b-%Y', this.value); 
       } 
      } 
     } 

Answer 1

1) 달이 모두 다른 길이있다, 당신에게 매월 1 일과 15를 줄 것이다 아무도 간격, 1-> (15)으로부터의 거리가 없습니다 및 15 -> 1은 동일하지 않습니다.

특정 날짜에 틱을 표시하려면 tickPositions 설정을 사용해야하고 틱 (또는 날짜)을 원하는 각 날짜의 시간 스탬프 (밀리 초)를 배열에 제공해야합니다. UTC 개체).

• tickPositions 참조 : http://api.highcharts.com/highcharts#xAxis.tickPositions
• 에포크 시간 기준 : http://www.epochconverter.com/

2) 바, 툴팁 정확하게 정확하게 표시된다. 자바 스크립트에서 개월은 0부터 시작하므로 10은 10 월이 아니라 11 월이라는 것을 기억하십시오.

Answer 2

jlbriggs에게 감사드립니다. 올바른 방향으로 가고 있습니다.

관심있는 사람이 있다면 필자가 필요로하는 해결책입니다.

http://jsfiddle.net/5hnBP/15/

yAxis: { 
       title: '', 
       type: 'datetime', 
       min: 1409544000000, // Date.UTC(2014, 9, 1), 
       max: 1418619600000, // Date.UTC(2014, 1, 31), 
       tickPositions: 
[1409544000000,1410753600000,1412136000000,1413345600000,1414814400000,1416027600000,1417410000000,1418619600000,1420088400000], 
       labels: { 
        format: '{value:%d-%b-%Y}' 
        } 


      }