Javascript 从与图表无关的事件中获取当前选定的rangeSelector
我有一个图表,在左上角有一个范围选择器,允许用户从1M、3M、6M、1Y、3Y、5Y中进行选择。该图表还允许用户使用位于图表右上角的日期输入框输入特定日期 当用户从rangeSelector中选择一个范围时,输入框中的日期会更改以匹配所选范围,这是相当默认的行为 我的目标: 我需要保存范围选择,这样当用户返回图表时,我可以设置他离开前的相同范围选择。现在图表默认为1Y 我所尝试的: 如果用户专门单击范围选择器选项,我知道我也可以使用x轴事件(如下)访问已单击的内容。这对我没有帮助,因为我需要知道从图表之外发生的事件中选择了什么。我无法访问rangeSelector事件Javascript 从与图表无关的事件中获取当前选定的rangeSelector,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我有一个图表,在左上角有一个范围选择器,允许用户从1M、3M、6M、1Y、3Y、5Y中进行选择。该图表还允许用户使用位于图表右上角的日期输入框输入特定日期 当用户从rangeSelector中选择一个范围时,输入框中的日期会更改以匹配所选范围,这是相当默认的行为 我的目标: 我需要保存范围选择,这样当用户返回图表时,我可以设置他离开前的相同范围选择。现在图表默认为1Y 我所尝试的: 如果用户专门单击范围选择器选项,我知道我也可以使用x轴事件(如下)访问已单击的内容。这对我没有帮助,因为我需要知道
if (typeof (e.rangeSelectorButton) !== 'undefined') {
alert('count: ' + e.rangeSelectorButton.count + 'text: ' +
e.rangeSelectorButton.text + ' type:' + e.rangeSelectorButton.type);
}
我知道有一种方法可以从日期输入框中获取输入,因此我相信在重新渲染图表时可以重置这些日期。如果我这样做,rangeSelector将不会像单击它那样具有突出显示的选项(1M、3M、6M等),但图表仍将显示正确的日期。如果没有更好的选择,我可能会使用这个解决方案
var minDate = $('input.highcharts-range-selector:eq(0)').val();
var maxDate = $('input.highcharts-range-selector:eq(1)').val();
但是,我仍然想知道是否有一种方法可以让我在不与图表交互的情况下获得当前选中的rangeSelected选项。换句话说,有没有一种方法可以让我不必点击rangeSelector就可以获得这些信息
谢谢
TS您需要捕获然后获取值(最小值、最大值)并设置cookie。加载页面时,检查cookie并致电谢谢Sebastian。我所做的是,保存最小值和最大值,然后当用户加载页面时,在创建图表时,我将默认范围选择器设置为保存的日期。