Javascript 如何在页面加载中将enable属性设置为highcharts行
如果你想了解我的要求,首先你必须看看这个演示Javascript 如何在页面加载中将enable属性设置为highcharts行,javascript,jquery,asp.net,highcharts,Javascript,Jquery,Asp.net,Highcharts,如果你想了解我的要求,首先你必须看看这个演示 . 现在点击演示图中的东京,东京线将显示。现在我希望能够在页面加载中设置该属性,我的意思是,无论何时加载页面,都应该单击东京链接,并且只显示一行,当我单击东京时,东京行应该显示。您可以从该演示中找到源代码,谢谢您。创建图表时,只需为默认情况下应隐藏的系列设置series.visible=false 请参阅。我认为您想要的是一种只显示单击的图例系列的方法。如果是这样的话,你可以用这个。要使图表上最初只显示一个序列(但仍显示在图例中),需要将该序列的属性
. 现在点击演示图中的东京,东京线将显示。现在我希望能够在页面加载中设置该属性,我的意思是,无论何时加载页面,都应该单击东京链接,并且只显示一行,当我单击东京时,东京行应该显示。您可以从该演示中找到源代码,谢谢您。创建图表时,只需为默认情况下应隐藏的系列设置
series.visible=false
请参阅。我认为您想要的是一种只显示单击的图例系列的方法。如果是这样的话,你可以用这个。要使图表上最初只显示一个序列(但仍显示在图例中),需要将该序列的属性设置为
true
,将其他属性设置为false
。如果希望在初始加载时显示所有系列,则可以忽略该步骤
要使切换生效,您需要获取您单击的图例项的索引。然后,循环浏览图表中的所有序列,以找到与单击的索引匹配的序列。当它与您为未设置的匹配时
以下是基本的切换代码:
series: {
events: {
legendItemClick: function (event) {
var seriesIndex = this.index;
var serie = this.chart.series;
console.log(seriesIndex);
for (i = 0; i < serie.length; i++) {
if (serie[i].index == seriesIndex) {
serie[i].show();
console.log(serie[i].index);
} else {
serie[i].hide();
}
}
return false;
}
}
}
系列:{
活动:{
legendItemClick:函数(事件){
var seriesIndex=该指数;
var serie=this.chart.series;
控制台日志(SerieIndex);
对于(i=0;i
这是一个实时的。它不应该被隐藏,它应该显示为enabled false。创建简单的模型,不清楚您想要实现什么,抱歉。