Highcharts 需要在单击rangeselector按钮时使用最小和最大X值调用API
我想在高库存中单击RangeSelector按钮时进行API调用。我知道RangeSelector中有一个click事件,但问题是传递给的事件不包含图形的最小值和最大值。我需要这两个值来进行API调用。我也知道,我们可以在这里使用AftersetExtreme,但问题是,即使没有单击按钮,它也会被多次触发。下面是我的部分代码。有人能告诉我如何在点击事件中获得Xmin和Xmax吗Highcharts 需要在单击rangeselector按钮时使用最小和最大X值调用API,highcharts,Highcharts,我想在高库存中单击RangeSelector按钮时进行API调用。我知道RangeSelector中有一个click事件,但问题是传递给的事件不包含图形的最小值和最大值。我需要这两个值来进行API调用。我也知道,我们可以在这里使用AftersetExtreme,但问题是,即使没有单击按钮,它也会被多次触发。下面是我的部分代码。有人能告诉我如何在点击事件中获得Xmin和Xmax吗 const zoomButtons = [ { type: 'minute',
const zoomButtons = [
{
type: 'minute',
count: 5,
text: '5min',
events:{
click: onClickOfRangeSelector
}
}]
function onClickOfRangeSelector(e) {
console.log(this);
console.log(e);// need to make an API call here
}
您可以参考图表变量,请检查以下代码:
var chart = Highcharts.stockChart('container', {
...,
rangeSelector: {
buttons: [{
type: 'minute',
count: 5,
text: '5min',
events: {
click: function(a, b, c) {
var min = chart.xAxis[0].max - this._range,
max = chart.xAxis[0].max;
console.log(min, max);
}
}
}]
}
});
现场演示:
API参考:highcharts团队中有人在这里有解决方案吗?嗨,你能告诉我这里的“这个范围”是什么吗。这似乎对我的要求是正确的,但如果是“全部”(在rangeslector中)按钮,我得到了这个结果。_rangeas NAN,它将破坏您提供的上述代码。你能帮我解决这个问题吗?嗨@Nishit,
这个。_range
是一个选定的范围,5分钟是300000
。请检查此示例:如果缺少this.\u range
,您可能可以使用dataMin
和dataMax
。