如何在Highcharts中获取当前的钻取'
How to get current drilldown's id in Highcharts
我有一个向下的Highcharts图表,如下所示:
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Basic drilldown'
},
xAxis: {
type: 'category'
},
series: [{
name: 'Things',
colorByPoint: true,
data: [{
name: 'Animals',
y: 5,
drilldown: 'animals'
}, {
name: 'Fruits',
y: 2,
drilldown: 'fruits'
}, {
name: 'Cars',
y: 4,
drilldown: 'cars'
}]
}],
drilldown: {
series: [{
id: 'animals',
data: [
['Cats', 4],
['Dogs', 2],
['Cows', 1],
['Sheep', 2],
['Pigs', 1]
]
}, {
id: 'fruits',
data: [
['Apples', 4],
['Oranges', 2]
]
}, {
id: 'cars',
data: [
['Toyota', 4],
['Opel', 2],
['Volkswagen', 2]
]
}]
}
});
您可以在这里查看:JSFiddle链接。
当用户选择一列并显示钻取图时,我如何获得当前钻取的id和数据?
您可以使用highcharts events:drilldown
触发器。
通过在图表部分
中添加这个chart: {
type: 'column',
events: {
drilldown: function (e) {
console.log(e.seriesOptions.id);
console.log(e.seriesOptions.data);
}
}
},
完整的演示在这里
演示相关文章:
- 使用 json 的 Highcharts 动态钻取
- Highcharts甜甜圈工具提示格式使用钻取数据
- 具有向下钻取的 Highcharts 列会导致主图表中的数据标签模糊,但向下钻取的列除外
- Highcharts向下钻取调整向下钻取/向上钻取时Y轴的大小
- Highcharts通过事件点击访问向下钻取数据
- HighCharts:树映射数据标签在向下钻取/向上钻取时不一致
- highcharts pie钻取在metrojs中不起作用
- HighCharts:具有向下钻取功能的动态数据
- HighCharts:向下钻取到堆叠列
- 在Highcharts中向下钻取时更改标题
- Highcharts列向下钻取
- 在Highcharts中结合预处理数据和钻取
- Highcharts层叠列与钻取
- 在Highcharts的列图中具有url属性的钻取功能
- 使用ruby on rails数据库中的值在Highcharts中进行多个钻取
- 如何在Highcharts中获取当前的钻取'
- Highcharts显示向下钻取图表到不同的容器
- 在Highcharts中向下钻取时隐藏/显示DIV
- Highcharts中的多个系列,具有多个向下钻取功能
- Highcharts向下钻取异步多系列问题