bil*_*rky 3 html javascript php highcharts
是否可以在下钻时将图表的x轴类型从类别更改为日期时间?我有堆叠列样式图,其中每列是不同的类别.当我点击其中一列时,我想深入查看具有日期时间x轴的该类别的专用列图.
我已经能够成功深入到另一个类别样式图,并将每个类别设置为日期范围内的一天,但使用日期时间格式会好得多.
这是我正在运行的"onClick"代码,试图这样做.显然,数据是样本数据,只是为了简单起见.目前,这会以内存限制崩溃Firefox.
甚至可以像这样动态切换x轴类型吗?
function setChart() {
while(hChart.series.length > 0){
hChart.series[0].remove();
}
hChart.xAxis[0].update({
type: 'datetime'
});
console.log(hChart.xAxis[0]);
data = [
[Date.UTC(2010, 0, 1), 5],
[Date.UTC(2010, 0, 2), 11],
[Date.UTC(2010, 0, 3), 3],
[Date.UTC(2010, 0, 6), 7],
[Date.UTC(2010, 0, 7), 4],
[Date.UTC(2010, 0, 8), 1]
];
console.log(data);
hChart.addSeries({
type: 'column',
data: data,
}, false);
hChart.redraw();
}
Run Code Online (Sandbox Code Playgroud)
对于仍在寻找答案的人.解决方案是:
在数组中定义X轴:
xAxis: [{
id: 0,
type: 'category'
}, {
id: 1,
type: 'datetime'
}]
Run Code Online (Sandbox Code Playgroud)
对于每个系列的深入分析
drilldown: {
series: [{
name: "test",
id: "test",
xAxis: 1, // <--- your desired X axis ID
data: [
[your data]
]
}]
}
Run Code Online (Sandbox Code Playgroud)