如何在highcharts中隐藏和显示类别
我一直在尝试为用户提供一种动态的方式来切换折线图的类别,我看到了这个似乎有我想要的,我在我的页面中添加了代码,改变了一些事情 问题是,当我隐藏一个类别(年份)时,它会将该类别的编号更改为该类别在highchart中的位置,当我显示该类别时,它会显示该类别的数据,但也会添加一个新类别…下面是我的如何在highcharts中隐藏和显示类别,highcharts,Highcharts,我一直在尝试为用户提供一种动态的方式来切换折线图的类别,我看到了这个似乎有我想要的,我在我的页面中添加了代码,改变了一些事情 问题是,当我隐藏一个类别(年份)时,它会将该类别的编号更改为该类别在highchart中的位置,当我显示该类别时,它会显示该类别的数据,但也会添加一个新类别…下面是我的 谢谢 设置类别等,您可以捕获复选框事件并显示/隐藏特定SVG元素 var $check, val; $('input[name="cat"]').click(function(
谢谢 设置类别等,您可以捕获复选框事件并显示/隐藏特定SVG元素
var $check,
val;
$('input[name="cat"]').click(function(){
$check = $(this);
val = $check.val();
$.each(chart.xAxis[0].ticks, function(i, tick){
if(tick.label && tick.label.textStr == val){
$check.is(':checked') ? tick.label.show() : tick.label.hide();
}
});
});
是的,但我需要所有列都不显示,代码隐藏了xAxis上的标签,但值仍在显示。您看过这个主题吗:
var $check,
val;
$('input[name="cat"]').click(function(){
$check = $(this);
val = $check.val();
$.each(chart.xAxis[0].ticks, function(i, tick){
if(tick.label && tick.label.textStr == val){
$check.is(':checked') ? tick.label.show() : tick.label.hide();
}
});
});