Highcharts.js-动态禁用给定类别
在Highcharts.js中,是否可以通过单击来禁用/启用给定类别?与通过单击图例中的给定系列来禁用/启用该系列的方式相同Highcharts.js-动态禁用给定类别,highcharts,Highcharts,在Highcharts.js中,是否可以通过单击来禁用/启用给定类别?与通过单击图例中的给定系列来禁用/启用该系列的方式相同 如果没有,下一个最佳选择是什么 默认情况下,Highcharts不支持通过单击来禁用类别。要获得想要的结果,您需要添加自定义代码。例如,在render事件中,您可以将单击事件添加到xAxis标签,并使用新类别和数据更新图表: var H = Highcharts, categories = ['one', 'two', 'three'], data = [
如果没有,下一个最佳选择是什么 默认情况下,Highcharts不支持通过单击来禁用类别。要获得想要的结果,您需要添加自定义代码。例如,在
render
事件中,您可以将单击事件添加到xAxis
标签,并使用新类别和数据更新图表:
var H = Highcharts,
categories = ['one', 'two', 'three'],
data = [1, 2, 3];
chart = Highcharts.chart('container', {
chart: {
events: {
render: function() {
var chart = this;
H.objectEach(chart.xAxis[0].ticks, function(tick) {
if (tick.label) {
H.addEvent(tick.label.element, 'click', function() {
data.splice(tick.pos, 1);
categories.splice(tick.pos, 1);
chart.update({
series: [{
data: data
}],
xAxis: {
categories: categories
}
});
});
}
});
}
}
},
series: [{
type: 'column',
data: data
}],
xAxis: {
categories: categories
}
});
现场演示:
API参考:正是我想要的。谢谢