'datetime'이있는 하이 차트 차트 xAxis - 드릴 다운의 범주 사용

Question

주 시리즈의 xAxis 유형에 'datetime'을 지정하는 방법이 있지만 시리즈를 클릭 할 때 해당 시간에 드릴 다운 사용 카테고리를 사용하십시오 ?

이 jsfiddle 예제 (http://jsfiddle.net/kadams/3e3xqv7e/)에서 '카테고리'가 xAxis 유형으로 사용될 때 드릴 다운 데이터는 드릴 다운 시리즈 이름 'A', 'B'및 'C'를 올바르게 사용한다는 것을 알 수 있습니다. xAxis. 그러나 xAxis 유형이 'datetime'으로 변경되고 주 시리즈의 이름 대신 'x'값에 밀리 초 시간이 사용되면 드릴 다운의 범주에 'A', 'B'가 표시되지 않습니다 '또는'C '를 더 이상 사용하지 마십시오. 그냥 의미없는 날짜. 설명에 대한

는

UPDATE - x 축이 큰 때 나는 Highcharts은 '너무 많은 틱'오류가 발생하기 때문에, 날짜로 포맷 된 값 대신 '카테고리'형식의 '날짜'형식을 사용하는 것을 선호 : http://www.highcharts.com/errors/19. 나는 유형이 'datetime'이 아닐 때 'A', 'B', 'C'가 올바르게 표시된다는 것을 입증하기 위해 아래의 바이올린에서 '카테고리'유형 예제를 제공합니다.

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column', 
     }, 
     xAxis: { 
      type: 'category', 
      // type: 'datetime', 
      dateTimeLabelFormats: { 
       hour: '%l:%M %p' 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     series: [{ 
      name: 'Total', 
      colorByPoint: true, 
      data: [{ 
       y: 8, 
       drilldown: 'Bob', 
       name: 'Bob', //used with 'category' xAxis type 
       x: 1420700400000 //used with 'datetime' xAxis type 
      }] 
     }], 
     drilldown: { 
      series: [{ 
       id: 'Bob', 
       name: 'Bob', 
       data: [{ 
        name: 'A', 
        y: 3 
       }, { 
        name: 'B', 
        y: 3 
       }, { 
        name: 'C', 
        y: 2 
       }] 
      }] 
     } 
    }); 
}); 

Answer 1

나는 당신에게 문제가되는 사람들을위한 해결책을 찾았습니다! Sebastian Bochan이 나에게 몇 가지 아이디어를주었습니다. xAxis를 분리하고 각각 다른 유형을 설정해야합니다. 따라서 여기에 카테고리를 Highcharts way's으로 추가해야합니다.

그러면 세리에이 코드를 추가하여 새 축과 연결해야합니다.

drilldown: { 
     series: [{ 
     name: "test", 
     id: "test", 
     xAxis: 1, // <--- your desired X axis ID 
     data: [ 
      [your data] 
     ] 
     }] 
    } 

아마도 하단 차트에는 약간의 차이가 있지만 모든 것이 저에게 효과적 일 것입니다. 내가 당신을 도움이되기를 바랍니다

, 당신은 설 포닐 차트를 파괴하고 새로 만들 수 있도록)

Answer 2

당신은 당신의 xAxis이를 추가해야합니다

labels: { 
     formatter: function() { 
       return Highcharts.dateFormat('%a %d %b', this.value); 
     } 
}, 

체크 아웃 fiddle을.