Question

我在一个图表上工作，该图表有多个数据源，可根据缩放的范围动态加载，但出于某种原因，图表＆＃34;选择＆＃34;事件永远不会传递xAxis所以我可以获得选择范围，然后重新加载适当缩放级别的数据。由于我试图做的是调试有点复杂，我将案例简化为单个静态数据集，该数据集仅对选择事件执行console.log（e）。我提炼的例子在这里：

http://jsfiddle.net/j5z5E/

当我在此示例图表上进行选择时，没有任何缩放，JavaScript控制台显示事件具有xAxis和yAxis数组，但xAxis为0长度且yAxis为1长。

我一直看到示例中的检查：

if (e.xAxis[0]) {
    //do stuff
}

很明显，有些情况下xAxis不会被传递。我是在做什么来触发这种情况吗？我知道我一定做错了什么，但我不能为我的生活弄清楚什么。

Answer 1

你问的是：

xAxis: {
     type: 'datetime',
     min: start,
     max: end,
     minRange: 3600000      
},

设置最小值和最大值，不允许图表缩放，因为它已经定义了最小值和最大值。

Working Demo

Answer 2

问题是你的最小值和最大值不是数字而是日期字符串。将它们转换为时间戳数字时，它可以正常工作。

var start = +new Date(2013, 1, 12, 0, 0, 0, 0);
var end = +new Date(2013, 1, 14, 0, 0, 0, 0);

Working demo

Highcharts选择事件未通过xAxis

2 个答案: