Highcharts chart with 'datetime' xAxis - using categories in a flat pattern

Question

Is there a way to have a "datetime" for type xAxis in the main series, but then when the series is clicked, are the categories of use for the sweep used for this?

In this jsfiddle example ( http://jsfiddle.net/kadams/3e3xqv7e/ ) you can see that when the "category" is used as the xAxis type, the drilldown data correctly uses the series "A", "B" and "C "on xAxis. But when the xAxis type changes to "datetime" and the millisecond time is used for the value "x" instead of the name for the main series, the categories in the scan do not show "A", "B" ', or' C '. Just meaningless dates.

UPDATE for clarification . I would prefer to use the "datetime" type instead of the "category" type with values ​​formatted as dates, because Highcharts will throw a "too many ticks" error when x -axis is big: http://www.highcharts.com/errors/ 19 . I gave an example of the type of “category” in the script below to demonstrate that “A”, “B”, “C” really show when the type is not “datetime”.

$(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

! . xAxis . , Highcharts.

xAxis: [{
         id: 0,
         type: 'datetime'
       },
       {
         id: 1,
         type: 'categories',
         categories: data.categories
       }
   ]

, .

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.