Я пытался и искал много способов, прежде чем написать этот вопрос, и у меня есть две оси X в старшей диаграмме, чтобы не допустить ее до одной.
Следующим способом я попытался выдвинуть категории по оси x, потому что я хочу отображать разные категории по оси x при развертывании бара.
chartResourceData.xAxis = [{
id: 0,
type: 'datetime',
dateTimeLabelFormats: {
day: '%b \'%y'
}
},
{
id: 1,
type: 'category',
}
];
и мне удалось получить разные категории для детализации, но для основных данных у меня есть два ряда данных с одинаковыми значениями оси X.
var series1Data = { name: 'Airtel',
xAxis:0,
pointStart: Date.UTC(2018, 0, 1),
pointInterval: 360 * 3600 * 1000,
data: [{
y: 330,
drilldown: 'Jan01'
},
{
y: 120,
drilldown: 'Jan01'
},
{
y: 203,
drilldown: 'Jan01'
},
{
y:80,
drilldown: 'Jan01'
},{
y:80,
drilldown: 'Jan01'
},
{
y:50,
drilldown: 'Jan01'
},
{
y:69,
drilldown: 'Jan01'
},
{
y:99,
drilldown: 'Jan01'
},
{
y:45,
drilldown: 'Jan01'
},
{
y: 64,
drilldown: 'Jan01'
},
{
y: 120,
drilldown: 'Jan01'
},
{
y: 120,
drilldown: 'Jan01'
},
]
};
var series2Data = { name: 'Vodafone',
xAxis:0,
pointStart: Date.UTC(2018, 0, 1),
pointInterval: 360 * 3600 * 1000,
// xAxisCategories:1,
// data: [{
// name: 'Jan',
// y: 133,
// drilldown: 'Jan02'
// }, 156, 947, 408, 61, 20, 135, 203, 80, 50, 69, 99] };
// xAxis: {
// type: 'datetime',
// dateTimeLabelFormats: {
// day: '%b \'%y'
// }
// },
// pointStart: Date.UTC(2018, 0, 1),
// pointInterval: 360 * 3600 * 1000,
data: [{
y: 133,
drilldown: 'Jan02'
},
{
y: 156,
drilldown: 'Jan02'
},
{
y: 947,
drilldown: 'Jan02'
},
{
y: 408,
drilldown: 'Jan02'
},{
y: 61,
drilldown: 'Jan02'
},
{
y: 20,
drilldown: 'Jan02'
},
{
y: 135,
drilldown: 'Jan02'
},
{
y: 203,
drilldown: 'Jan02'
},
{
y: 80,
drilldown: 'Jan02'
},
{
y: 50,
drilldown: 'Jan02'
},
{
y: 69,
drilldown: 'Jan02'
},
{
y: 99,
drilldown: 'Jan02'
},
]
};
Это дает мне несколько X-оси, как показано на следующем рисунке. 
Пожалуйста, кто-нибудь, помогите мне в этом
заранее спасибо.