带有“日期时间”xAxis的高级图表-向下钻取的使用类别
带有“日期时间”xAxis的高级图表-向下钻取的使用类别
提问于 2015-01-08 16:22:13
在主系列中是否有xAxis类型的“日期时间”，但是当单击一个系列时，有那个时候的钻取使用类别吗？
在这个jsfiddle示例(http://jsfiddle.net/kadams/3e3xqv7e/)中，您可以看到当“xAxis”用作xAxis类型时，钻取数据正确地使用xAxis上的钻取系列名称'A‘、'B’和'C‘。但是，当xAxis类型更改为“datetime”，并且毫秒时间用于“x”值代替主系列的名称时，钻取中的类别不再显示“A”、“B”或“C”。毫无意义的约会。
用于澄清的更新()--我更喜欢使用“日期时间”类型，而不是将值格式化为日期的“类别”类型，因为当x轴较大时，高图表会抛出“太多的滴答”错误：http://www.highcharts.com/errors/19。我在下面的小提琴中给出了“类别”类型的例子，只是为了证明'A'，'B'，'C‘在类型不是'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
}]
}]
}
});
});回答 2
Stack Overflow用户
回答已采纳
发布于 2016-01-01 16:35:51
我找到了解决你问题的办法！塞巴斯蒂安·博尚给了我一些想法。您需要分离xAxis并为每个类型设置不同的类型。因此，这里您必须将您的类别添加为海图法。
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]
]
}]
}也许你会在底部的图表上看到一个小的差别，但所有的都对我有用。
我希望这对你有帮助;)
Stack Overflow用户
发布于 2015-01-08 17:06:42
您需要将此添加到您的xAxis中
labels: {
formatter: function() {
return Highcharts.dateFormat('%a %d %b', this.value);
}
},看看小提琴。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27844786
复制相关文章
相似问题
腾讯云开发者
